@import"https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,400,0,0";@import"https://fonts.googleapis.com/css2?family=Material+Symbols+Rounded:opsz,wght,FILL,GRAD@20..48,400,0,0";body{margin:0;font-family:sans-serif;background-color:#e6eff6;background-image:url(/assets/codexi_bg-D4WY45HI.png);background-size:100% 100%;background-position:center;background-repeat:no-repeat;background-attachment:fixed;height:100vh;overflow:hidden}.header h1{font-size:24px;color:#003049;margin:0}.nav-links a:hover{color:#1d70b8}.main{display:flex;justify-content:center;align-items:flex-start;padding-top:60px;height:calc(100vh - 200px)}.login-card{background:#fff;border-radius:20px;padding:15px;width:460px;box-shadow:0 2px 10px #00000014;display:flex;flex-direction:column;gap:20px}.login-card h2{text-align:center;margin-bottom:8px;color:#003049;font-size:24px}.login-content{display:flex;align-items:center;justify-content:center;gap:24px}.avatar-wrapper{flex-shrink:0}.avatar{padding-left:40px;height:90px}form{padding-left:20px;padding-right:40px;flex:1;text-align:left}label{display:block;margin-bottom:5px;font-weight:700;color:#003049}input[type=text],input[type=password]{width:100%;padding:8px;font-size:14px;border-radius:6px;border:1px solid #ccc;margin-bottom:12px;box-sizing:border-box}.login-card button{align-self:center;width:120px;padding:10px;background:#0a4360;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px;transition:background .2s ease}.login-card button:hover{background:#012b42}body{margin:0;font-family:sans-serif;background-color:#e6eff6;background-image:url(/assets/codexi_bg-D4WY45HI.png);background-size:cover;background-position:center;background-repeat:no-repeat;background-attachment:fixed;overflow-y:auto}.header{background:#fff;border-radius:20px;margin:40px auto;padding:30px 40px;display:flex;align-items:center;justify-content:space-between;max-width:1100px;box-shadow:0 4px 10px #0000000a}.logo-container{display:flex;align-items:center;text-decoration:none;color:#003049}.logo{height:60px;margin-right:12px}.nav-links{list-style:none;display:flex;gap:40px;margin:0;padding:0}.nav-links a{text-decoration:none;color:#003049;font-weight:500;font-size:18px;transition:color .2s ease}.user-info{position:relative;display:flex;align-items:center;font-weight:600;color:#003049}.user-avatar{height:40px;border-radius:50%}.home-main{max-width:1100px;margin:0 auto;padding:20px 0}.steps{display:flex;align-items:center;gap:8px;justify-content:start;font-weight:700;color:#003049;margin-top:20px;margin-bottom:40px}.step{background:#003049;color:#fff;border-radius:50%;width:30px;height:30px;display:inline-flex;justify-content:center;align-items:center;font-size:14px}.step.active{background:#48a9a6}.step.completed{background:#00c853}.content{display:flex;align-items:flex-start;justify-content:space-between;gap:30px;margin-top:10px}.left-panel{background:#ffffffea;padding:30px;border-radius:16px;width:500px;display:flex;flex-direction:column;gap:18px;font-weight:700;color:#003049;box-shadow:0 0 10px #0000000d;flex-shrink:0}.left-panel.has-progress{gap:12px}.left-panel select,.left-panel input{padding:10px;font-size:14px;border:1px solid #ccc;border-radius:6px}.preview-panel{flex:1;min-width:280px;max-width:320px;text-align:center}.preview-panel.align-top{margin-top:-80px}.preview-panel h3{margin-bottom:10px;color:#003049}.preview-box{height:400px;border:2px solid #d8d8d8;border-radius:16px;background:#fff;padding:10px;box-shadow:0 2px 8px #0000000a}.pdf-preview{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.pdf-preview__sheet{position:relative;width:100%;height:100%;border-radius:0;overflow:hidden;display:flex;align-items:center;justify-content:center}.pdf-preview__corner{position:absolute;width:0;height:0;pointer-events:none}.pdf-preview__mark-cross{position:absolute;width:26px;height:26px;box-sizing:border-box;pointer-events:none;border:3px solid transparent}.pdf-preview__mark-cross--top-left{border-top-color:currentColor;border-left-color:currentColor;border-top-left-radius:8px;transform:translate(-1.5px,-1.5px)}.pdf-preview__mark-cross--top-right{border-top-color:currentColor;border-right-color:currentColor;border-top-right-radius:8px;transform:translate(calc(-100% + 1.5px),-1.5px)}.pdf-preview__mark-cross--bottom-left{border-bottom-color:currentColor;border-left-color:currentColor;border-bottom-left-radius:8px;transform:translate(-1.5px,calc(-100% + 1.5px))}.pdf-preview__mark-cross--bottom-right{border-bottom-color:currentColor;border-right-color:currentColor;border-bottom-right-radius:8px;transform:translate(calc(-100% + 1.5px),calc(-100% + 1.5px))}.pdf-preview__mark-ball{position:absolute;width:14px;height:14px;border-radius:50%;background:currentColor;box-shadow:0 0 0 2px #fff;top:0;left:0;transform:translate(-50%,-50%)}.pdf-preview__qr{position:absolute;transform:translate(-50%,-50%);pointer-events:none}.pdf-preview__mark-qr{font-size:25px;line-height:1}.pdf-preview__center-label{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 16px;border-radius:12px;background:#ffffffe0;color:#003049;text-align:center;pointer-events:none;max-width:75%;z-index:2;box-shadow:0 6px 18px #0030491f}.pdf-preview__center-label-primary{font-size:16px;font-weight:700;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.pdf-preview__center-label-secondary{font-size:12px;font-weight:500;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.pdf-preview__filename{position:absolute;top:2%;left:50%;transform:translate(-50%);color:#003049;font-size:12px;font-weight:600;pointer-events:none;z-index:2;max-width:80%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pdf-preview__barcode{position:absolute;bottom:1%;left:50%;transform:translate(-50%);color:#003049;display:flex;align-items:center;justify-content:center;pointer-events:none}.pdf-preview__mark-barcode{font-size:42px;line-height:1;display:inline-block;transform:scaleX(2.5);transform-origin:center}.pdf-preview__empty{font-size:13px;color:#768594;text-align:center;padding:12px}.footer-nav{display:flex;justify-content:space-between;max-width:1100px;margin:60px auto 0}.footer-left,.footer-right{flex:1;display:flex;align-items:center;justify-content:flex-start}.footer-left{gap:12px;flex-wrap:wrap}.footer-right{justify-content:flex-end}.btn-footer{background-color:#003049;color:#fff;border:none;border-radius:6px;padding:14px 26px;font-size:15px;font-weight:700;cursor:pointer;transition:background .2s ease}.btn-footer:hover{background-color:#002435}.btn-footer-back{background-color:#e0e0e0;color:#003049;border:2px solid #003049;border-radius:6px;padding:14px 26px;font-size:15px;font-weight:700;cursor:pointer;transition:background .2s ease}.btn-footer-back:hover{background-color:#d4d4d4}.btn-footer.generate,.btn-footer.download{padding:14px 26px;font-size:15px;font-weight:700}.btn-footer.generate{background-color:#139c4c;color:#fff}.btn-footer.download{background-color:#003049;color:#fff}.progress-wrapper{width:100%;margin-top:12px;background:#fff;border:1px solid #dfe6eb;border-radius:12px;padding:12px 16px;box-shadow:0 4px 10px #0030490f;box-sizing:border-box}.progress-header{display:flex;align-items:center;justify-content:space-between;font-weight:600;color:#003049;margin-bottom:8px}.progress-value{font-variant-numeric:tabular-nums;color:#0c7c3c}.progress-bar{position:relative;width:100%;height:10px;border-radius:999px;background:#e9f0f6;overflow:hidden}.progress-fill{position:absolute;left:0;top:0;bottom:0;width:0;border-radius:inherit;background:linear-gradient(90deg,#139c4c,#0f7a3b);transition:width .25s ease}.progress-bar.indeterminate .progress-fill{width:40%;animation:progress-indeterminate 1.2s ease-in-out infinite}@keyframes progress-indeterminate{0%{transform:translate(-50%)}50%{transform:translate(60%)}to{transform:translate(140%)}}.left-panel.has-progress .upload-area{min-height:260px}.left-panel.has-progress .upload-grid{max-height:180px}.upload-area{width:100%;border:2px dashed #b6c2cc;border-radius:12px;background:#ffffffeb;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 24px;gap:18px;min-height:360px;transition:border-color .2s ease,background-color .2s ease}.upload-area.has-files{align-items:stretch;justify-content:flex-start;padding:20px 18px 18px;gap:12px}.upload-area:hover,.upload-area:focus-within{border-color:#48a9a6;background:#fffffffa}.upload-placeholder{border:none;background:transparent;font:inherit;color:#003049;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;cursor:pointer;padding:0;margin:0;width:100%;max-width:380px;min-height:200px;text-align:center}.upload-placeholder.compact{max-width:none;min-height:auto;align-self:stretch;border-bottom:1px solid #dfe6eb;padding-bottom:16px}.upload-placeholder:focus-visible{outline:2px solid #48a9a6;outline-offset:4px}.upload-text{font-weight:700;color:#003049;font-size:18px;margin:12px 0 0}.upload-hint{font-size:12px;color:#6c7a87}.upload-grid{width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;flex:1;max-height:220px;overflow-y:auto;padding-right:6px}.upload-thumb{border:1px solid #dfe6eb;border-radius:12px;background:#f6f9fc;display:flex;flex-direction:column;overflow:hidden}.thumb-image{width:100%;height:130px;background:#fff;display:flex;align-items:center;justify-content:center;overflow:hidden}.thumb-image img{width:100%;height:100%;object-fit:cover}.thumb-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 12px}.thumb-name{flex:1;font-size:13px;color:#2f3a43;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.thumb-remove{border:none;background:none;color:#b31818;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:4px;border-radius:4px;transition:background-color .2s ease}.thumb-remove:hover{background-color:#b3181814}.preview-placeholder{margin:0;height:100%;display:flex;align-items:center;justify-content:center;color:#7a8793;font-size:14px;text-align:center;padding:0 12px}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0000004d;display:flex;justify-content:center;align-items:center;z-index:999}.modal-box{background:#fff;border-radius:16px;padding:24px 30px;width:400px;box-shadow:0 0 20px #0000001a;display:flex;flex-direction:column;gap:10px}.modal-box h3,.modal-title{font-size:20px;font-weight:600;color:#003049;margin-bottom:10px;text-align:center}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.modal-close-icon{background:transparent;border:none;font-size:20px;color:#003049;cursor:pointer;padding:0;line-height:1;transition:color .2s ease}.modal-close-icon:hover{color:#555}.modal-actions-right{display:flex;justify-content:flex-end;margin-top:20px}.model-list{display:flex;flex-direction:column;gap:12px;margin-top:10px}.model-card{display:flex;justify-content:space-between;align-items:center;background:#f8fafc;border:1px solid #d0d7de;border-radius:12px;padding:14px 16px;box-shadow:0 2px 6px #0000000a;transition:box-shadow .2s ease}.model-card:hover{box-shadow:0 4px 12px #00000014}.model-info{display:flex;flex-direction:column}.model-info .name{font-weight:700;font-size:16px;color:#003049}.model-info .size{font-size:14px;color:#555}.model-actions{display:flex;align-items:center;gap:12px}.model-actions button{background:transparent;border:none;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center}.model-actions button:hover svg{scale:1.1;transition:scale .2s ease}.btn-new-model{display:inline-flex;align-items:center;gap:8px;margin-top:20px;padding:10px 18px;font-size:15px;font-weight:500;background:#003049;color:#fff;border:none;border-radius:8px;cursor:pointer;transition:background .2s ease}.btn-new-model:hover{background:#002435}.form-vertical{display:flex;flex-direction:column;gap:12px}.form-label{font-weight:700;font-size:14px;color:#003049;margin-bottom:2px}.form-input{padding:10px;font-size:14px;border:1px solid #ccc;border-radius:6px;outline:none;transition:border .2s ease}.form-input:focus{border-color:#003049}.form-actions{display:flex;justify-content:space-between;margin-top:24px}.modal-form-grid{display:grid;grid-template-columns:1fr 1fr;column-gap:20px;row-gap:16px}.modal-form-grid .form-group{display:flex;flex-direction:column}.modal-form-grid input,.modal-form-grid select{padding:8px;font-size:14px;border:1px solid #ccc;border-radius:6px}.modal-box{background:#fff;border-radius:12px;padding:32px 36px;max-width:680px;width:100%;margin:0 auto;box-shadow:0 0 24px #00000014}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.modal-title{font-size:20px;font-weight:700;text-align:center;flex:1}.modal-close-icon{font-size:20px;border:none;background:none;cursor:pointer;color:#999}.modal-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px 24px;margin-bottom:32px}.form-group label{font-weight:600;margin-bottom:6px;font-size:14px}.form-group input,.form-group select{padding:10px;font-size:14px;border:1px solid #ddd;border-radius:6px}.form-actions{display:flex;justify-content:space-between;gap:12px}.form-actions .btn-footer{background-color:#003049;color:#fff;border:none;padding:10px 22px;font-size:14px;border-radius:8px;cursor:pointer;transition:.2s ease}.form-actions .btn-footer:hover{background-color:#002033}.modal-form-grid-2{display:grid;grid-template-columns:1fr 1fr;column-gap:20px;row-gap:14px;align-items:start}.modal-form-grid-2 .full{grid-column:1 / -1}.form-group{display:flex;flex-direction:column}.form-label{margin-bottom:6px}.form-input{width:100%;height:44px;line-height:44px;padding:0 12px;box-sizing:border-box}.form-input.wide{width:100%}.form-input[type=number]::-webkit-outer-spin-button,.form-input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.form-input[type=number]{-moz-appearance:textfield}.form-spacer{display:block}.user-avatar-button{display:flex;align-items:center;gap:10px;border:1px solid #d0dde8;background:#fff;color:inherit;border-radius:999px;padding:6px 14px;cursor:pointer;transition:box-shadow .2s ease,border-color .2s ease;box-shadow:0 2px 6px #00304914}.user-avatar-button:hover,.user-avatar-button:focus-visible{border-color:#48a9a6;box-shadow:0 4px 12px #00304929}.user-avatar-button:focus-visible{outline:none}.user-avatar-button.open .user-caret{transform:rotate(180deg)}.user-name{font-size:15px}.user-avatar-button .user-avatar{height:36px;width:36px;border-radius:50%;object-fit:cover}.user-caret{font-size:18px;transition:transform .2s ease;color:#4a5a68}.material-symbols-outlined{font-family:Material Symbols Outlined,sans-serif;font-weight:400;font-style:normal;font-size:25px;line-height:1;display:inline-flex;align-items:center;justify-content:center;letter-spacing:normal;text-transform:none;-webkit-font-feature-settings:"liga";-webkit-font-smoothing:antialiased}.material-symbols-rounded{font-family:Material Symbols Rounded,sans-serif;font-weight:400;font-style:normal;font-size:25px;line-height:1;display:inline-flex;align-items:center;justify-content:center;letter-spacing:normal;text-transform:none;-webkit-font-feature-settings:"liga";-webkit-font-smoothing:antialiased}.user-menu{position:absolute;top:calc(100% + 12px);right:0;background:#fff;border-radius:16px;padding:8px 0;min-width:190px;box-shadow:0 18px 35px #00304929;border:1px solid #d6e0e9;z-index:20}.user-menu:before{content:"";position:absolute;top:-10px;right:32px;width:20px;height:20px;background:#fff;border-left:1px solid #d6e0e9;border-top:1px solid #d6e0e9;transform:rotate(45deg);box-shadow:-3px -3px 6px #0030490a}.user-menu-item{width:100%;display:flex;align-items:center;gap:10px;padding:10px 18px;background:transparent;border:none;color:#003049;font-size:14px;cursor:pointer;transition:background-color .2s ease}.user-menu-item:hover{background-color:#48a9a61a}.user-menu-item.logout{color:#b31818}.user-menu-divider{height:1px;background:#e2e9f0;margin:6px 12px}.profile-page{max-width:1100px;margin:40px auto 80px;padding:0 24px 60px;color:#003049}.profile-header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:28px 32px;background:#fffffff2;border-radius:24px;border:1px solid rgba(214,224,233,.6);box-shadow:0 18px 40px #0030491f}.profile-header h1{margin:0;font-size:32px;font-weight:700}.profile-header p{margin:6px 0 0;color:#4a5a68;font-size:15px}.profile-back{background:transparent;border:1px solid rgba(72,169,166,.8);color:#48a9a6;padding:10px 24px;border-radius:999px;font-weight:600;cursor:pointer;transition:background-color .2s ease,color .2s ease,box-shadow .2s ease;box-shadow:0 4px 12px #48a9a629}.profile-back:hover,.profile-back:focus-visible{background:#48a9a6;color:#fff}.profile-alert{margin-top:28px;padding:14px 20px;border-radius:16px;font-weight:600;border:1px solid rgba(72,169,166,.35);background:#48a9a61f;color:#003049}.profile-alert.error{background:#b318181f;border-color:#b3181859;color:#8a1010}.profile-alert.success{background:#00c8531f;border-color:#00c85359;color:#0b6e4f}.profile-content{display:grid;grid-template-columns:minmax(320px,380px) 1fr;gap:28px;align-items:flex-start;margin-top:32px}.profile-card{background:#fffffff2;border-radius:24px;border:1px solid rgba(214,224,233,.6);box-shadow:0 18px 40px #0030491f;padding:28px 32px}.profile-card h2{margin:0 0 12px;font-size:22px;font-weight:700}.profile-placeholder{margin:0;color:#4a5a68}.profile-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:18px;margin:0}.profile-details div{display:flex;flex-direction:column;gap:6px}.profile-details dt{font-size:13px;text-transform:uppercase;letter-spacing:.04em;color:#6c7c89;margin:0}.profile-details dd{margin:0;font-size:16px;font-weight:600;color:#003049}.status-active{color:#0b6e4f}.status-inactive{color:#8a1010}.profile-description{margin:0 0 20px;color:#4a5a68;font-size:14px;line-height:1.5}.profile-form{display:flex;flex-direction:column;gap:16px}.profile-form-field{display:flex;flex-direction:column;gap:8px;font-weight:600;color:#003049}.profile-form-field input{padding:12px;border-radius:12px;border:1px solid rgba(214,224,233,.8);background:#ffffffd9;font-size:14px;transition:border-color .2s ease,box-shadow .2s ease}.profile-form-field input:focus{border-color:#48a9a6;box-shadow:0 0 0 3px #48a9a626;outline:none}.profile-submit{align-self:flex-start;background:#48a9a6;color:#fff;border:none;padding:12px 26px;border-radius:999px;font-weight:600;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,background-color .2s ease;box-shadow:0 8px 18px #48a9a640}.profile-submit:hover,.profile-submit:focus-visible{background:#3c8f8b;transform:translateY(-1px)}.profile-submit:disabled{opacity:.65;cursor:not-allowed;transform:none;box-shadow:none}.profile-lists{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:28px;margin-top:32px}.profile-card-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.profile-pill{display:inline-flex;align-items:center;justify-content:center;min-width:40px;padding:6px 12px;border-radius:999px;background:#f1f7fb;border:1px solid rgba(72,169,166,.35);font-size:13px;color:#003049;font-weight:600}.profile-model-list{list-style:none;margin:12px 0 0;padding:0;display:flex;flex-direction:column;gap:12px}.profile-model-list li{padding:12px 14px;border-radius:16px;border:1px solid rgba(214,224,233,.6);background:#ffffffe6;display:flex;flex-direction:column;gap:4px}.profile-model-list strong{font-size:15px;color:#003049}.profile-model-list span{font-size:13px;color:#4a5a68}@media (max-width: 960px){.profile-content{grid-template-columns:1fr}.profile-back{width:100%;text-align:center}.profile-header{flex-direction:column;align-items:stretch}}@media (max-width: 720px){.profile-lists{grid-template-columns:1fr}}.settings-page{max-width:1100px;margin:40px auto 80px;padding:0 24px 60px;color:#003049}.settings-header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:28px 32px;background:#fffffff2;border-radius:24px;border:1px solid rgba(214,224,233,.6);box-shadow:0 18px 40px #0030491f}.settings-header h1{margin:0;font-size:32px;font-weight:700}.settings-header p{margin:6px 0 0;color:#4a5a68;font-size:15px}.settings-back{background:transparent;border:1px solid rgba(72,169,166,.8);color:#48a9a6;padding:10px 24px;border-radius:999px;font-weight:600;cursor:pointer;transition:background-color .2s ease,color .2s ease,box-shadow .2s ease;box-shadow:0 4px 12px #48a9a629}.settings-back:hover,.settings-back:focus-visible{background:#48a9a6;color:#fff}.settings-alert{margin-top:28px;padding:14px 20px;border-radius:16px;font-weight:600;border:1px solid rgba(72,169,166,.35);background:#48a9a61f;color:#003049}.settings-alert.error{background:#b318181f;border-color:#b3181859;color:#8a1010}.settings-alert.success{background:#00c8531f;border-color:#00c85359;color:#0b6e4f}.settings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:28px;margin-top:32px}.settings-card{background:#fffffff2;border-radius:24px;border:1px solid rgba(214,224,233,.6);box-shadow:0 18px 40px #0030491f;padding:28px 32px;display:flex;flex-direction:column;gap:18px}.settings-card-header{display:flex;align-items:center;justify-content:space-between;gap:16px}.settings-card h2{margin:0;font-size:22px;font-weight:700}.settings-caption{display:block;margin-top:4px;font-size:13px;color:#4a5a68}.settings-action{display:inline-flex;align-items:center;gap:8px;background:#48a9a6;color:#fff;border:none;padding:10px 18px;border-radius:999px;font-weight:600;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,background-color .2s ease;box-shadow:0 8px 18px #48a9a640}.settings-action:hover,.settings-action:focus-visible{background:#3c8f8b;transform:translateY(-1px)}.settings-placeholder{margin:0;color:#4a5a68}.settings-model-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}.settings-model-list li{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 14px;border-radius:16px;border:1px solid rgba(214,224,233,.6);background:#ffffffe6}.settings-model-info{display:flex;flex-direction:column;gap:4px}.settings-model-info strong{font-size:15px;color:#003049}.settings-model-info span{font-size:13px;color:#4a5a68}.settings-model-actions{display:flex;gap:8px}.settings-model-actions button{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:12px;border:1px solid rgba(214,224,233,.8);background:#f1f7fb;color:#003049;cursor:pointer;transition:background-color .2s ease,color .2s ease,box-shadow .2s ease}.settings-model-actions button:hover,.settings-model-actions button:focus-visible{background:#48a9a6;color:#fff;box-shadow:0 4px 12px #48a9a633}.settings-form{background:#f7fbff;border-radius:20px;border:1px solid rgba(214,224,233,.6);padding:20px 24px;display:flex;flex-direction:column;gap:16px}.settings-form-row{display:flex;flex-direction:column;gap:8px}.settings-form-row.two-columns{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:16px}.settings-form label{font-weight:600;color:#003049;display:flex;flex-direction:column;gap:8px}.settings-form input{padding:12px;border-radius:12px;border:1px solid rgba(214,224,233,.8);background:#ffffffd9;font-size:14px;transition:border-color .2s ease,box-shadow .2s ease}.settings-form input:focus{border-color:#48a9a6;box-shadow:0 0 0 3px #48a9a626;outline:none}.settings-form-actions{display:flex;gap:12px;justify-content:flex-end}.settings-form-actions button{background:#48a9a6;color:#fff;border:none;padding:10px 20px;border-radius:999px;font-weight:600;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,background-color .2s ease;box-shadow:0 8px 18px #48a9a640}.settings-form-actions button:hover,.settings-form-actions button:focus-visible{background:#3c8f8b;transform:translateY(-1px)}.settings-form-actions button.outline{background:transparent;color:#48a9a6;border:1px solid rgba(72,169,166,.8);box-shadow:none}.settings-form-actions button.outline:hover,.settings-form-actions button.outline:focus-visible{background:#48a9a6;color:#fff}.settings-form-actions button:disabled{opacity:.65;cursor:not-allowed;transform:none;box-shadow:none}.settings-card.sharing{margin-top:32px}.settings-sharing-actions{display:flex;gap:16px;flex-wrap:wrap}.settings-sharing-actions button{display:inline-flex;align-items:center;gap:8px;background:#48a9a6;color:#fff;border:none;padding:10px 20px;border-radius:999px;font-weight:600;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,background-color .2s ease;box-shadow:0 8px 18px #48a9a640}.settings-sharing-actions button:hover,.settings-sharing-actions button:focus-visible{background:#3c8f8b;transform:translateY(-1px)}.settings-hidden-input{display:none}@media (max-width: 960px){.settings-header{flex-direction:column;align-items:stretch}.settings-back{width:100%;text-align:center}}@media (max-width: 640px){.settings-form-actions{flex-direction:column;align-items:stretch}.settings-form-actions button{width:100%}}.user-management{max-width:1100px;margin:40px auto 80px;padding:0 24px 60px;color:#003049}.user-management__header{display:flex;align-items:center;justify-content:space-between;gap:32px;padding:28px 32px;background:#fffffff2;border-radius:24px;border:1px solid rgba(214,224,233,.6);box-shadow:0 18px 40px #0030491f}.user-management__heading h1{margin:0;font-size:32px;font-weight:700}.user-management__heading p{margin:6px 0 0;color:#4a5a68;font-size:15px}.user-management__header-right{display:flex;align-items:center;gap:20px;flex-wrap:wrap;justify-content:flex-end}.user-management__badges{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.user-management__badge{display:flex;flex-direction:column;align-items:center;min-width:96px;padding:8px 16px;border-radius:16px;background:#f1f7fb;border:1px solid rgba(72,169,166,.35);font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:#4a5a68}.user-management__badge strong{margin-top:4px;font-size:18px;color:#003049}.user-management__back{background:transparent;border:1px solid rgba(72,169,166,.8);color:#48a9a6;padding:10px 24px;border-radius:999px;font-weight:600;cursor:pointer;transition:background-color .2s ease,color .2s ease,box-shadow .2s ease;box-shadow:0 4px 12px #48a9a629}.user-management__back:hover,.user-management__back:focus-visible{background:#48a9a6;color:#fff}.user-management__alert{margin-top:28px;padding:14px 20px;border-radius:16px;font-weight:600;border:1px solid rgba(72,169,166,.35);background:#48a9a61f;color:#003049}.user-management__alert.error{background:#b318181f;border-color:#b3181859;color:#8a1010}.user-management__alert.success{background:#00c8531f;border-color:#00c85359;color:#0b6e4f}.user-management__content{display:grid;grid-template-columns:minmax(320px,360px) 1fr;gap:28px;align-items:flex-start;margin-top:32px}.user-form,.user-table{background:#fffffff2;border-radius:24px;border:1px solid rgba(214,224,233,.6);box-shadow:0 18px 40px #0030491f;padding:28px 32px}.user-form h2,.user-table__header h2{margin:0;font-size:22px;font-weight:700;color:#003049}.user-form__field{display:flex;flex-direction:column;gap:6px;margin-bottom:18px;font-weight:600}.user-form__field input,.user-form__field select{padding:12px;border-radius:12px;border:1px solid rgba(214,224,233,.8);background:#ffffffd9;font-size:14px;color:#003049;transition:border-color .2s ease,box-shadow .2s ease}.user-form__field input:focus,.user-form__field select:focus{border-color:#48a9a6;box-shadow:0 0 0 3px #48a9a626;outline:none}.user-form__hint{font-size:12px;font-weight:400;margin-left:4px;color:#4a5a68}.user-form__checkbox{display:flex;align-items:center;gap:10px;margin:18px 0;font-weight:600}.user-form__checkbox input{width:18px;height:18px;accent-color:#48a9a6}.user-form__actions{display:flex;gap:12px;flex-wrap:wrap}.user-form__actions .primary,.user-table__header button,.user-table__actions button{background:#48a9a6;color:#fff;border:none;padding:10px 22px;border-radius:999px;font-weight:600;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,background-color .2s ease;box-shadow:0 8px 18px #48a9a640}.user-form__actions .primary:hover,.user-table__header button:hover,.user-table__actions button:hover,.user-form__actions .primary:focus-visible,.user-table__header button:focus-visible,.user-table__actions button:focus-visible{transform:translateY(-1px);box-shadow:0 12px 24px #48a9a659;outline:none}.user-form__actions .secondary{background:transparent;border:1px solid rgba(0,48,73,.25);color:#003049;padding:10px 22px;border-radius:999px;font-weight:600;cursor:pointer;transition:background-color .2s ease,color .2s ease,box-shadow .2s ease}.user-form__actions .secondary:hover,.user-form__actions .secondary:focus-visible{background:#00304914;box-shadow:0 6px 16px #00304933;outline:none}.user-table__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;gap:20px}.user-table table{width:100%;border-collapse:collapse;font-size:14px}.user-table thead{background:#48a9a61f;color:#003049;text-transform:uppercase;letter-spacing:.04em}.user-table th,.user-table td{padding:12px 14px;border-bottom:1px solid rgba(214,224,233,.6)}.user-table tbody tr:hover{background:#48a9a614}.user-table__actions{display:flex;gap:10px;flex-wrap:wrap}.user-table__actions .danger{background:#b31818;box-shadow:0 8px 18px #b3181840}.user-table__actions .danger:hover,.user-table__actions .danger:focus-visible{box-shadow:0 12px 24px #b3181859}@media (max-width: 960px){.user-management{padding:0 18px 48px;margin-top:24px}.user-management__header{flex-direction:column;align-items:flex-start}.user-management__header-right{width:100%;justify-content:space-between}.user-management__content{grid-template-columns:1fr}}@media (max-width: 600px){.user-management__header-right{flex-direction:column;align-items:stretch;gap:16px}.user-management__badges{justify-content:space-between}.user-management__badge{flex:1;min-width:0}}