body{flex-direction:column;min-height:100vh;display:flex}.auth-shell{flex:1;align-items:stretch;min-height:100vh;display:flex}.auth-hero{background:var(--teal);flex-direction:column;flex:0 0 420px;justify-content:center;align-items:center;padding:48px 40px;display:flex;position:relative;overflow:hidden}.auth-hero:before{content:"";border:60px solid #ffffff0f;border-radius:50%;width:300px;height:300px;position:absolute;top:-80px;right:-80px}.auth-hero:after{content:"";border:50px solid #ffffff0a;border-radius:50%;width:260px;height:260px;position:absolute;bottom:-100px;left:-60px}.hero-logo{z-index:1;background:#ffffff26;border:1px solid #fff3;border-radius:14px;justify-content:center;align-items:center;width:60px;height:60px;margin-bottom:24px;display:flex;position:relative}.hero-logo svg{color:#fff}.hero-name{color:#fff;letter-spacing:-.5px;z-index:1;text-align:center;margin-bottom:8px;font-size:26px;font-weight:800;position:relative}.hero-name span{color:#a7f3f0}.hero-tagline{color:#fff9;letter-spacing:.3px;text-align:center;z-index:1;margin-bottom:36px;font-size:12px;font-weight:400;position:relative}.hero-features{z-index:1;flex-direction:column;gap:12px;width:100%;display:flex;position:relative}.hero-feat{background:#ffffff17;border:1px solid #ffffff26;border-radius:10px;align-items:center;gap:12px;padding:12px 16px;display:flex}.hero-feat__icon{background:#ffffff26;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.hero-feat__icon svg{color:#a7f3f0}.hero-feat__title{color:#fff;font-size:12px;font-weight:700}.hero-feat__sub{color:#ffffff8c;margin-top:1px;font-size:11px}.auth-form-wrap{flex-direction:column;flex:1;justify-content:center;align-items:center;padding:40px 32px;display:flex;overflow-y:auto}.auth-box{width:100%;max-width:440px}.auth-box__header{margin-bottom:28px}.auth-box__title{color:var(--text-900);letter-spacing:-.4px;margin-bottom:4px;font-size:22px;font-weight:800}.auth-box__sub{color:var(--text-500);font-size:13px}.role-tabs{background:var(--bg);border:1px solid var(--border);border-radius:10px;grid-template-columns:repeat(3,1fr);gap:6px;margin-bottom:24px;padding:4px;display:grid}.role-tab{color:var(--text-400);letter-spacing:.2px;cursor:pointer;text-transform:uppercase;background:0 0;border:none;border-radius:8px;flex-direction:column;align-items:center;gap:5px;padding:10px 6px;font-size:11px;font-weight:600;transition:all .18s;display:flex}.role-tab svg{opacity:.5;transition:opacity .18s}.role-tab.active{background:var(--white);color:var(--teal);box-shadow:0 1px 4px #11182714}.role-tab.active svg{opacity:1}.role-tab:hover:not(.active){color:var(--teal);background:#10847e0d}.cred-hint{background:var(--teal-100);border:1px solid var(--teal-200);border-radius:8px;align-items:flex-start;gap:10px;margin-bottom:20px;padding:10px 14px;display:flex}.cred-hint svg{color:var(--teal);flex-shrink:0;margin-top:1px}.cred-hint__text{color:var(--teal);font-size:11px;font-weight:500;line-height:1.7}.cred-hint__text strong{font-weight:700}.auth-error{background:var(--danger-bg);color:var(--danger);border:1px solid #fca5a5;border-radius:8px;align-items:center;gap:8px;margin-bottom:16px;padding:10px 13px;font-size:12px;font-weight:500;animation:.35s shake;display:flex}.btn-submit{background:var(--teal);color:#fff;cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;width:100%;padding:11px;font-size:14px;font-weight:700;transition:background .18s,transform .1s,box-shadow .18s;display:flex;box-shadow:0 3px 10px #10847e47}.btn-submit:hover{background:var(--teal-d);box-shadow:0 5px 16px #10847e59}.btn-submit:active{transform:scale(.98)}.auth-legal{text-align:center;color:var(--text-400);margin-top:16px;font-size:11px;line-height:1.7}.auth-footer{background:var(--white);border-top:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;padding:12px 24px;display:flex}.footer-status{color:var(--text-500);align-items:center;gap:7px;font-size:11px;display:flex}.status-dot{background:var(--success);border-radius:50%;width:7px;height:7px;animation:2s infinite pulse}.footer-copy{color:var(--text-400);font-size:11px}.loading-overlay{z-index:999;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#ffffffd9;flex-direction:column;justify-content:center;align-items:center;gap:16px;animation:.18s fadeUp;display:flex;position:fixed;inset:0}.loading-spinner{border:3px solid var(--teal-200);border-top-color:var(--teal);border-radius:50%;width:36px;height:36px;animation:.7s linear infinite spin}.loading-text{color:var(--teal);letter-spacing:.2px;font-size:13px;font-weight:600}@media (max-width:860px){.auth-hero{display:none}.auth-form-wrap{padding:32px 20px}}
:root{--surface:#fff;--surface-soft:#f7fbff;--ring:0 0 0 3px #10847e1a}body{background-image:radial-gradient(circle at 12% 0,#10847e14 0,#10847e00 34%),radial-gradient(circle at 100% 0,#2563eb0f 0,#2563eb00 36%)}.page-wrap,.page-inner,.wrap{animation:.22s fadeUp}.section-head h2,.sh h2{letter-spacing:-.25px;font-size:22px}.section-head p,.sh p{color:var(--text-500)}.card,.table-wrap,.chart-card,.trend-card,.status-card,.wizard-card,.report-item,.reminder-card,.tip-card{border-color:var(--border);box-shadow:0 8px 28px #1118270f}.card:hover,.table-wrap:hover,.report-item:hover,.status-card:hover,.wizard-card:hover{box-shadow:0 12px 34px #11182717}.hero-scan,.scan-hero{border:1px solid #ffffff2e;box-shadow:0 14px 34px #10847e3d}.hero-input-bar,.hero-search-bar{border-width:1px}.hero-scan-btn,.hero-search-btn{box-shadow:0 6px 14px #10847e33}.kpi,.stat-card,.kpi-card{border:1px solid var(--border);border-radius:var(--r-lg);background:linear-gradient(#fff 0%,#fcfeff 100%)}.stat-card{padding:16px 18px}.stat-card-val,.kpi-val,.kpi-card__value{margin-top:6px}.f-input,.field-input,.wiz-input,.auth-field__input,.chat-input{transition:border-color .16s,box-shadow .16s,background-color .16s}.f-input:focus,.field-input:focus,.wiz-input:focus,.auth-field__input:focus,.chat-input:focus{border-color:var(--teal);box-shadow:var(--ring);background:#fff}.tbl th{font-size:10.5px}.tbl td{font-size:12.25px}.badge,.hero-chip,.quick-pill{border:1px solid #0000}.hero-chip:hover,.quick-pill:hover{transform:translateY(-1px)}.toast{border-radius:12px;min-width:280px}.report-item{transition:transform .14s,box-shadow .14s}.report-item:hover{transform:translateY(-1px)}.auth-shell{background:linear-gradient(#fff 0%,#f9fcff 100%)}.auth-box{border:1px solid var(--border);background:#fff;border-radius:14px;padding:24px;box-shadow:0 14px 30px #11182714}@media (max-width:1100px){.stat-row,.kpi-strip{grid-template-columns:repeat(2,1fr)}}@media (max-width:700px){.stat-row,.kpi-strip,.wizard-grid,.lab-grid,.support-grid{grid-template-columns:1fr}.hero-scan,.scan-hero{padding:18px}.hero-input-bar,.hero-search-bar{flex-wrap:wrap}.hero-scan-btn,.hero-search-btn{justify-content:center;width:100%}}#sidebar,#nav,.modal-overlay,.toast-wrap{will-change:transform;transform:translateZ(0)}@keyframes shimmer{0%{background-position:-800px 0}to{background-position:800px 0}}.skeleton,[data-skeleton]{background:linear-gradient(90deg, var(--bg,#f4f7fa) 25%, var(--border,#e2eaf0) 50%, var(--bg,#f4f7fa) 75%);background-size:800px 100%;border-radius:6px;animation:1.4s infinite shimmer}.chart-donut-wrap{flex-shrink:0;width:140px;height:140px;position:relative}.chart-donut-wrap canvas{position:absolute;inset:0}.chart-container,.chart-container-sm{position:relative;overflow:hidden}.chart-container canvas,.chart-container-sm canvas{width:100%!important;height:100%!important}.chart-container{height:210px}.chart-container-sm{height:175px}.badge-flat{background:var(--bg,#f4f7fa);color:var(--text-400,#8a9bb0)}.lab-card-head h4{color:var(--text-900,#1a2733);margin:0;font-size:13px;font-weight:700}.lab-card-head p{color:var(--text-400,#8a9bb0);margin:2px 0 0;font-size:11px}.bio-table tbody tr{transition:background .12s}.bio-table tbody tr:hover{background:var(--bg,#f4f7fa)}.kpi-card{animation:.24s both fadeUp}.kpi-strip>:first-child{animation-delay:0s}.kpi-strip>:nth-child(2){animation-delay:40ms}.kpi-strip>:nth-child(3){animation-delay:80ms}.kpi-strip>:nth-child(4){animation-delay:.12s}.kpi-strip>:nth-child(5){animation-delay:.16s}.lab-card{animation:.26s both fadeUp}.lab-grid>:first-child{animation-delay:0s}.lab-grid>:nth-child(2){animation-delay:50ms}.lab-grid>:nth-child(3){animation-delay:.1s}.lab-grid>:nth-child(4){animation-delay:.15s}.sidebar-link{transition:background .12s,color .12s,padding-left .12s}.sidebar-link.active{background:var(--teal-50,#10847e14);color:var(--teal,#10847e)}.lab-card,.kpi-card,.stat-card,.chart-card,.report-item{transition:box-shadow .18s,transform .18s}.lab-card:hover,.chart-card:hover{transform:translateY(-1px)}.route-shell .page-inner,.route-shell .page-wrap,.route-shell .wrap{animation:none!important}@keyframes spin{to{transform:rotate(360deg)}}.spinner{border:2px solid var(--border,#e2eaf0);border-top-color:var(--teal,#10847e);border-radius:50%;width:20px;height:20px;animation:.65s linear infinite spin;display:inline-block}.dashboard-main{scroll-behavior:smooth;overscroll-behavior:contain}button:focus-visible,select:focus-visible,input:focus-visible{outline:2px solid var(--teal,#10847e);outline-offset:2px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}