@import "https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap";@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=Inter:wght@400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap";:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}body{margin:0}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes ping{75%,to{opacity:0;transform:translate(-50%,-50%)scale(2)}}.glass-auth-page{-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;width:100vw;height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;display:flex;position:fixed;inset:0;overflow:hidden}.glass-auth-bg{filter:blur(5px)brightness(.68)saturate(1.15);z-index:1;background-position:50%;background-repeat:no-repeat;background-size:cover;position:absolute;inset:-20px;transform:scale(1.05)}.glass-auth-overlay{z-index:2;background:radial-gradient(circle,#0003 0%,#064e3b73 100%);position:absolute;inset:0}.glass-auth-brand{z-index:10;align-items:center;gap:16px;text-decoration:none;display:flex;position:absolute;top:28px;left:36px}.glass-auth-brand__logo{object-fit:contain;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #fff9;border-radius:12px;width:auto;max-width:160px;height:60px;padding:6px 14px;box-shadow:0 10px 30px #00000059}.glass-auth-brand__text{flex-direction:column;display:flex}.glass-auth-brand__title{color:#fff;letter-spacing:-.01em;text-shadow:0 2px 8px #000000b3;font-size:19px;font-weight:800;line-height:1.2}.glass-auth-brand__subtitle{color:#6ee7b7;text-transform:uppercase;letter-spacing:.06em;text-shadow:0 1px 4px #0009;margin-top:2px;font-size:12px;font-weight:700}.glass-card{z-index:10;-webkit-backdrop-filter:blur(24px);color:#fff;background:#ffffff24;border:1.5px solid #ffffff4d;border-radius:30px;width:100%;max-width:420px;margin:0 20px;padding:42px 38px 36px;animation:.35s cubic-bezier(.16,1,.3,1) modalScale;position:relative;box-shadow:0 30px 60px -12px #0000008c,inset 0 1px 1px #fff6}@keyframes modalScale{0%{opacity:0;transform:scale(.94)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}.glass-card__title{text-align:center;color:#fff;letter-spacing:-.02em;text-shadow:0 2px 10px #00000059;margin-bottom:26px;font-size:32px;font-weight:800}.glass-card__error{color:#fee2e2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ef444440;border:1px solid #ef444480;border-radius:12px;align-items:center;gap:8px;margin-bottom:18px;padding:10px 14px;font-size:13px;font-weight:500;animation:.3s shake;display:flex}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}.glass-form{flex-direction:column;gap:16px;display:flex}.glass-input-group{flex-direction:column;display:flex;position:relative}.glass-input-wrapper{align-items:center;display:flex;position:relative}.glass-input{color:#fff;background:#ffffff1a;border:1.5px solid #ffffff59;border-radius:9999px;outline:none;width:100%;height:48px;padding:0 46px 0 22px;font-size:14px;font-weight:500;transition:all .2s cubic-bezier(.4,0,.2,1)}.glass-input::placeholder{color:#ffffffa6;font-weight:400}.glass-input:focus{background:#fff3;border-color:#fff;box-shadow:0 0 0 4px #fff3}.glass-input-icon{color:#ffffffb3;pointer-events:none;position:absolute;right:18px}.glass-input-toggle{color:#ffffffbf;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:6px;transition:all .15s;display:flex;position:absolute;right:14px}.glass-input-toggle:hover{color:#fff;background:#ffffff26}.glass-form__options{color:#ffffffd9;justify-content:space-between;align-items:center;padding:0 6px;font-size:12px;display:flex}.glass-checkbox-label{cursor:pointer;align-items:center;gap:6px;display:flex}.glass-checkbox{accent-color:#00875a;cursor:pointer}.glass-forgot-link{color:#ffffffe6;font-weight:500;text-decoration:none;transition:color .15s}.glass-forgot-link:hover{color:#fff;text-decoration:underline}.glass-btn-submit{color:#0f172a;letter-spacing:-.01em;cursor:pointer;background:#fff;border:none;border-radius:9999px;justify-content:center;align-items:center;gap:8px;width:100%;height:48px;margin-top:6px;font-size:15px;font-weight:800;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 8px 25px #00000040}.glass-btn-submit:hover:not(:disabled){background:#f8fafc;transform:translateY(-2px);box-shadow:0 12px 30px #00000059}.glass-btn-submit:active:not(:disabled){transform:translateY(1px);box-shadow:0 4px 15px #0003}.glass-btn-submit:disabled{opacity:.65;cursor:not-allowed}.glass-card__footer{text-align:center;color:#ffffffbf;margin-top:20px;font-size:12px}.glass-card__footer span{color:#fff;font-weight:700}.glass-strength-container{flex-direction:column;gap:6px;margin-top:4px;padding:0 4px;display:flex}.glass-strength-bars{grid-template-columns:repeat(4,1fr);gap:4px;height:4px;display:grid}.glass-strength-bar{background:#fff3;border-radius:9999px;height:100%;transition:background-color .3s}.glass-strength-bar--active-weak{background-color:#ef4444}.glass-strength-bar--active-fair{background-color:#f59e0b}.glass-strength-bar--active-good{background-color:#38bdf8}.glass-strength-bar--active-strong{background-color:#34d399}.glass-req-grid{grid-template-columns:1fr 1fr;gap:4px;margin-top:4px;padding:0 4px;display:grid}.glass-req-chip{color:#fff9;align-items:center;gap:4px;font-size:10.5px;font-weight:600;transition:color .2s;display:flex}.glass-req-chip--met{color:#6ee7b7}@media (width<=640px){.glass-auth-brand{gap:12px;top:18px;left:18px}.glass-auth-brand__logo{height:46px;padding:4px 10px}.glass-auth-brand__title{font-size:15px}.glass-auth-brand__subtitle{font-size:10px}.glass-card{border-radius:24px;margin:60px 16px 0;padding:30px 22px 24px}.glass-card__title{margin-bottom:20px;font-size:26px}.glass-input{height:44px;font-size:13.5px}.glass-btn-submit{height:44px;font-size:14px}}.page-loader-container{justify-content:center;align-items:center;width:100%;padding:32px 16px;animation:.25s ease-out fadeInLoader;display:flex}.page-loader-container--full{min-height:calc(80vh - 120px)}@keyframes fadeInLoader{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}.page-loader-card{text-align:center;background:#fff;border:1px solid #e2e8f0;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;width:100%;max-width:440px;padding:32px 40px;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 25px -5px #0000000d,0 8px 10px -6px #00000003}.page-loader-beacon{justify-content:center;align-items:center;width:64px;height:64px;margin-bottom:20px;display:flex;position:relative}.page-loader-ring{border:2px solid #00875a;border-radius:50%;position:absolute}.page-loader-ring--outer{opacity:.2;width:100%;height:100%;animation:2s cubic-bezier(.4,0,.6,1) infinite beaconPulse}.page-loader-ring--middle{opacity:.4;width:80%;height:80%;animation:2s cubic-bezier(.4,0,.6,1) .5s infinite beaconPulse}@keyframes beaconPulse{0%{opacity:.6;transform:scale(.85)}50%{opacity:.1;transform:scale(1.15)}to{opacity:.6;transform:scale(.85)}}.page-loader-core{color:#fff;z-index:2;background:linear-gradient(135deg,#00875a 0%,#059669 100%);border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;display:flex;box-shadow:0 4px 12px #00875a59}.page-loader-icon{animation:1.5s ease-in-out infinite pulseBeat}@keyframes pulseBeat{0%,to{transform:scale(1)}50%{transform:scale(1.12)}}.page-loader-content{margin-bottom:18px}.page-loader-title{color:#0f172a;justify-content:center;align-items:center;gap:8px;margin-bottom:6px;font-size:15px;font-weight:800;display:flex}.page-loader-sub{color:#64748b;margin:0;font-size:12px;line-height:1.4}.page-loader-progress{background:#f1f5f9;border-radius:9999px;width:100%;height:4px;position:relative;overflow:hidden}.page-loader-progress-bar{background:linear-gradient(90deg,#00875a 0%,#10b981 50%,#00875a 100%);border-radius:9999px;width:40%;height:100%;animation:1.5s ease-in-out infinite progressSlide;position:absolute}@keyframes progressSlide{0%{left:-40%}50%{left:40%}to{left:100%}}.spin{animation:.8s linear infinite spinLoader}@keyframes spinLoader{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.facility-dashboard{flex-direction:column;gap:24px;display:flex;width:100%!important}.dashboard-banner{align-items:flex-start;display:flex}.dashboard-banner-text{flex-direction:column;justify-content:flex-start;display:flex}.dashboard-banner-text h1{color:#0f172a;letter-spacing:-.02em;margin-top:1px;font-family:Inter,sans-serif;font-size:25px;font-weight:700;line-height:1.2}.dashboard-banner-text p{color:#64748b;margin-top:-25px;font-family:Inter,sans-serif;font-size:15px}.kpi-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;justify-content:space-between;align-items:flex-start;padding:15px;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 1px 3px #00000005}.kpi-card--emerald .kpi-card__label{color:#ffffffe6!important}.kpi-card__val{color:#0f172a;margin:4px 0 2px;font-size:28px;font-weight:800;line-height:1.1}.kpi-card__trend{white-space:nowrap;font-size:12px;font-weight:600}.dashboard-grid-2-1{grid-template-columns:2.2fr 1fr;gap:20px;width:100%;display:grid}.queue-tabs{background-color:#f1f5f9;border-radius:9999px;padding:4px;font-size:12px;display:flex}.queue-tab-btn{color:#64748b;cursor:pointer;background-color:#0000;border:none;border-radius:9999px;padding:6px 14px;font-size:12px;font-weight:500;transition:all .15s}.queue-tab-btn--active{color:#00875a;background-color:#fff;font-weight:700;box-shadow:0 1px 3px #00000014}.alert-item{border-radius:12px;gap:12px;padding:12px;display:flex}.alert-item--critical{background-color:#fef2f2}.alert-item--warning{background-color:#fffbeb}.alert-item--info{background-color:#ecfdf5}.alert-icon-box{color:#fff;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.alert-icon-box--critical{background-color:#ef4444}.alert-icon-box--warning{background-color:#f59e0b}.alert-icon-box--info{background-color:#10b981}.quick-action-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.quick-action-btn{cursor:pointer;color:#0f172a;background-color:#fff;border:1px solid #e2e8f0;border-radius:12px;align-items:center;gap:8px;padding:12px;font-size:12px;font-weight:700;transition:all .15s;display:flex}.quick-action-btn:hover{background-color:#f8fafc;border-color:#cbd5e1}.quick-action-btn--primary{color:#fff;background-color:#00875a;border:none;box-shadow:0 2px 6px #00875a33}.quick-action-btn--primary:hover{background-color:#00684a}@media (width<=1024px){.kpi-grid-4{grid-template-columns:repeat(2,1fr)}.dashboard-grid-2-1{grid-template-columns:1fr}}@media (width<=640px){.kpi-grid-4{grid-template-columns:1fr}.card-panel{padding:16px}.quick-action-grid{grid-template-columns:1fr}}.district-dashboard{flex-direction:column;gap:24px;width:100%;display:flex}.kpi-card{background:#fff;border-radius:16px;flex-direction:column;justify-content:space-between;min-height:100px;padding:10px;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 1px 3px #00000005}.kpi-card.kpi-card--teal{color:#fff!important;background:#0d9488!important;border:none!important;box-shadow:0 4px 14px #0d948840!important}.kpi-card--teal .kpi-card__val{color:#fff!important}.kpi-card--teal .kpi-card__label p{color:#ffffffe6!important}.district-map-container{grid-template-columns:2.3fr 1fr;width:100%;display:grid}.district-map-canvas{background-color:#f1f5f9;border-right:1px solid #e2e8f0;min-height:380px;position:relative;overflow:hidden}.district-facility-sidebar{background:#fff;flex-direction:column;height:380px;display:flex;overflow-y:auto}.facility-list-item{cursor:pointer;border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:flex-start;padding:14px 16px;transition:background-color .15s;display:flex}.facility-list-item:hover{background-color:#f8fafc}.facility-list-item--active{border-left:3px solid #10b981;background-color:#ecfdf5!important}.globe-3d-perspective-wrap{transform-origin:50%;border-radius:12px;transition:transform .4s;overflow:hidden;transform:perspective(900px)rotateX(12deg)scale(1.04);box-shadow:0 12px 28px #0000001f}.custom-map-tooltip{color:#fff!important;background-color:#0f172a!important;border:none!important;border-radius:6px!important;padding:6px 12px!important;font-size:11px!important;box-shadow:0 4px 12px #0003!important}.custom-map-tooltip:before{border-top-color:#0f172a!important}.dashboard-grid-38-62{grid-template-columns:1fr 1.6fr;gap:20px;width:100%;display:grid}.morbidity-progress-item{flex-direction:column;gap:6px;margin-bottom:16px;display:flex}.morbidity-progress-header{color:#0f172a;justify-content:space-between;align-items:center;font-size:13px;font-weight:600;display:flex}.morbidity-progress-bar-bg{background-color:#f1f5f9;border-radius:9999px;width:100%;height:8px;overflow:hidden}.morbidity-progress-bar-fill{background-color:#0d9488;border-radius:9999px;height:100%;transition:width .4s}.status-summary-grid{grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:20px;display:grid}.status-summary-card{text-align:center;border-radius:12px;padding:16px}.status-summary-card--synced{color:#059669;background-color:#ecfdf5}.status-summary-card--syncing{color:#d97706;background-color:#fffbeb}.status-summary-card--offline{color:#ef4444;background-color:#fef2f2}.facility-row-item{background-color:#fff;border:1px solid #f1f5f9;border-radius:12px;justify-content:space-between;align-items:center;margin-bottom:8px;padding:12px 16px;transition:border-color .15s;display:flex}.facility-row-item:hover{border-color:#cbd5e1}.btn-pill--teal{color:#fff;background-color:#0d9488;box-shadow:0 2px 8px #0d948833}.btn-pill--teal:hover{background-color:#0f766e}@media (width<=1024px){.kpi-grid-4{grid-template-columns:repeat(2,1fr)}.district-map-container{grid-template-columns:1fr}.district-map-canvas{border-bottom:1px solid #e2e8f0;border-right:none}.dashboard-grid-38-62{grid-template-columns:1fr}}@media (width<=640px){.kpi-grid-4{grid-template-columns:1fr}}.regional-dashboard{flex-direction:column;gap:24px;width:100%;display:flex}.district-bar-item{align-items:center;gap:16px;margin-bottom:10px;display:flex}.district-bar-label{color:#0f172a;white-space:nowrap;text-overflow:ellipsis;width:140px;font-size:12px;font-weight:700;overflow:hidden}.district-bar-track{background-color:#f1f5f9;border-radius:9999px;flex:1;height:20px;position:relative;overflow:hidden}.district-bar-fill{background:linear-gradient(90deg,#10b981 0%,#00875a 100%);border-radius:9999px;height:100%;transition:width .5s}.district-bar-val{text-align:right;color:#0f172a;width:48px;font-size:12px;font-weight:800}@media (width<=1024px){.kpi-grid-4{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.kpi-grid-4{grid-template-columns:1fr}}.national-dashboard{flex-direction:column;gap:24px;width:100%;display:flex}.dashboard-banner{justify-content:space-between;align-items:flex-start;margin-bottom:8px;display:flex}.dashboard-greeting h1{color:#0f172a;letter-spacing:-.02em;margin-top:-2px;font-size:22px;font-weight:700}.dashboard-greeting p{color:#64748b;margin-top:-25px;font-size:14px;font-weight:400}.dashboard-actions{align-items:center;gap:12px;display:flex}.kpi-grid-4{grid-template-columns:repeat(4,1fr);gap:16px;width:100%;display:grid}.kpi-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;flex-direction:column;justify-content:space-between;min-height:108px;padding:18px;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 1px 3px #00000005}.kpi-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000000d}.kpi-card.kpi-card--emerald{color:#fff!important;background:#00875a!important;border:none!important;box-shadow:0 4px 14px #00875a40!important}.kpi-card__top{justify-content:space-between;align-items:center;display:flex}.kpi-card__icon-badge{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.kpi-card__trend-pill{border-radius:9999px;padding:3px 8px;font-size:11px;font-weight:700}.kpi-card__val{color:#0f172a;margin:10px 0 2px;font-size:32px;font-weight:800}.kpi-card--emerald .kpi-card__val{color:#fff!important}.kpi-card__label p{color:#64748b;font-size:13px;font-weight:500}.kpi-card--emerald .kpi-card__label p{color:#ffffffe6!important}.card-panel{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:24px;overflow:hidden;box-shadow:0 1px 3px #00000005}.trend-metric-grid{grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:20px;display:grid}.trend-metric-card{cursor:pointer;background-color:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:16px;transition:all .2s}.trend-metric-card:hover{background-color:#f8fafc;border-color:#cbd5e1}.trend-metric-card--active{background-color:#ecfdf5!important;border-color:#10b981!important;box-shadow:0 2px 8px #10b98126!important}.indicator-tabs{background-color:#f1f5f9;border-radius:9999px;gap:6px;padding:4px;display:flex}.indicator-tab-btn{color:#64748b;cursor:pointer;background-color:#0000;border:none;border-radius:9999px;padding:6px 14px;font-size:12px;font-weight:600;transition:all .15s}.indicator-tab-btn--active{font-weight:700;box-shadow:0 2px 6px #00875a33;color:#fff!important;background-color:#00875a!important}.region-bar-item{align-items:center;gap:16px;margin-bottom:10px;display:flex}.region-bar-label{color:#0f172a;white-space:nowrap;text-overflow:ellipsis;width:130px;font-size:12px;font-weight:700;overflow:hidden}.region-bar-track{background-color:#f1f5f9;border-radius:9999px;flex:1;height:20px;position:relative;overflow:hidden}.region-bar-fill{background:linear-gradient(90deg,#10b981 0%,#00875a 100%);border-radius:9999px;height:100%;transition:width .5s}.region-bar-val{text-align:right;color:#0f172a;width:70px;font-size:12px;font-weight:800}.disease-burden-grid{grid-template-columns:1fr 1.5fr;gap:20px;width:100%;display:grid}.disease-item{cursor:pointer;background-color:#fff;border:1px solid #f1f5f9;border-radius:12px;justify-content:space-between;align-items:center;margin-bottom:8px;padding:12px 14px;transition:all .15s;display:flex}.disease-item:hover{background-color:#f8fafc}.disease-item--active{background-color:#ecfdf5!important;border-color:#10b981!important}.alert-row{background-color:#fff;border:1px solid #f1f5f9;border-radius:12px;justify-content:space-between;align-items:center;margin-bottom:10px;padding:14px 16px;transition:all .15s;display:flex}.alert-row:hover{background-color:#f8fafc;border-color:#cbd5e1}.alert-row--critical{border-left:4px solid #ef4444!important}.alert-row--high{border-left:4px solid #f59e0b!important}.alert-row--moderate{border-left:4px solid #10b981!important}.btn-pill{cursor:pointer;white-space:nowrap;border:none;border-radius:9999px;align-items:center;gap:8px;padding:8px 18px;font-size:13px;font-weight:600;transition:all .2s;display:inline-flex}.btn-pill--white:hover{background-color:#f8fafc;border-color:#cbd5e1}.btn-pill--green{color:#fff;background-color:#00875a;box-shadow:0 2px 8px #00875a33}.btn-pill--red{color:#fff;background-color:#ef4444;box-shadow:0 2px 8px #ef444433}.btn-pill--red:hover{background-color:#dc2626}@media (width<=1024px){.kpi-grid-4{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.kpi-grid-4{grid-template-columns:1fr}}.register-page{flex-direction:column;gap:16px;width:100%;display:flex}.register-header{justify-content:space-between;align-items:flex-start;margin-bottom:2px;display:flex}.register-header__title{color:#0f172a;letter-spacing:-.02em;font-size:20px;font-weight:800}.register-header__sub{color:#64748b;margin-top:2px;font-size:12px}.register-header__actions{align-items:center;gap:10px;display:flex}.register-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;width:100%;margin-bottom:16px;padding:18px 20px;box-shadow:0 1px 3px #00000005}.register-card__title{color:#0f172a;align-items:center;gap:8px;margin-bottom:14px;font-size:14px;font-weight:800;display:flex}.register-card__title-icon{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.form-grid{gap:12px;display:grid}.form-grid--2col{grid-template-columns:1fr 1fr}.form-grid--3col{grid-template-columns:1fr 1fr 1fr}.form-grid--4col{grid-template-columns:1fr 1fr 1fr 1fr}.form-group{flex-direction:column;gap:4px;display:flex}.form-group--full{grid-column:1/-1}.form-label{color:#475569;letter-spacing:.01em;font-size:11px;font-weight:700}.form-input,.form-select,.form-textarea{color:#0f172a;background:#fff;border:1px solid #e2e8f0;border-radius:8px;outline:none;padding:8px 11px;font-family:inherit;font-size:12.5px;transition:border-color .15s,box-shadow .15s}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:#00875a;box-shadow:0 0 0 3px #00875a1a}.form-input::placeholder,.form-textarea::placeholder{color:#94a3b8}.form-textarea{resize:vertical;min-height:80px}.form-select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2394A3B8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:32px}.register-table-wrap{border:1px solid #e2e8f0;border-radius:12px;overflow-x:auto}.register-table{border-collapse:collapse;text-align:left;width:100%;font-size:13px}.register-table th{color:#64748b;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:10px 14px;font-size:11px;font-weight:700}.register-table td{color:#0f172a;border-bottom:1px solid #f1f5f9;padding:12px 14px}.register-table tbody tr:hover{background-color:#f8fafc}.register-table tbody tr:last-child td{border-bottom:none}.status-badge{border-radius:9999px;align-items:center;gap:4px;padding:2px 10px;font-size:11px;font-weight:700;display:inline-flex}.status-badge--success{color:#059669;background:#ecfdf5}.status-badge--warning{color:#d97706;background:#fffbeb}.status-badge--error{color:#ef4444;background:#fef2f2}.status-badge--info{color:#2563eb;background:#eff6ff}.status-badge--neutral{color:#64748b;background:#f1f5f9}.register-tabs{background:#f1f5f9;border-radius:12px;gap:4px;width:fit-content;padding:4px;display:flex}.register-tab{color:#64748b;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:9px;padding:7px 16px;font-size:13px;font-weight:600;transition:all .15s}.register-tab--active{color:#fff;background:#00875a;box-shadow:0 2px 6px #00875a33}.btn-pill{cursor:pointer;white-space:nowrap;border:none;border-radius:9999px;align-items:center;gap:8px;padding:8px 18px;font-family:inherit;font-size:13px;font-weight:600;transition:all .2s;display:inline-flex}.btn-pill--white{color:#0f172a;background:#fff;border:1px solid #e2e8f0;box-shadow:0 1px 2px #00000008}.btn-pill--white:hover{background:#f8fafc;border-color:#cbd5e1}.btn-pill--green{color:#fff;background:#00875a;box-shadow:0 2px 8px #00875a33}.btn-pill--green:hover{background:#00684a}.btn-pill--sm{padding:5px 12px;font-size:12px}.register-empty{text-align:center;color:#94a3b8;padding:48px 24px}.register-empty__icon{color:#94a3b8;background:#f1f5f9;border-radius:14px;justify-content:center;align-items:center;width:48px;height:48px;margin:0 auto 14px;display:flex}.register-empty__title{color:#64748b;margin-bottom:4px;font-size:15px;font-weight:700}.register-empty__sub{color:#94a3b8;font-size:13px}.stat-row{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.stat-mini{background:#fff;border:1px solid #e2e8f0;border-radius:14px;align-items:center;gap:12px;padding:14px 16px;display:flex}.stat-mini__icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.stat-mini__val{color:#0f172a;font-size:20px;font-weight:800}.stat-mini__label{color:#64748b;font-size:11px;font-weight:600}@media (width<=1024px){.stat-row{grid-template-columns:repeat(2,1fr);gap:10px}}@media (width<=768px){.register-page{gap:12px}.register-header{flex-direction:column;align-items:stretch;gap:10px}.register-header__actions{justify-content:flex-start;width:100%}.register-header__actions .btn-pill{flex:1;justify-content:center}.register-card{border-radius:12px;margin-bottom:12px;padding:14px}.form-grid{gap:10px}.form-grid--2col,.form-grid--3col,.form-grid--4col{grid-template-columns:1fr}.stat-mini{padding:10px 12px}}@media (width<=480px){.register-page{gap:10px}.register-card{padding:12px 10px}.stat-row{grid-template-columns:1fr;gap:8px}.register-tabs{width:100%;overflow-x:auto}}:root{--color-primary:#00875a;--color-primary-dark:#00684a;--color-primary-light:#00a36c;--color-primary-bg:#e6f4ea;--color-primary-gradient:linear-gradient(135deg, #00875a 0%, #00684a 100%);--color-accent:#d4a843;--color-accent-light:#fffbeb;--color-bg:#f4f6f8;--color-surface:#fff;--color-border:#e2e8f0;--color-border-light:#edf2f7;--color-text-primary:#0f172a;--color-text-secondary:#475569;--color-text-tertiary:#94a3b8;--color-text-inverse:#fff;--color-success:#10b981;--color-success-bg:#ecfdf5;--color-warning:#f59e0b;--color-warning-bg:#fffbeb;--color-error:#ef4444;--color-error-bg:#fef2f2;--color-info:#06b6d4;--color-info-bg:#e0f2fe;--font-family:"Plus Jakarta Sans", "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-size-xs:.75rem;--font-size-sm:.8125rem;--font-size-base:.875rem;--font-size-md:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-weight-regular:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--radius-full:9999px;--shadow-xs:0 1px 3px #0000000a;--shadow-sm:0 2px 8px #0000000a;--shadow-md:0 4px 12px #0000000f;--shadow-lg:0 10px 24px #00000014;--sidebar-width:250px;--topbar-height:64px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);font-size:var(--font-size-base);color:var(--color-text-primary);background-color:var(--color-bg);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:none}input,select,textarea{font:inherit;color:inherit}*{box-sizing:border-box;margin:0;padding:0}body{color:#0f172a;-webkit-font-smoothing:antialiased;background-color:#f8fafc;overflow-x:hidden;font-family:Plus Jakarta Sans,sans-serif!important}.app-shell{background-color:#f8fafc;width:100%;max-width:100vw;min-height:100vh;display:flex;position:relative;overflow-x:hidden}.sidebar-backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:95;background:#0f172a73;animation:.2s forwards fadeIn;display:none;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.sidebar{z-index:100;box-sizing:border-box;-ms-overflow-style:none;scrollbar-width:none;background-color:#fff;border-right:1px solid #e2e8f0;flex-direction:column;width:240px;height:100vh;transition:transform .25s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:0;left:0;overflow:hidden auto}.sidebar::-webkit-scrollbar{display:none}.sidebar__brand{border-bottom:1px solid #f1f5f9;flex-shrink:0;justify-content:space-between;align-items:center;width:100%;height:64px;display:flex;position:relative}.sidebar__brand img{object-fit:cover;width:100%;height:100%}.sidebar__mobile-close{color:#64748b;cursor:pointer;z-index:10;background:#ffffffe6;border:1px solid #e2e8f0;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;display:none;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.sidebar__brand-name{color:#64748b;letter-spacing:.02em;text-transform:uppercase;font-size:11px;font-weight:700}.sidebar__nav{flex-direction:column;flex:1;gap:4px;width:100%;padding:16px 12px;display:flex}.sidebar__section{flex-direction:column;gap:2px;margin-bottom:6px;display:flex}.sidebar__section-title{color:#94a3b8;text-transform:uppercase;letter-spacing:.06em;padding:10px 10px 4px;font-size:10px;font-weight:800}.sidebar__item,.sidebar__link{color:#475569;box-sizing:border-box;border-radius:12px;align-items:center;gap:12px;width:100%;padding:9px 12px;font-size:13px;font-weight:600;text-decoration:none;transition:all .15s;display:flex}.sidebar__item:hover,.sidebar__link:hover{color:#00875a;background-color:#f8fafc}.sidebar__item--active,.sidebar__link--active{color:#00875a!important;background-color:#e6f4ea!important}.sidebar__badge{color:#c2410c;background-color:#ffedd5;border-radius:9999px;margin-left:auto;padding:1px 6px;font-size:11px;font-weight:800}.sidebar__footer{flex-shrink:0;width:100%;margin-top:auto;padding:16px 12px}.sidebar__status-box{color:#fff;background-color:#00684a;border-radius:14px;padding:14px;position:relative;overflow:hidden}.sidebar__status-box-title{color:#ffffffbf;text-transform:uppercase;letter-spacing:.05em;font-size:10px;font-weight:600}.sidebar__status-box-value{align-items:center;gap:6px;margin-top:4px;font-size:12px;font-weight:700;display:flex}.sidebar__status-box-sub{color:#fff9;margin-top:2px;font-size:10px}.sidebar__watermark-icon{color:#ffffff1f;pointer-events:none;width:50px;height:50px;position:absolute;bottom:-8px;right:-8px}.topbar{z-index:90;box-sizing:border-box;background-color:#fff;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;height:64px;padding:0 24px;transition:left .25s;display:flex;position:fixed;top:0;left:240px;right:0}.topbar__hamburger{color:#0f172a;cursor:pointer;background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;margin-right:12px;display:none}.topbar__hamburger:hover{background-color:#f1f5f9}.topbar__left{flex:1;align-items:center;min-width:0;display:flex}.topbar__breadcrumb-text{color:#047857;white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:8px;font-size:13px;font-weight:600;display:flex;overflow:hidden}.topbar__breadcrumb-path{color:#94a3b8;font-weight:400}.topbar__search-pill{flex-shrink:0;align-items:center;display:flex;position:relative}.topbar__search-input{color:#0f172a;background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:9999px;width:180px;height:36px;padding:0 40px 0 34px;font-size:12px;transition:all .2s}.topbar__search-input:focus{background-color:#fff;border-color:#10b981;outline:none;width:220px;box-shadow:0 0 0 3px #10b9811a}.topbar__search-icon{color:#94a3b8;pointer-events:none;width:14px;height:14px;position:absolute;left:12px}.topbar__search-kbd{color:#94a3b8;pointer-events:none;background-color:#fff;border:1px solid #cbd5e1;border-radius:4px;padding:1px 5px;font-size:10px;font-weight:700;position:absolute;right:12px}.topbar__badge-online{color:#047857;white-space:nowrap;background-color:#ecfdf5;border:1px solid #a7f3d0;border-radius:9999px;flex-shrink:0;align-items:center;gap:6px;padding:4px 12px;font-size:11px;font-weight:600;display:inline-flex}.topbar__dot-green{background-color:#10b981;border-radius:50%;width:6px;height:6px}.topbar__right{flex-shrink:0;align-items:center;gap:12px;margin-left:auto;display:flex}.topbar__btn-icon{color:#64748b;cursor:pointer;background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;transition:all .15s;display:flex;position:relative}.topbar__btn-icon:hover{color:#0f172a;background-color:#f1f5f9}.topbar__user-pill{white-space:nowrap;flex-shrink:0;align-items:center;gap:10px;padding-left:6px;display:flex}.topbar__user-name{color:#0f172a;font-size:13px;font-weight:700;line-height:1.2}.topbar__user-role{color:#64748b;font-size:10px;font-weight:500}.topbar__user-avatar{color:#fff;background:linear-gradient(135deg,#10b981 0%,#059669 100%);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:12px;font-weight:700;display:flex}.main-content{box-sizing:border-box;background-color:#f6faf7;width:calc(100% - 240px);min-height:calc(100vh - 64px);margin-top:64px;margin-left:240px;padding:24px;transition:margin-left .25s,width .25s}.dashboard-banner{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:24px;display:flex}.dashboard-greeting{color:#0f172a;letter-spacing:-.02em;font-size:24px;font-weight:800}.dashboard-subtitle{color:#64748b;margin-top:4px;font-size:13px}.dashboard-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.card-panel{background:#fff;border:1px solid #e2e8f0;border-radius:16px;overflow:hidden;box-shadow:0 1px 3px #00000005}.btn-pill{cursor:pointer;white-space:nowrap;border-radius:9999px;align-items:center;gap:8px;padding:8px 16px;font-size:13px;font-weight:600;transition:all .2s;display:inline-flex}.btn-pill--white{color:#0f172a;background-color:#fff;border:1px solid #e2e8f0;box-shadow:0 1px 2px #00000008}.btn-pill--white:hover{background-color:#f8fafc}.btn-pill--green{color:#fff;background-color:#00875a;border:none;box-shadow:0 2px 8px #00875a33}.btn-pill--green:hover{background-color:#00684a}@media (width<=1024px){.sidebar{box-shadow:none;z-index:1000;transform:translate(-100%)}.sidebar.sidebar--open{transform:translate(0);box-shadow:0 20px 25px -5px #0003,0 10px 10px -5px #0000001a}.sidebar-backdrop{z-index:999;display:block}.sidebar__mobile-close{display:flex}.topbar{width:100%;padding:0 16px;left:0}.topbar__hamburger{display:flex}.main-content{width:100%;margin-left:0;padding:16px}.topbar__breadcrumb-parent,.topbar__breadcrumb-path{display:none}}@media (width<=768px){.dashboard-banner{flex-direction:column;align-items:stretch}.dashboard-actions{justify-content:flex-start;width:100%}.dashboard-actions .btn-pill{flex:1;justify-content:center}.topbar__search-pill,.topbar__btn-settings,.topbar__user-details,.topbar__badge-online{display:none}.topbar__right{gap:8px}.main-content{padding:12px}}@media (width<=480px){.topbar{padding:0 12px}.topbar__breadcrumb-text{font-size:12px}.btn-pill{padding:7px 12px;font-size:12px}}.flex{display:flex}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.inline-flex{display:inline-flex}.grid{display:grid}.hidden{display:none}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-5{gap:var(--space-5)}.gap-6{gap:var(--space-6)}.gap-8{gap:var(--space-8)}.mt-1{margin-top:var(--space-1)}.mt-2{margin-top:var(--space-2)}.mt-3{margin-top:var(--space-3)}.mt-4{margin-top:var(--space-4)}.mt-6{margin-top:var(--space-6)}.mb-1{margin-bottom:var(--space-1)}.mb-2{margin-bottom:var(--space-2)}.mb-3{margin-bottom:var(--space-3)}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.ml-auto{margin-left:auto}.mr-auto{margin-right:auto}.p-2{padding:var(--space-2)}.p-3{padding:var(--space-3)}.p-4{padding:var(--space-4)}.p-5{padding:var(--space-5)}.p-6{padding:var(--space-6)}.px-4{padding-left:var(--space-4);padding-right:var(--space-4)}.py-2{padding-top:var(--space-2);padding-bottom:var(--space-2)}.w-full{width:100%}.w-auto{width:auto}.max-w-sm{max-width:24rem}.max-w-md{max-width:28rem}.max-w-lg{max-width:32rem}.max-w-xl{max-width:36rem}.max-w-2xl{max-width:42rem}.text-xs{font-size:var(--font-size-xs)}.text-sm{font-size:var(--font-size-sm)}.text-base{font-size:var(--font-size-base)}.text-md{font-size:var(--font-size-md)}.text-lg{font-size:var(--font-size-lg)}.text-xl{font-size:var(--font-size-xl)}.text-2xl{font-size:var(--font-size-2xl)}.text-3xl{font-size:var(--font-size-3xl)}.font-medium{font-weight:var(--font-weight-medium)}.font-semibold{font-weight:var(--font-weight-semibold)}.font-bold{font-weight:var(--font-weight-bold)}.text-primary{color:var(--color-text-primary)}.text-secondary{color:var(--color-text-secondary)}.text-tertiary{color:var(--color-text-tertiary)}.text-success{color:var(--color-success)}.text-warning{color:var(--color-warning)}.text-error{color:var(--color-error)}.text-info{color:var(--color-info)}.text-green{color:var(--color-primary)}.text-center{text-align:center}.text-right{text-align:right}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.bg-surface{background-color:var(--color-surface)}.bg-page{background-color:var(--color-bg)}.bg-primary{background-color:var(--color-primary)}.bg-success-light{background-color:var(--color-success-bg)}.bg-warning-light{background-color:var(--color-warning-bg)}.bg-error-light{background-color:var(--color-error-bg)}.bg-info-light{background-color:var(--color-info-bg)}.border{border:1px solid var(--color-border)}.border-b{border-bottom:1px solid var(--color-border)}.rounded-md{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-full{border-radius:var(--radius-full)}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.cursor-pointer{cursor:pointer}.cursor-not-allowed{cursor:not-allowed}.overflow-hidden{overflow:hidden}.overflow-auto{overflow:auto}.overflow-y-auto{overflow-y:auto}.relative{position:relative}.absolute{position:absolute}.sticky{position:sticky}.opacity-50{opacity:.5}.opacity-70{opacity:.7}.transition{transition:all var(--transition-base)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.divider{border:none;border-top:1px solid var(--color-border-light);margin:var(--space-4) 0}.btn{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);white-space:nowrap;cursor:pointer;transition:all var(--transition-fast);border:1px solid #0000;height:36px;line-height:1;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.btn--sm{height:32px;padding:var(--space-1) var(--space-3);font-size:var(--font-size-sm)}.btn--lg{height:44px;padding:var(--space-3) var(--space-6);font-size:var(--font-size-md)}.btn--primary{background-color:var(--color-primary);color:var(--color-text-inverse)}.btn--primary:hover{background-color:var(--color-primary-dark)}.btn--secondary{background-color:var(--color-bg);color:var(--color-text-primary);border-color:var(--color-border)}.btn--secondary:hover{background-color:var(--color-border-light)}.btn--outline{color:var(--color-primary);border-color:var(--color-primary);background-color:#0000}.btn--outline:hover{background-color:var(--color-primary-50)}.btn--danger{background-color:var(--color-error);color:var(--color-text-inverse)}.btn--danger:hover{background-color:#c62828}.btn--ghost{color:var(--color-text-secondary);background-color:#0000}.btn--ghost:hover{background-color:var(--color-bg);color:var(--color-text-primary)}.btn--icon{width:36px;padding:0}.btn--icon.btn--sm{width:32px}.btn__spinner{animation:.6s linear infinite spin}.form-group{gap:var(--space-1);flex-direction:column;display:flex}.form-label{font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.form-label--required:after{content:" *";color:var(--color-error)}.form-input{width:100%;padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-surface);font-size:var(--font-size-base);color:var(--color-text-primary);height:40px;transition:all var(--transition-fast)}.form-input::placeholder{color:var(--color-text-tertiary)}.form-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-50);outline:none}.form-input--error{border-color:var(--color-error)}.form-input--error:focus{box-shadow:0 0 0 3px var(--color-error-bg)}.form-textarea{resize:vertical;height:auto;min-height:80px}.form-select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236F767E' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-3) center;padding-right:var(--space-10)}.form-error{font-size:var(--font-size-sm);color:var(--color-error);align-items:center;gap:var(--space-1);display:flex}.form-hint{font-size:var(--font-size-sm);color:var(--color-text-tertiary)}.form-row{gap:var(--space-4);grid-template-columns:repeat(2,1fr);display:grid}.form-row--3{grid-template-columns:repeat(3,1fr)}.kpi-card{padding:var(--space-5);background:var(--color-surface);border-radius:var(--radius-lg);border:1px solid var(--color-border-light);box-shadow:var(--shadow-xs);transition:box-shadow var(--transition-base);justify-content:space-between;align-items:flex-start;display:flex}.kpi-card:hover{box-shadow:var(--shadow-sm)}.kpi-card--primary{background:var(--color-primary-gradient);color:var(--color-text-inverse);border:none}.kpi-card__content{gap:var(--space-1);flex-direction:column;display:flex}.kpi-card__label{font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--color-text-secondary)}.kpi-card--primary .kpi-card__label{color:#ffffffd9}.kpi-card__value{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);line-height:1}.kpi-card__trend{align-items:center;gap:var(--space-1);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);margin-top:var(--space-1);display:inline-flex}.kpi-card__trend--up{color:var(--color-success)}.kpi-card__trend--down{color:var(--color-error)}.kpi-card--primary .kpi-card__trend--up,.kpi-card--primary .kpi-card__trend--down{color:#ffffffd9}.kpi-card__icon{border-radius:var(--radius-lg);flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.kpi-card--primary .kpi-card__icon{background:#ffffff26}.badge{align-items:center;gap:var(--space-1);padding:2px var(--space-2);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);white-space:nowrap;line-height:1.5;display:inline-flex}.badge--success{background-color:var(--color-success-bg);color:#15803d}.badge--warning{background-color:var(--color-warning-bg);color:#b45309}.badge--error{background-color:var(--color-error-bg);color:var(--color-error)}.badge--info{background-color:var(--color-info-bg);color:#1d4ed8}.badge--neutral{background-color:var(--color-bg);color:var(--color-text-secondary);border:1px solid var(--color-border)}.badge--primary{background-color:var(--color-primary-50);color:var(--color-primary)}.data-table-wrapper{overflow-x:auto}.data-table{border-collapse:collapse;width:100%}.data-table th{text-align:left;padding:var(--space-3) var(--space-4);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.03em;border-bottom:1px solid var(--color-border);white-space:nowrap}.data-table th--sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.data-table th--sortable:hover{color:var(--color-text-primary)}.data-table td{padding:var(--space-3) var(--space-4);font-size:var(--font-size-base);color:var(--color-text-primary);border-bottom:1px solid var(--color-border-light);vertical-align:middle}.data-table tr:last-child td{border-bottom:none}.data-table tr:hover td{background-color:var(--color-bg)}.data-table__pagination{padding:var(--space-3) var(--space-4);border-top:1px solid var(--color-border-light);font-size:var(--font-size-sm);color:var(--color-text-secondary);justify-content:space-between;align-items:center;display:flex}.modal-backdrop{-webkit-backdrop-filter:blur(4px);z-index:var(--z-modal-backdrop,1000);animation:fadeIn var(--transition-fast);background-color:#0f172a99;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0;overflow-y:auto}.modal{background:var(--color-surface,#fff);border-radius:var(--radius-xl,16px);width:100%;max-width:540px;max-height:min(90vh,720px);animation:slideUp var(--transition-base);z-index:var(--z-modal,1001);flex-direction:column;display:flex;position:relative;overflow:hidden;box-shadow:0 25px 50px -12px #00000040,0 0 0 1px #0000000d}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.modal--lg{max-width:720px}.modal--xl{max-width:960px}.modal__header{border-bottom:1px solid var(--color-border-light,#e2e8f0);background:var(--color-surface,#fff);flex-shrink:0;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.modal__title{color:var(--color-text-primary,#0f172a);align-items:center;gap:8px;font-size:16px;font-weight:700;display:flex}.modal__close{width:32px;height:32px;color:var(--color-text-tertiary,#64748b);transition:all var(--transition-fast);cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;display:flex}.modal__close:hover{background-color:var(--color-bg,#f1f5f9);color:var(--color-text-primary,#0f172a)}.modal form{flex-direction:column;flex:1;min-height:0;margin:0;display:flex;overflow:hidden}.modal__body{-webkit-overflow-scrolling:touch;flex:1;min-height:0;padding:20px;overflow-y:auto}.modal__footer{border-top:1px solid var(--color-border-light,#e2e8f0);background:#f8fafc;flex-shrink:0;justify-content:flex-end;align-items:center;gap:12px;padding:14px 20px;display:flex}.empty-state{padding:var(--space-12) var(--space-6);text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.empty-state__icon{width:64px;height:64px;color:var(--color-text-tertiary);margin-bottom:var(--space-4);opacity:.5}.empty-state__title{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--space-2)}.empty-state__description{font-size:var(--font-size-base);color:var(--color-text-secondary);max-width:360px;margin-bottom:var(--space-5)}.spinner{border:2px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;width:20px;height:20px;animation:.6s linear infinite spin;display:inline-block}.spinner--sm{width:16px;height:16px}.spinner--lg{border-width:3px;width:32px;height:32px}.loading-screen{justify-content:center;align-items:center;gap:var(--space-4);min-height:300px;color:var(--color-text-secondary);flex-direction:column;display:flex}.avatar{font-weight:var(--font-weight-bold);color:var(--color-text-inverse);background:var(--color-primary-gradient);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.avatar--sm{width:28px;height:28px;font-size:var(--font-size-xs)}.avatar--md{width:36px;height:36px;font-size:var(--font-size-sm)}.avatar--lg{width:44px;height:44px;font-size:var(--font-size-base)}.avatar--xl{width:56px;height:56px;font-size:var(--font-size-lg)}.tabs{align-items:center;gap:var(--space-1);border-bottom:1px solid var(--color-border);display:flex}.tab{padding:var(--space-2) var(--space-4);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;border-bottom:2px solid #0000;margin-bottom:-1px}.tab:hover{color:var(--color-text-primary)}.tab--active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.tab__badge{min-width:18px;height:18px;padding:0 var(--space-1);border-radius:var(--radius-full);background-color:var(--color-bg);color:var(--color-text-secondary);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);margin-left:var(--space-2);justify-content:center;align-items:center;display:inline-flex}.tab--active .tab__badge{background-color:var(--color-primary-50);color:var(--color-primary)}.alert-card{gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);transition:background-color var(--transition-fast);border-left:3px solid #0000;display:flex}.alert-card:hover{background-color:var(--color-bg)}.alert-card--critical{border-left-color:var(--color-error)}.alert-card--warning{border-left-color:var(--color-warning)}.alert-card--info{border-left-color:var(--color-info)}.alert-card__icon{border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.alert-card__icon--critical{background-color:var(--color-error-bg);color:var(--color-error)}.alert-card__icon--warning{background-color:var(--color-warning-bg);color:var(--color-warning)}.alert-card__icon--info{background-color:var(--color-info-bg);color:var(--color-info)}.alert-card__content{flex:1;min-width:0}.alert-card__severity{font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:.03em}.alert-card__time{font-size:var(--font-size-xs);color:var(--color-text-tertiary);margin-left:var(--space-2);font-weight:var(--font-weight-regular);text-transform:none;letter-spacing:normal}.alert-card__message{font-size:var(--font-size-base);color:var(--color-text-primary);margin-top:var(--space-1)}.login-page{min-height:100vh;padding:var(--space-6);background:linear-gradient(135deg,#f5f6fa 0%,#e8f5ee 50%,#f0f1f5 100%);justify-content:center;align-items:center;display:flex}.login-card{background:var(--color-surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);width:100%;max-width:420px;padding:var(--space-10) var(--space-8)}.login-card__logo{align-items:center;gap:var(--space-3);margin-bottom:var(--space-8);flex-direction:column;display:flex}.login-card__logo-img{object-fit:contain;width:72px;height:72px}.login-card__logo-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);text-align:center;color:var(--color-primary)}.login-card__logo-title span{color:var(--color-accent)}.login-card__subtitle{font-size:var(--font-size-base);color:var(--color-text-secondary);text-align:center}.login-card__form{gap:var(--space-5);flex-direction:column;display:flex}.login-card__error{align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);background-color:var(--color-error-bg);color:var(--color-error);border-radius:var(--radius-md);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);display:flex}.login-card__footer{text-align:center;margin-top:var(--space-6);font-size:var(--font-size-sm);color:var(--color-text-tertiary)}.tree-view{font-size:var(--font-size-base)}.tree-node{-webkit-user-select:none;user-select:none}.tree-node__row{align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-2);border-radius:var(--radius-md);cursor:pointer;transition:background-color var(--transition-fast);display:flex}.tree-node__row:hover{background-color:var(--color-primary-50)}.tree-node__row--selected{background-color:var(--color-primary-50);color:var(--color-primary);font-weight:var(--font-weight-medium)}.tree-node__toggle{width:20px;height:20px;color:var(--color-text-tertiary);transition:transform var(--transition-fast);flex-shrink:0;justify-content:center;align-items:center;display:flex}.tree-node__toggle--expanded{transform:rotate(90deg)}.tree-node__toggle--placeholder{visibility:hidden}.tree-node__icon{width:18px;height:18px;color:var(--color-primary-light);flex-shrink:0}.tree-node__label{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.tree-node__count{font-size:var(--font-size-xs);color:var(--color-text-tertiary);margin-left:auto}.tree-node__children{padding-left:var(--space-5)}.skeleton{background:linear-gradient(90deg, var(--color-bg) 25%, var(--color-border-light) 50%, var(--color-bg) 75%);border-radius:var(--radius-md);background-size:200% 100%;animation:1.5s infinite shimmer}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton--text{width:60%;height:14px}.skeleton--title{width:40%;height:24px}.skeleton--card{height:100px}.skeleton--avatar{border-radius:50%;width:36px;height:36px}.content-grid{gap:var(--space-6);display:grid}.content-grid--3-1{grid-template-columns:2.8fr 1.2fr}.content-grid--2-1{grid-template-columns:2fr 1fr}.builder-grid{grid-template-columns:360px 1fr;gap:20px;display:grid}@media (width<=1024px){.content-grid--3-1,.content-grid--2-1,.builder-grid{grid-template-columns:1fr}}@media (width<=640px){.modal{width:95vw;max-height:88vh;margin:12px}.form-row,.form-row--3{grid-template-columns:1fr}.login-card{padding:var(--space-6) var(--space-4);margin:12px}}