:root{--brand:#155380;--brand-dark:#103f63;--brand-light:#e7eef3;--red:#e31e2b;--red-dark:#b8121e;--red-light:#fdecec;--ink:#1a1a1a;--ink-soft:#5c5d63;--ink-faint:#8a8b92;--paper:#f4f5f7;--white:#fff;--border:#ececef;--amber:#f0940c;--amber-light:#fff3e0;--amber-dark:#8a5a05;--green:#1e8a4c;--green-light:#e6f7ed;--blue:#2a5fd9;--blue-light:#eaf0ff;--radius:16px;--radius-sm:10px;--shadow:0 1px 2px #1a1a1a0a, 0 8px 24px #1a1a1a0a;--shadow-hover:0 8px 28px #1a1a1a14;--sidebar:236px}*{box-sizing:border-box}html{scrollbar-color:#c7c8cf var(--paper)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{border:2px solid var(--paper);background:#d3d4da;border-radius:99px}::-webkit-scrollbar-thumb:hover{background:#b7b8c0}body{background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;font-family:Poppins,system-ui,-apple-system,Segoe UI,sans-serif}a,button,input,select{font-family:inherit}:focus-visible{outline:2px solid var(--brand);outline-offset:2px;border-radius:4px}h1,h2,h3,h4{letter-spacing:-.01em;color:var(--ink);margin:0 0 1rem;font-family:Fredoka,Poppins,sans-serif;font-weight:600}h2{font-size:1.35rem}h3{font-size:1.02rem}p{line-height:1.5}.page-header{justify-content:space-between;align-items:flex-end;gap:1rem;margin-bottom:1.5rem;display:flex}.page-kicker{color:var(--ink-faint);letter-spacing:.02em;margin:0 0 4px;font-size:.78rem;font-weight:500}.page-header h2{letter-spacing:-.03em;margin:0;font-size:1.55rem}.page-header-subtitle,.page-header-copy p{color:var(--ink-soft);margin:2px 0 0;font-size:.88rem}.page-header-actions{gap:.5rem;display:flex}.app-shell{background:var(--paper);min-height:100vh;display:flex}.app-main{flex-direction:column;flex:1;min-width:0;display:flex}.sidebar{width:var(--sidebar);color:#fff;background:#141414;flex-direction:column;flex-shrink:0;height:100vh;padding:1.15rem .85rem 1.1rem;display:flex;position:sticky;top:0}.sidebar-brand{align-items:center;gap:.5rem;padding:.35rem .7rem 1.1rem;text-decoration:none;display:flex}.brand-block{margin-bottom:1.5rem}.brand{align-items:center;gap:.6rem;display:flex}.brand-logo{width:auto;display:block;overflow:visible}.brand img{height:auto}.brand-fallback{color:var(--ink);letter-spacing:-.02em;font-family:Fredoka,sans-serif;font-size:1.3rem;font-weight:700}.brand-fallback span{color:var(--brand)}.sidebar .brand-fallback{color:var(--white)}.brand-tagline{color:#ffffff80;margin-top:3px;padding-left:2px;font-size:.68rem}.sidebar-user{border-radius:var(--radius-sm);background:#ffffff0f;border:1px solid #ffffff14;align-items:center;gap:.65rem;margin-bottom:1.5rem;padding:.7rem .8rem;display:flex}.sidebar-user-avatar{background:var(--brand);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:.8rem;font-weight:600;display:flex}.sidebar-user-name{font-size:.88rem;font-weight:600;line-height:1.25}.sidebar-user-role{color:#ffffff8c;margin-top:1px;font-size:.74rem}.sidebar-group{margin-bottom:.85rem}.sidebar-group-label{letter-spacing:.08em;text-transform:uppercase;color:#ffffff52;padding:0 .8rem .35rem;font-size:.62rem;font-weight:600}.sidebar nav{flex-direction:column;flex:1;display:flex;overflow-y:auto}.sidebar nav a{color:#ffffff9e;border-radius:10px;align-items:center;gap:.7rem;margin:0 .15rem;padding:.55rem .8rem;font-size:.86rem;font-weight:500;text-decoration:none;transition:background .15s,color .15s;display:flex}.sidebar nav a svg{flex-shrink:0}.sidebar nav a:hover{color:#fff;background:#ffffff12}.sidebar nav a.active{background:var(--brand);color:#fff;box-shadow:0 6px 16px #15538059}.logout-btn{color:#ffffffc7;cursor:pointer;background:0 0;border:1px solid #ffffff1f;border-radius:10px;justify-content:center;align-items:center;gap:.5rem;margin:.4rem .2rem 0;padding:.55rem;font-size:.82rem;font-weight:500;display:flex}.logout-btn:hover{border-color:var(--brand);color:#fff;background:#1553801f}.nav-toggle,.nav-backdrop{display:none}.topbar{background:var(--white);border-bottom:1px solid var(--border);z-index:20;align-items:center;gap:1rem;height:68px;padding:0 1.75rem;display:flex;position:sticky;top:0}.topbar-title{min-width:110px;font-family:Fredoka,sans-serif;font-size:1.05rem;font-weight:600}.topbar-search{background:var(--paper);border:1px solid #0000;border-radius:999px;flex:1;align-items:center;gap:.55rem;max-width:420px;margin:0 auto;padding:.45rem .9rem;display:flex}.topbar-search:focus-within{border-color:var(--brand);background:var(--white);box-shadow:0 0 0 3px #1553801a}.topbar-search input{color:var(--ink);background:0 0;border:none;outline:none;flex:1;font-size:.88rem}.topbar-search kbd{color:var(--ink-faint);background:var(--white);border:1px solid var(--border);border-radius:6px;padding:.08rem .35rem;font-size:.68rem}.topbar-actions{align-items:center;gap:.45rem;margin-left:auto;display:flex}.topbar-icon-btn{background:var(--paper);width:36px;height:36px;color:var(--ink);cursor:pointer;border:none;border-radius:10px;justify-content:center;align-items:center;display:inline-flex}.topbar-icon-btn.primary{background:var(--brand);color:#fff;box-shadow:0 6px 14px #15538047}.topbar-icon-btn{position:relative}.topbar-dot{background:var(--brand);color:#fff;border-radius:99px;justify-content:center;align-items:center;min-width:16px;height:16px;padding:0 4px;font-size:.62rem;font-style:normal;font-weight:700;display:flex;position:absolute;top:-3px;right:-3px}.topbar-pop{position:relative}.topbar-drop{background:var(--white);border:1px solid var(--border);width:280px;box-shadow:var(--shadow-hover);z-index:40;border-radius:14px;padding:.35rem;position:absolute;top:calc(100% + 8px);right:0}.topbar-drop-search{width:auto;top:calc(100% + 8px);left:0;right:0}.topbar-search{position:relative}.topbar-drop button{text-align:left;cursor:pointer;width:100%;color:var(--ink);background:0 0;border:none;border-radius:10px;align-items:center;gap:.55rem;padding:.55rem .6rem;font-size:.82rem;display:flex}.topbar-drop button:hover{background:var(--paper)}.topbar-drop button span{flex-direction:column;min-width:0;display:flex}.topbar-drop button em{color:var(--ink-faint);font-size:.72rem;font-style:normal}.topbar-drop-title{color:var(--ink-faint);text-transform:uppercase;letter-spacing:.04em;margin:0;padding:.45rem .6rem .2rem;font-size:.72rem;font-weight:600}.topbar-drop-empty,.topbar-drop-help p,.topbar-drop-email{color:var(--ink-soft);margin:0;padding:.45rem .6rem .7rem;font-size:.82rem}.topbar-drop-hint{color:var(--ink-faint)!important;font-size:.72rem!important}.topbar-drop-more{justify-content:center;font-weight:600;color:var(--brand)!important}.topbar-user{border:none;border-left:1px solid var(--border);cursor:pointer;text-align:left;background:0 0;border-radius:0;align-items:center;gap:.6rem;margin-left:.45rem;padding:.15rem .15rem .15rem .75rem;display:flex}.topbar-avatar{background:var(--brand);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;font-size:.75rem;font-weight:600;display:flex}.topbar-user-name{font-size:.82rem;font-weight:600;line-height:1.2}.topbar-user-role{color:var(--ink-faint);font-size:.7rem}.content-zone{flex:1;padding:1.6rem 1.75rem 2.5rem;animation:.25s fade-in;overflow-y:auto}@keyframes fade-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.auth-shell{background:var(--paper);grid-template-columns:minmax(280px,1.05fr) minmax(420px,.95fr);min-height:100vh;display:grid}.auth-brand{background:linear-gradient(165deg, #15538038 0%, transparent 42%), var(--ink);color:#fff;flex-direction:column;justify-content:center;padding:2.6rem 3rem;display:flex;position:relative;overflow:hidden}.auth-brand:after{content:"";background:var(--brand);opacity:.2;filter:blur(48px);border-radius:50%;width:480px;height:480px;animation:9s ease-in-out infinite auth-blob;position:absolute;bottom:-180px;right:-160px}.auth-scan{opacity:.85;z-index:2;pointer-events:none;background:linear-gradient(90deg,#0000,#155380,#0000);height:2px;animation:2.8s ease-in-out .4s auth-scan;position:absolute;left:0;right:0}.auth-brand-inner{z-index:1;flex-direction:column;gap:.85rem;display:flex;position:relative}.auth-brand .brand-logo{width:auto;max-width:min(560px,100%);height:92px}.brand-logo.is-animated{animation:.5s cubic-bezier(.22,1,.36,1) both logo-in}.auth-kicker{letter-spacing:.12em;text-transform:uppercase;color:#ffffff9e;margin:1.1rem 0 0;font-size:.78rem;animation:.55s cubic-bezier(.22,1,.36,1) 80ms both auth-up}.auth-brand h1{color:#fff;max-width:16ch;margin:0;font-size:clamp(1.7rem,3vw,2.35rem);line-height:1.15;animation:.55s cubic-bezier(.22,1,.36,1) .16s both auth-up}.auth-points{color:#ffffffc7;flex-direction:column;gap:.7rem;margin:1.05rem 0 0;padding:0;font-size:.92rem;list-style:none;display:flex}.auth-points li{padding-left:1.1rem;animation:.5s cubic-bezier(.22,1,.36,1) both auth-up;position:relative}.auth-points li:first-child{animation-delay:.28s}.auth-points li:nth-child(2){animation-delay:.38s}.auth-points li:nth-child(3){animation-delay:.48s}.auth-points li:before{content:"";background:var(--brand);border-radius:50%;width:6px;height:6px;position:absolute;top:.55rem;left:0}.auth-foot{color:#ffffff73;margin:1.5rem 0 0;font-size:.8rem;animation:.5s cubic-bezier(.22,1,.36,1) .55s both auth-up}.auth-stage{background:radial-gradient(ellipse at 80% 12%, #15538014, transparent 46%), var(--paper);justify-content:center;align-items:center;padding:2rem 1.5rem;display:flex}.auth-phone{background:#111;border-radius:50px;width:min(448px,100%);height:min(880px,100vh - 2rem);padding:12px;animation:.5s cubic-bezier(.22,1,.36,1) both auth-enter;position:relative;box-shadow:inset 0 0 0 1px #2c2c2c,0 22px 50px #1a1a1a47,0 0 72px #1553801a}.auth-phone-btn{background:#0a0a0a;border-radius:2px;width:3px;position:absolute}.auth-phone-btn-vol{height:78px;top:118px;left:-3px}.auth-phone-btn-pwr{background:var(--brand);height:54px;top:168px;right:-3px}.auth-phone-screen{background:var(--white);border-radius:36px;flex-direction:column;height:100%;display:flex;overflow:hidden}.auth-phone-status{color:var(--ink);flex-shrink:0;grid-template-columns:1fr auto 1fr;align-items:center;padding:10px 22px 4px;font-size:.72rem;font-weight:650;display:grid}.auth-phone-status span:last-child{text-align:right;letter-spacing:.08em;color:var(--brand)}.auth-phone-island{background:#111;border-radius:99px;width:96px;height:26px;display:block}.auth-panel{background:var(--white);flex-direction:column;flex:1;min-height:0;padding:3.25rem 1.5rem 3.75rem;display:flex;overflow-y:auto}.auth-panel-head{text-align:center;flex-shrink:0;padding:0}.auth-panel-head .brand-logo{width:auto;max-width:240px;height:40px;margin:0 auto 1rem}.auth-panel-head .page-kicker{margin:0 0 .4rem}.auth-panel-head h2{letter-spacing:-.03em;margin:0;font-size:1.42rem}.auth-panel-body{flex-direction:column;flex:1;min-height:0;padding-top:2.25rem;display:flex}.auth-phone-home{background:#1a1a1a;border-radius:99px;flex-shrink:0;width:108px;height:4px;margin:4px auto 9px;display:block}@keyframes auth-enter{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes auth-up{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes auth-blob{0%,to{transform:translate(0)scale(1)}50%{transform:translate(-28px,-18px)scale(1.08)}}@keyframes auth-scan{0%{opacity:0;top:8%}12%{opacity:.9}to{opacity:0;top:88%}}@keyframes logo-in{0%{opacity:0;transform:translateY(6px)scale(.97)}to{opacity:1;transform:none}}.auth-panel h2{margin:0;font-size:1.42rem}.auth-form{flex-direction:column;flex:1;min-height:0;display:flex}.auth-form-main{flex-direction:column;gap:1.25rem;display:flex}.auth-form-actions{flex-direction:column;gap:.85rem;margin-top:2.5rem;display:flex}.auth-form label,.pw-field{color:var(--ink-soft);flex-direction:column;gap:.5rem;font-size:.88rem;font-weight:500;display:flex}.auth-form input:not([type=checkbox]):not([type=radio]),.pw-wrap input{border:1.5px solid var(--border);border-radius:var(--radius-sm);color:var(--ink);background:var(--white);width:100%;padding:.88rem .95rem;font-family:inherit;font-size:1rem}.auth-form input:not([type=checkbox]):not([type=radio]):focus,.pw-wrap input:focus{border-color:var(--brand);outline:none;box-shadow:0 0 0 3px #1553801f}.auth-form button[type=submit]{background:var(--brand);color:#fff;border-radius:var(--radius-sm);cursor:pointer;border:none;justify-content:center;align-items:center;gap:.55rem;margin-top:0;padding:.95rem;font-size:1rem;font-weight:600;transition:background .15s,transform .12s;display:inline-flex;box-shadow:0 4px 12px #15538038}.auth-form button[type=submit]:hover:not(:disabled){background:var(--brand-dark);transform:translateY(-1px)}.auth-field-wrap{position:relative}.auth-field-ico{color:var(--ink-faint);pointer-events:none;display:inline-flex;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.auth-field-wrap input{padding-left:2.55rem}.pw-field .auth-field-wrap input{padding-right:2.6rem}.auth-form button[type=submit]:disabled{opacity:.65;cursor:wait}.auth-row{white-space:nowrap;flex-direction:row;justify-content:space-between;align-items:center;gap:.7rem;margin-top:.1rem;display:flex}.auth-form .auth-remember{color:var(--ink-soft);cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;flex-direction:row;align-items:center;gap:.45rem;margin:0;font-size:.8rem;font-weight:500;line-height:1;display:inline-flex;position:relative}.auth-remember input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.auth-remember-box{background:var(--white);border:1.5px solid #c9cad1;border-radius:50%;flex-shrink:0;place-items:center;width:16px;height:16px;transition:border-color .15s,box-shadow .15s,background .15s;display:grid}.auth-remember-box:after{content:"";background:var(--brand);border-radius:50%;width:8px;height:8px;transition:transform .15s;transform:scale(0)}.auth-remember:hover .auth-remember-box{border-color:var(--brand)}.auth-remember input:checked+.auth-remember-box{border-color:var(--brand);background:#fff}.auth-remember input:checked+.auth-remember-box:after{transform:scale(1)}.auth-remember input:focus-visible+.auth-remember-box{box-shadow:0 0 0 3px #1553802e}.auth-remember input:checked~span:last-child{color:var(--ink)}.auth-row a,.auth-back{color:var(--brand);white-space:nowrap;flex-shrink:0;font-size:.8rem;font-weight:600;text-decoration:none}.auth-back{text-align:center}.auth-copy{color:var(--ink-soft);margin:0;font-size:.92rem}.auth-ok{background:var(--green-light);color:var(--green);border-radius:var(--radius-sm);margin:0 0 1rem;padding:.55rem .75rem;font-size:.88rem}.pw-wrap{position:relative}.pw-wrap input{padding-right:2.7rem}.pw-toggle{color:var(--ink-faint);cursor:pointer;background:0 0;border:0;padding:4px;display:inline-flex;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.pw-meter{grid-template-columns:repeat(4,1fr);gap:4px;margin-top:2px;display:grid}.pw-meter span{background:var(--border);border-radius:99px;height:4px}.pw-meter[data-score="1"] span:first-child{background:var(--brand)}.pw-meter[data-score="2"] span:nth-child(-n+2){background:var(--amber)}.pw-meter[data-score="3"] span:nth-child(-n+3){background:#3d9a5c}.pw-meter[data-score="4"] span{background:var(--green)}.pw-meter p{color:var(--ink-faint);grid-column:1/-1;margin:4px 0 0;font-size:.75rem;font-weight:500}@media (width<=860px){.auth-shell{grid-template-columns:1fr}.auth-brand{min-height:auto;padding:1.5rem 1.35rem 1.35rem}.auth-brand .brand-logo{max-width:100%;height:52px}.auth-brand h1{max-width:none;font-size:1.38rem}.auth-points,.auth-foot{display:none}.auth-stage{background:var(--white);padding:0}.auth-phone{width:100%;height:auto;box-shadow:none;background:0 0;border-radius:0;padding:0;animation:none}.auth-phone-btn,.auth-phone-status,.auth-phone-home{display:none}.auth-phone-screen{border-radius:0;height:auto;overflow:visible}.auth-panel{padding:1.5rem 1.2rem 2.2rem}.auth-form{flex-direction:column;gap:1.25rem;display:flex}.auth-form-main,.auth-form-actions{flex-direction:column;gap:1.15rem;display:flex}}@media (prefers-reduced-motion:reduce){.content-zone,.login-card,.auth-brand:after,.auth-scan,.auth-brand .brand-logo,.auth-kicker,.auth-brand h1,.auth-points li,.auth-foot,.auth-panel,.auth-phone,.brand-logo.is-animated{animation:none!important}}.error{color:var(--red-dark);background:var(--red-light);border-radius:var(--radius-sm);margin:0;padding:.5rem .7rem;font-size:.86rem}select,.filters input,.modal-grid-form input,.modal-grid-form select{border:1.5px solid var(--border);border-radius:var(--radius-sm);color:var(--ink);background:var(--white);padding:.65rem .75rem;font-family:inherit;font-size:.95rem;transition:border-color .15s,box-shadow .15s}select:focus,.filters input:focus,.modal-grid-form input:focus,.modal-grid-form select:focus{border-color:var(--brand);outline:none;box-shadow:0 0 0 3px #1553801f}.modal-grid-form .pw-field{grid-column:1/-1}.badge{letter-spacing:.01em;white-space:nowrap;border-radius:99px;align-items:center;padding:.22rem .6rem;font-size:.74rem;font-weight:600;display:inline-flex}.badge-green{background:var(--green-light);color:var(--green)}.badge-red{background:var(--red-light);color:var(--red-dark)}.badge-amber{background:var(--amber-light);color:var(--amber-dark)}.badge-blue{background:var(--blue-light);color:var(--blue)}.badge-gray{color:var(--ink-soft);background:#ecedf1}.avatar{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-family:Fredoka,sans-serif;font-weight:600;display:flex}.dash-hello{margin-bottom:1rem}.dash-hello h2{letter-spacing:-.03em;margin:0;font-size:1.7rem}.dash-hello p{color:var(--ink-soft);margin:.25rem 0 0;font-size:.9rem}.dash-toolbar{flex-wrap:wrap;align-items:center;gap:.7rem;margin-bottom:1.15rem;display:flex}.dash-tabs{background:var(--white);box-shadow:var(--shadow);border-radius:12px;gap:.2rem;padding:.2rem;display:flex}.dash-tabs button,.dash-tabs a{color:var(--ink-soft);cursor:pointer;background:0 0;border:none;border-radius:9px;padding:.42rem .85rem;font-size:.82rem;font-weight:500;text-decoration:none}.dash-tabs button.on,.dash-tabs a.on{background:var(--paper);color:var(--ink)}.dash-date{background:var(--white);color:var(--ink-faint);box-shadow:var(--shadow);border-radius:12px;align-items:center;gap:.45rem;padding:.35rem .7rem;font-size:.78rem;display:flex}.dash-date input{color:var(--ink);background:0 0;border:none;font-size:.84rem}.dash-toolbar-actions{align-items:center;gap:.45rem;margin-left:auto;display:flex}.dash-toolbar-actions .toolbar-btn{padding:.42rem .8rem;font-size:.82rem}.dash-toolbar-actions .primary-btn{padding:.45rem .9rem;font-size:.84rem}.kpi-row{grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:1.15rem;display:grid}.stat-card,.kpi-card{background:var(--white);border-radius:var(--radius);box-shadow:var(--shadow);min-width:0;padding:1.15rem 1.2rem 1rem}.stat-card-top{color:var(--ink-soft);justify-content:space-between;align-items:center;font-size:.82rem;font-weight:500;display:flex}.stat-card-top svg{color:var(--ink-faint)}.stat-card-value,.kpi-value{letter-spacing:-.03em;margin:.45rem 0 .55rem;font-family:Fredoka,sans-serif;font-size:2rem;font-weight:600;line-height:1.15}.stat-card-foot{justify-content:space-between;align-items:flex-end;gap:.5rem;display:flex}.trend-up{color:var(--green);align-items:center;gap:.2rem;font-size:.75rem;font-weight:600;display:inline-flex}.muted{color:var(--ink-faint);font-size:.75rem}.spark{align-items:flex-end;gap:3px;height:28px;display:flex}.spark span{background:#f3c4c8;border-radius:3px 3px 0 0;width:6px}.spark span.on{background:var(--brand)}.dash-grid{grid-template-columns:1.4fr 1fr;gap:1rem;display:grid}.panel-wide{grid-column:1/-1}.panel{background:var(--white);border-radius:var(--radius);box-shadow:var(--shadow);padding:1.2rem 1.3rem 1.35rem}.panel-head{justify-content:space-between;align-items:flex-start;gap:.75rem;margin-bottom:1rem;display:flex}.panel-head h3{margin:0;font-size:1rem}.panel-head p{color:var(--ink-faint);margin:.15rem 0 0;font-size:.8rem}.panel-chip{background:var(--paper);color:var(--ink-soft);border-radius:999px;padding:.28rem .7rem;font-size:.75rem}.bar-chart{align-items:flex-end;gap:.85rem;height:200px;padding:1.6rem .4rem 0;display:flex;position:relative}.bar-avg{z-index:1;pointer-events:none;border-top:1.5px dashed #c9cad1;position:absolute;left:0;right:0}.bar-avg em{color:var(--ink-faint);background:var(--white);padding:0 .25rem;font-size:.68rem;font-style:normal;position:absolute;top:-9px;right:0}.bar-tip{background:var(--ink);color:var(--white);white-space:nowrap;z-index:2;border-radius:8px;padding:.22rem .45rem;font-size:.68rem;font-weight:600;position:absolute;top:0;left:50%;transform:translate(-50%)}.bar-tip:after{content:"";border:5px solid #0000;border-top-color:var(--ink);border-bottom:0;position:absolute;bottom:-5px;left:50%;transform:translate(-50%)}.bar-col{flex-direction:column;flex:1;align-items:center;gap:.45rem;height:100%;display:flex;position:relative}.bar-track{background:#f3e6e7;border-radius:10px 10px 4px 4px;flex:1;align-items:flex-end;width:100%;max-width:42px;display:flex;overflow:hidden}.bar{background:#f3c4c8;border-radius:10px 10px 0 0;width:100%}.bar-hot{background:var(--brand)}.bar-col span{color:var(--ink-faint);text-align:center;font-size:.72rem}.stage-bar{background:#f1f1f4;border-radius:99px;height:14px;display:flex;overflow:hidden}.stage-ok{background:var(--brand)}.stage-off{background:#ead9db}.stage-legend{color:var(--ink-soft);gap:1rem;margin:.7rem 0 1rem;font-size:.8rem;display:flex}.dot{vertical-align:1px;border-radius:50%;width:8px;height:8px;margin-right:6px;display:inline-block}.dot.red{background:var(--brand)}.dot.gray{background:#d2d2d8}.cta-box{background:var(--brand-light);border-radius:12px;align-items:center;gap:.75rem;padding:.85rem 1rem;display:flex}.cta-box strong{font-size:.86rem}.cta-box p{color:var(--ink-soft);margin:.1rem 0 0;font-size:.75rem}.cta-box>svg{color:var(--brand);flex-shrink:0}.ghost-btn{white-space:nowrap;background:var(--white);color:var(--ink);border:1px solid var(--border);border-radius:999px;margin-left:auto;padding:.4rem .75rem;font-size:.78rem;font-weight:600;text-decoration:none}.stack-bar{background:var(--paper);border-radius:99px;height:16px;margin-bottom:1rem;display:flex;overflow:hidden}.stack-bar span{min-width:0;height:100%;display:block}.stack-legend{grid-template-columns:1fr 1fr;gap:.35rem 1.2rem;margin:0;padding:0;list-style:none;display:grid}.stack-legend li{align-items:center;gap:.45rem;padding:.35rem 0;font-size:.84rem;display:flex}.stack-legend b{margin-left:auto;font-family:Fredoka,sans-serif;font-size:1.05rem}.pyramid{flex-direction:column;gap:.3rem;margin-bottom:.9rem;display:flex}.pyramid-row{grid-template-columns:4.6rem 1fr 1.8rem;align-items:center;gap:.6rem;display:grid}.pyramid-label{color:var(--ink-faint);font-variant-numeric:tabular-nums;white-space:nowrap;text-align:right;font-size:.76rem}.pyramid-track{background:var(--paper);border-radius:4px;height:16px;overflow:hidden}.pyramid-bar{border-radius:4px;min-width:2px;height:100%;transition:width .35s;display:flex;overflow:hidden}.pyramid-bar>span{height:100%;display:block}.pyramid-count{color:var(--ink);font-variant-numeric:tabular-nums;font-size:.8rem;font-weight:600}.pyramid-note{color:var(--ink-faint);margin:.5rem 0 0;font-size:.76rem}.delay-pill{white-space:nowrap;background:var(--paper);color:var(--ink-soft);border-radius:999px;padding:.18rem .55rem;font-size:.76rem;font-weight:600;display:inline-block}.delay-pill.soon{background:var(--amber-light,#fef3e2);color:#9a5b04}.delay-pill.overdue{background:var(--red-light);color:var(--red-dark)}.row-overdue td{background:#e31e2b0a}.alert-row-link{width:100%;font:inherit;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:6px;align-items:center;gap:.6rem;margin:0;padding:0;display:flex}.alert-row-link>span{flex:1}.alert-row-link:hover{text-decoration:underline}.alert-row-link:focus-visible{outline:2px solid var(--red);outline-offset:2px}.gauge-row{align-items:center;gap:1.1rem;display:flex}.gauge{flex-shrink:0;width:200px;height:118px;position:relative;overflow:hidden}.gauge-disk{border-radius:50%;width:200px;height:200px;position:relative}.gauge-hole{background:var(--white);border-radius:50%;position:absolute;inset:28px}.gauge-caption{text-align:center;position:absolute;bottom:6px;left:0;right:0}.gauge-caption strong{font-family:Fredoka,sans-serif;font-size:1.35rem;line-height:1;display:block}.gauge-caption span{color:var(--ink-faint);font-size:.7rem}.donut-row{align-items:center;gap:1.25rem;display:flex}.donut{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:148px;height:148px;display:flex}.donut-hole{background:var(--white);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:92px;height:92px;display:flex}.donut-hole strong{font-family:Fredoka,sans-serif;font-size:1.35rem}.donut-hole span{color:var(--ink-faint);font-size:.7rem}.legend-list,.feed-list{flex:1;margin:0;padding:0;list-style:none}.legend-list{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));align-content:start;column-gap:1.6rem;display:grid}.legend-list li span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.legend-list li,.feed-list li{border-bottom:1px solid var(--border);align-items:center;gap:.55rem;padding:.45rem 0;font-size:.84rem;display:flex}.legend-list li:last-child,.feed-list li:last-child{border-bottom:none}.legend-list b{margin-left:auto}.feed-icon{background:var(--amber-light);width:30px;height:30px;color:var(--amber-dark);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.feed-list strong{font-size:.86rem}.feed-list p{color:var(--ink-faint);margin:.1rem 0 0;font-size:.75rem}.empty-soft{color:var(--ink-faint);margin:.5rem 0 0;font-size:.88rem}.section-title{color:var(--ink);margin:0 0 .85rem;font-family:Fredoka,sans-serif;font-size:1.02rem;font-weight:600}.toolbar-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:1rem;display:flex}.tabs{background:var(--white);box-shadow:var(--shadow);border-radius:999px;gap:.25rem;padding:.25rem;display:flex}.tabs button{color:var(--ink-soft);cursor:pointer;background:0 0;border:none;border-radius:999px;padding:.4rem .85rem;font-size:.82rem;font-weight:500}.tabs button.on{background:var(--ink);color:#fff}.table-wrap{border-radius:var(--radius);box-shadow:var(--shadow);background:var(--white);overflow:hidden}.table{border-collapse:collapse;background:var(--white);width:100%}.table th{text-align:left;text-transform:uppercase;letter-spacing:.04em;color:var(--ink-faint);background:var(--paper);border-bottom:1px solid var(--border);padding:.8rem 1.1rem;font-size:.74rem;font-weight:600}.table td{text-align:left;border-bottom:1px solid var(--border);vertical-align:middle;padding:.75rem 1.1rem;font-size:.89rem}.table tr:last-child td{border-bottom:none}.table tbody tr{transition:background .1s}.employees-list .table tr:hover td{background:var(--paper);cursor:pointer}.table tr.selected td{background:var(--brand-light)}.icon-btn-danger{width:30px;height:30px;color:var(--ink-faint);border-radius:var(--radius-sm);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;transition:background .15s,color .15s;display:inline-flex}.icon-btn-danger:hover{background:var(--red-light);color:var(--red-dark)}.table-row-main{align-items:center;gap:.65rem;display:flex}.toolbar{flex-wrap:wrap;gap:.75rem;margin-bottom:1.25rem;display:flex}.toolbar-btn{background:var(--white);border:1.5px solid var(--border);color:var(--ink);border-radius:var(--radius-sm);cursor:pointer;align-items:center;gap:.5rem;padding:.55rem 1rem;font-family:inherit;font-size:.87rem;font-weight:500;text-decoration:none;transition:border-color .15s,background .15s,color .15s;display:inline-flex}.toolbar-btn:hover{border-color:var(--brand);color:var(--brand)}.toolbar-btn.active{background:var(--brand);border-color:var(--brand);color:#fff}.import-help{background:var(--paper);border-radius:var(--radius-sm);flex-wrap:wrap;flex-basis:100%;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.25rem;padding:.75rem 1rem;display:flex}.import-help p{color:var(--ink-soft);margin:0;font-size:.83rem}.import-help code{background:var(--white);border:1px solid var(--border);border-radius:4px;padding:.1rem .4rem;font-size:.8rem}.link-btn{color:var(--brand);cursor:pointer;white-space:nowrap;background:0 0;border:none;align-items:center;gap:.4rem;padding:0;font-family:inherit;font-size:.85rem;font-weight:600;display:inline-flex}.link-btn:hover{text-decoration:underline}.import-result{background:var(--white);border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:1.5rem;padding:1rem 1.25rem}.import-summary{margin:0 0 .5rem;font-weight:600}.import-result ul{color:var(--red-dark);max-height:200px;margin:0;padding-left:1.2rem;font-size:.85rem;overflow-y:auto}.employees-layout{align-items:flex-start;gap:1.5rem;display:flex}.employees-list{flex:1.1;min-width:0}.search-input-wrap{margin-bottom:1rem;position:relative}.search-input-wrap svg{color:var(--ink-faint);position:absolute;top:50%;left:.8rem;transform:translateY(-50%)}.employees-list input{border:1.5px solid var(--border);border-radius:var(--radius-sm);background:var(--white);width:100%;padding:.68rem .9rem .68rem 2.4rem;font-family:inherit;font-size:.92rem;transition:border-color .15s,box-shadow .15s}.employees-list input:focus{border-color:var(--brand);outline:none;box-shadow:0 0 0 3px #1553801f}.employee-detail{background:var(--white);border-radius:var(--radius);box-shadow:var(--shadow);flex:1;min-width:0;padding:1.5rem;position:sticky;top:2rem}.employee-detail-empty{text-align:center;color:var(--ink-faint);flex-direction:column;justify-content:center;align-items:center;gap:.65rem;padding:3rem 1.5rem;display:flex}.employee-detail-empty svg{opacity:.5}.employee-detail-header{align-items:center;gap:.85rem;margin-bottom:.5rem;display:flex}.employee-detail-header h3{margin:0}.employee-detail-header p{color:var(--ink-soft);margin:2px 0 0;font-size:.86rem}.employee-detail h4{color:var(--brand);text-transform:uppercase;letter-spacing:.05em;margin-top:1.4rem;margin-bottom:.55rem;font-family:Poppins,sans-serif;font-size:.78rem;font-weight:600}.employee-detail ul{color:var(--ink-soft);margin:0 0 .5rem;padding-left:1.1rem;font-size:.89rem}.employee-detail li{margin-bottom:.3rem}.employee-detail button{background:var(--brand);color:#fff;border-radius:var(--radius-sm);cursor:pointer;border:none;align-items:center;gap:.4rem;margin:.5rem 0;padding:.52rem .95rem;font-family:inherit;font-size:.83rem;font-weight:600;transition:background .15s;display:inline-flex}.employee-detail button:hover{background:var(--brand-dark)}.scan-hello{margin-bottom:1rem}.scan-hello h2{margin:0;font-size:1.45rem}.scan-hello p{color:var(--ink-soft);margin:.2rem 0 0;font-size:.88rem}.scan-desk{flex:1;grid-template-columns:minmax(300px,420px) 1fr;align-items:stretch;gap:1rem;min-height:0;display:grid}.scan-page{flex-direction:column;min-height:100%;display:flex}.scan-entry{align-self:start}.scan-entry .panel-head h3,.scan-side .panel-head h3{align-items:center;gap:.4rem;display:inline-flex}.scan-hint{text-align:center;color:var(--ink-faint);margin:.7rem 0 0;font-size:.8rem}.scan-hint-left{text-align:left;align-items:center;gap:.35rem;display:flex}.scan-result{text-align:left;border-radius:12px;align-items:flex-start;gap:.55rem;max-width:none;margin:1rem 0 0;padding:.85rem 1rem;font-weight:500;animation:.25s card-in;display:flex}.scan-result span{flex-direction:column;gap:.15rem;display:flex}.scan-result em{opacity:.85;font-size:.78rem;font-style:normal;font-weight:500}.scan-result.success{background:var(--green-light);color:var(--green)}.scan-result.error{background:var(--red-light);color:var(--red-dark)}.manual-entry{align-items:stretch;gap:.5rem;max-width:none;margin:0;display:flex}.manual-entry input{border:1.5px solid var(--border);border-radius:var(--radius-sm);flex:1;min-width:0;padding:.7rem .85rem;font-family:inherit;font-size:.95rem}.manual-entry input:focus{border-color:var(--brand);outline:none;box-shadow:0 0 0 3px #1553801f}.manual-entry label{display:none}.scan-recent{margin:0;padding:0;list-style:none}.scan-recent li{border-bottom:1px solid var(--border);align-items:center;gap:.65rem;padding:.5rem 0;font-size:.84rem;display:flex}.scan-recent li:last-child{border-bottom:none}.scan-recent strong{font-size:.86rem;display:block}.scan-recent span{color:var(--ink-faint);font-size:.74rem}.scan-recent .badge{margin-left:auto}.scan-side{flex-direction:column;min-height:0;display:flex}.scan-recent-pane{flex:1;min-height:8rem}@media (width<=900px){.scan-desk{grid-template-columns:1fr}}.filters{flex-wrap:wrap;align-items:flex-end;gap:.75rem;margin-bottom:1.25rem;display:flex}.filters label{color:var(--ink-soft);flex-direction:column;gap:.3rem;font-size:.82rem;font-weight:500;display:flex}.loading-text{color:var(--ink-faint);font-size:.9rem}.skeleton{border-radius:var(--radius-sm);background:linear-gradient(90deg,#ecedf1 25%,#f5f5f7 37%,#ecedf1 63%) 0 0/400% 100%;animation:1.4s infinite skeleton-loading}@keyframes skeleton-loading{0%{background-position:100%}to{background-position:0}}@media (width<=1100px){.kpi-row{grid-template-columns:1fr 1fr}.dash-grid{grid-template-columns:1fr}}@media (width<=880px){.nav-toggle{background:var(--paper);width:38px;height:38px;color:var(--ink);cursor:pointer;border:0;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.nav-backdrop{z-index:85;background:#14141473;border:0;display:block;position:fixed;inset:0}.sidebar{z-index:90;width:min(280px,86vw);height:100vh;transition:transform .28s cubic-bezier(.22,1,.36,1);position:fixed;top:0;left:0;transform:translate(-105%);box-shadow:12px 0 40px #00000040}.app-shell.nav-open .sidebar{transform:none}.sidebar-group-label{display:block}.sidebar nav{flex-direction:column;flex:1;order:unset;width:auto;margin-top:0}.logout-btn{order:unset}.topbar{flex-wrap:wrap;height:auto;min-height:64px;padding:.7rem 1rem}.topbar-search{order:3;width:100%;max-width:none;margin:.4rem 0 0}.topbar-search kbd,.topbar-user-name,.topbar-user-role{display:none}.content-zone{padding:1.1rem .95rem 2rem}.employees-layout{flex-direction:column}.employee-detail{width:100%;position:static}.kpi-row{grid-template-columns:1fr}.page-header{flex-direction:column;align-items:stretch}.modal-backdrop{align-items:stretch;padding:1rem .7rem 1.5rem}.modal-sheet,.modal-sheet.wide{width:100%}.modal-grid-form,.settings-grid{grid-template-columns:1fr}.settings-card{padding:1.1rem 1rem 1.2rem}}.settings-card{background:var(--white);border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:1.15rem;padding:1.35rem 1.5rem 1.5rem}.settings-card-head{color:var(--brand);align-items:flex-start;gap:.75rem;margin-bottom:1.15rem;display:flex}.settings-card-head h3{color:var(--ink);margin:0;font-size:1.05rem}.settings-card-head p{color:var(--ink-soft);margin:2px 0 0;font-size:.82rem}.settings-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem 1.15rem;display:grid}.settings-field{flex-direction:column;gap:.35rem;display:flex}.settings-field-label{color:var(--ink-soft);font-size:.82rem;font-weight:500}.settings-field-control{align-items:center;gap:.45rem;display:flex}.settings-field input,.settings-field select,.settings-site-form input{border:1.5px solid var(--border);border-radius:var(--radius-sm);background:var(--white);width:100%;padding:.62rem .75rem;font-family:inherit;font-size:.92rem;transition:border-color .15s,box-shadow .15s}.settings-field input:focus,.settings-site-form input:focus{border-color:var(--brand);outline:none;box-shadow:0 0 0 3px #1553801f}.settings-suffix{color:var(--ink-faint);white-space:nowrap;min-width:4.2rem;font-size:.78rem}.settings-hint{color:var(--ink-faint);font-size:.75rem;line-height:1.4}.settings-formula{background:var(--brand-light);color:var(--brand-dark);border-radius:var(--radius-sm);margin-top:1rem;padding:.75rem .95rem;font-size:.86rem;line-height:1.45}.settings-actions{flex-wrap:wrap;justify-content:flex-end;gap:.75rem;margin:.25rem 0 1.5rem;display:flex}.settings-card-head{position:relative}.settings-dev-card{box-shadow:none;background:#f7f7f9;border:1.5px dashed #c9c9cf}.settings-dev-card.is-open{background:var(--white);border-color:#8a1a22}.settings-dev-badge{letter-spacing:.08em;color:#8a1a22;background:#fde8ea;border-radius:99px;margin-left:auto;padding:.22rem .55rem;font-size:.68rem;font-weight:700}.settings-dev-warn{color:var(--ink-soft);margin:0 0 .85rem;font-size:.84rem;line-height:1.45}.primary-btn,.danger-btn{border-radius:var(--radius-sm);cursor:pointer;color:#fff;border:none;justify-content:center;align-items:center;gap:.45rem;padding:.72rem 1.1rem;font-family:inherit;font-size:.92rem;font-weight:600;transition:background .15s,transform 50ms,box-shadow .15s;display:inline-flex}.primary-btn{background:var(--brand);box-shadow:0 4px 12px #15538040}.primary-btn:hover{background:var(--brand-dark)}a.primary-btn{color:#fff;text-decoration:none}.danger-btn{background:#8a1a22;box-shadow:0 4px 12px #8a1a2247}.danger-btn:hover{background:#6e1219}.settings-sites{flex-wrap:wrap;gap:.45rem;margin:0 0 1rem;padding:0;list-style:none;display:flex}.settings-sites li{background:var(--paper);border:1px solid var(--border);border-radius:99px;align-items:center;gap:.15rem;padding:.28rem .5rem .28rem .75rem;font-size:.84rem;display:flex}.settings-sites .icon-btn,.settings-sites .icon-btn-danger{border-radius:999px;width:22px;height:22px}.settings-site-form{gap:.6rem;max-width:420px;display:flex}.weekday-picker{flex-wrap:wrap;gap:.45rem;margin:0 0 .9rem;display:flex}.weekday-picker label{border:1.5px solid var(--border);background:var(--white);color:var(--ink-soft);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:99px;align-items:center;padding:.42rem .95rem;font-size:.86rem;font-weight:500;transition:background .15s,border-color .15s,color .15s;display:inline-flex;position:relative}.weekday-picker label.on{background:var(--brand);border-color:var(--brand);color:#fff}.weekday-picker label:focus-within{outline:2px solid var(--brand);outline-offset:2px}.weekday-picker input{opacity:0;pointer-events:none;position:absolute}.settings-holiday-form{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.settings-holiday-form input[type=date],.settings-holiday-form input[type=text]{border:1.5px solid var(--border);border-radius:var(--radius-sm);background:var(--white);padding:.62rem .75rem;font-family:inherit;font-size:.92rem}.settings-holiday-form input[type=text]{flex:1;min-width:200px}.settings-holiday-form input:focus{border-color:var(--brand);outline:none;box-shadow:0 0 0 3px #1553801f}.settings-holiday-form .settings-check{color:var(--ink-soft);white-space:nowrap;align-items:center;gap:.4rem;font-size:.84rem;display:inline-flex}.settings-holiday-yearly{color:var(--ink-faint);font-size:.76rem}.rate-cell{flex-direction:column;gap:.3rem;min-width:88px;display:flex}.rate-bar{background:var(--border);border-radius:99px;height:5px;display:block;overflow:hidden}.rate-bar span{background:var(--brand);border-radius:99px;height:100%;display:block}.empty-cell{text-align:center;color:var(--ink-faint);padding:2rem 1rem!important}.mini-form{background:var(--paper);border-radius:var(--radius-sm);grid-template-columns:1fr 1fr;gap:.45rem;margin:.55rem 0 1rem;padding:.75rem;display:grid}.mini-form-title{text-transform:uppercase;letter-spacing:.04em;color:var(--ink-faint);grid-column:1/-1;font-size:.72rem;font-weight:600}.mini-form label{color:var(--ink-soft);flex-direction:column;gap:.2rem;font-size:.72rem;font-weight:500;display:flex}.mini-form input,.mini-form select{border:1.5px solid var(--border);background:var(--white);border-radius:6px;padding:.45rem .55rem;font-family:inherit;font-size:.82rem}.mini-form button{margin:0;padding:.45rem .7rem;font-size:.8rem}.mini-check{color:var(--ink-soft);align-items:center;gap:.35rem;font-size:.82rem;display:flex}.mini-form-hint{color:var(--ink-faint);flex-wrap:wrap;align-items:center;gap:.4rem;margin:-.4rem 0 .9rem;font-size:.78rem;display:flex}.mini-form-hint .link-btn{border:1px solid var(--border);border-radius:999px;padding:.2rem .6rem;font-size:.78rem}.scan-panel{max-width:none}.toolbar-row .toolbar,.toolbar-row .filters{margin-bottom:0}.settings-card{border:1px solid var(--border)}.emp-stats{grid-template-columns:1.6fr .8fr;gap:1rem;margin-bottom:1rem;display:grid}.emp-stats-card{background:var(--white);border-radius:var(--radius);box-shadow:var(--shadow);padding:1.1rem 1.25rem 1.2rem}.emp-stats-card h3{margin:0 0 1rem;font-size:.95rem}.emp-stages{flex-wrap:wrap;gap:.5rem 1.25rem;display:flex}.emp-stage{flex:1;gap:.65rem;min-width:120px;display:flex}.emp-stage-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.emp-stage-label{color:var(--ink-soft);font-size:.78rem;font-weight:500}.emp-stage-value{font-family:Fredoka,sans-serif;font-size:1.55rem;font-weight:600;line-height:1.1}.emp-stage-hint{color:var(--ink-faint);margin-top:2px;font-size:.7rem}.emp-table-card{background:var(--white);border-radius:var(--radius);box-shadow:var(--shadow);-webkit-overflow-scrolling:touch;overflow-x:auto}.emp-table{min-width:640px}.emp-toolbar{border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:.65rem;padding:.9rem 1rem;display:flex}.emp-search{background:var(--paper);border-radius:10px;align-items:center;gap:.4rem;min-width:180px;padding:.4rem .7rem;display:flex}.emp-search input{background:0 0;border:none;outline:none;width:140px;font-size:.85rem}.view-toggle{background:var(--paper);border-radius:10px;padding:.15rem;display:flex}.view-toggle button{width:30px;height:28px;color:var(--ink-faint);cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;display:flex}.view-toggle button.on{background:var(--white);color:var(--ink);box-shadow:var(--shadow)}.emp-tabs{flex-wrap:wrap;flex:1;gap:.15rem;display:flex}.emp-tabs button{color:var(--ink-soft);cursor:pointer;background:0 0;border:none;border-radius:8px;padding:.38rem .7rem;font-size:.82rem;font-weight:500}.emp-tabs button.on{background:var(--paper);color:var(--ink)}.emp-toolbar-actions{align-items:center;gap:.45rem;margin-left:auto;display:flex}.emp-add{padding:.5rem .9rem;font-size:.84rem}.filter-wrap{position:relative}.filter-pop{background:var(--white);box-shadow:var(--shadow-hover);border:1px solid var(--border);z-index:5;border-radius:12px;min-width:180px;padding:.35rem;position:absolute;top:calc(100% + 6px);right:0}.filter-pop button{text-align:left;cursor:pointer;background:0 0;border:none;border-radius:8px;width:100%;padding:.45rem .6rem;font-size:.82rem;display:block}.filter-pop button.on,.filter-pop button:hover{background:var(--paper)}.emp-table th{background:var(--white)}.emp-table td,.emp-table th{padding:.85rem 1rem}.emp-id{color:var(--ink-faint);font-size:.82rem}.emp-age{font-variant-numeric:tabular-nums;white-space:nowrap;color:var(--ink-soft);font-size:.85rem}.emp-name{font-size:.88rem;font-weight:600}.emp-sub{color:var(--ink-faint);font-size:.72rem}.row-actions{justify-content:flex-end;gap:.15rem;display:flex}.icon-btn{width:30px;height:30px;color:var(--ink-faint);cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;display:inline-flex}.icon-btn:hover{background:var(--paper);color:var(--ink)}.modal-backdrop{z-index:80;background:#14141473;justify-content:center;align-items:flex-start;padding:4.5rem 1.25rem 2rem;display:flex;position:fixed;inset:0;overflow-y:auto}.modal-sheet{background:var(--white);border-radius:18px;width:min(560px,100%);animation:.22s card-in;box-shadow:0 24px 60px #14141438}.modal-sheet.wide{width:min(720px,100%)}.modal-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-start;padding:1.2rem 1.3rem .85rem;display:flex}.modal-head h3{margin:0;font-size:1.15rem}.modal-close{background:var(--paper);cursor:pointer;width:32px;height:32px;color:var(--ink);border:none;border-radius:8px}.modal-body{padding:1.15rem 1.3rem 1.3rem}.modal-foot{border-top:1px solid var(--border);justify-content:flex-end;gap:.5rem;padding:.85rem 1.3rem 1.15rem;display:flex}.modal-grid-form{grid-template-columns:1fr 1fr;gap:.85rem 1rem;display:grid}.modal-grid-form label{color:var(--ink-soft);flex-direction:column;gap:.3rem;font-size:.8rem;font-weight:500;display:flex}.modal-grid-form textarea{border:1.5px solid var(--border);resize:vertical;border-radius:10px;min-height:76px;padding:.58rem .7rem;font-family:inherit;font-size:.9rem}.modal-grid-form .error,.modal-grid-form .import-summary,.modal-grid-form .link-btn,.modal-form-actions{grid-column:1/-1}.modal-form-actions{justify-content:flex-end;gap:.5rem;margin-top:.4rem;display:flex}.audit-foot{color:var(--ink-faint);text-align:center;margin:.8rem 0 0;font-size:.75rem}.audit-filters{flex-wrap:wrap;align-items:center;gap:.5rem;margin-left:auto;display:flex}.audit-filters select{min-width:140px}.audit-pager{border-top:1px solid var(--border);color:var(--ink-soft);justify-content:space-between;align-items:center;gap:.75rem;padding:.85rem 1rem;font-size:.82rem;display:flex}.audit-json{background:var(--paper);white-space:pre-wrap;word-break:break-word;border-radius:10px;max-height:220px;margin:0 0 .85rem;padding:.75rem .85rem;font-size:.75rem;line-height:1.45;overflow-x:auto}.import-errors{color:var(--red-dark);grid-column:1/-1;max-height:140px;margin:0;padding:0 0 0 1.1rem;font-size:.8rem;overflow:auto}.confirm-note{background:var(--red-light);color:var(--red-dark);border-radius:10px;grid-column:1/-1;margin:0;padding:.7rem .85rem;font-size:.82rem}.dossier h4{color:var(--brand);text-transform:uppercase;letter-spacing:.05em;margin:1.1rem 0 .4rem;font-family:Poppins,sans-serif;font-size:.75rem}.dossier ul{color:var(--ink-soft);margin:0;padding-left:1.1rem;font-size:.88rem}.dossier-row{justify-content:space-between;align-items:center;gap:.5rem;padding:.2rem 0;list-style:none;display:flex}.dossier-row>span{flex:1;min-width:0}.dossier-row .row-actions{flex:none}.dossier-inline-form{flex-wrap:wrap;align-items:center;gap:.4rem;padding:.5rem 0;display:flex}.dossier-inline-form input,.dossier-inline-form select{border:1.5px solid var(--border);background:var(--white);border-radius:6px;padding:.35rem .5rem;font-family:inherit;font-size:.8rem}.dossier-danger{border-top:1px dashed var(--border);justify-content:space-between;align-items:center;gap:.75rem;margin-top:1.25rem;padding-top:1rem;display:flex}.dossier-hero{align-items:center;gap:.85rem;margin-bottom:.75rem;display:flex}.dossier-hero p{color:var(--ink-soft);margin:.25rem 0 0;font-size:.82rem}@media (width<=1100px){.emp-stats{grid-template-columns:1fr}}.panel-link{color:var(--brand);align-items:center;gap:.15rem;font-size:.82rem;font-weight:600;text-decoration:none;display:inline-flex}.att-hello{justify-content:space-between;align-items:flex-end;gap:1rem;margin-bottom:1.25rem;display:flex}.att-hello h2{margin:0;font-size:1.55rem}.att-hello p{color:var(--ink-soft);margin:.2rem 0 0;font-size:.88rem}.att-hello-actions{flex-wrap:wrap;align-items:flex-end;gap:.7rem;display:flex}.att-date{color:var(--ink-soft);flex-direction:column;gap:.3rem;font-size:.78rem;font-weight:500;display:flex}.att-date input{border:1.5px solid var(--border);background:var(--white);border-radius:10px;padding:.5rem .7rem}.att-grid{grid-template-columns:1.45fr 1fr;gap:1rem;display:grid}.scroll-pane{scrollbar-gutter:stable;max-height:13.5rem;padding-right:.15rem;overflow:hidden auto}.att-log-pane,.att-arrivals-pane{max-height:22rem}.att-log-pane thead th{z-index:1;position:sticky;top:0}.att-timeline{gap:.9rem;min-height:0;display:flex}.att-arrivals-pane{flex:1;min-width:0}.att-tabs{padding:0 .2rem .75rem}.att-timeline{gap:.9rem;display:flex}.att-dateblock{border:1px solid var(--border);text-align:center;background:var(--paper);border-radius:10px;flex-shrink:0;width:52px;height:fit-content;padding:.45rem .2rem}.att-dateblock span{text-transform:uppercase;color:var(--ink-faint);font-size:.68rem;display:block}.att-dateblock strong{font-size:1.2rem}.att-timeline ul{flex-direction:column;flex:1;gap:.55rem;margin:0;padding:0;list-style:none;display:flex}.att-slot{align-items:stretch;gap:.55rem;display:flex}.att-slot-time{width:48px;color:var(--ink-faint);padding-top:.7rem;font-size:.75rem}.att-slot-card{background:var(--paper);cursor:pointer;border-left:3px solid var(--red);border-radius:12px;flex:1;align-items:center;gap:.55rem;padding:.55rem .7rem;display:flex}.att-slot.late .att-slot-card{border-left-color:var(--amber)}.att-slot-card strong{font-size:.84rem}.att-slot-card p{color:var(--ink-faint);margin:.1rem 0 0;font-size:.72rem}.att-progress,.att-latest{margin:0;padding:0;list-style:none}.att-progress li,.att-latest li{border-bottom:1px solid var(--border);align-items:center;gap:.7rem;padding:.55rem 0;display:flex}.att-progress li:last-child,.att-latest li:last-child{border-bottom:none}.att-progress-body{flex:1;min-width:0}.att-progress-top{justify-content:space-between;margin-bottom:.35rem;font-size:.84rem;display:flex}.att-bar{background:var(--brand-light);border-radius:99px;height:7px;overflow:hidden}.att-bar span{background:var(--brand);border-radius:99px;height:100%;display:block}.att-latest strong{font-size:.86rem}.att-latest p{color:var(--ink-faint);margin:.1rem 0 0;font-size:.75rem}@media (width<=1100px){.att-grid{grid-template-columns:1fr}}.alert-banner{background:var(--red-light);border:1px solid var(--red);border-radius:14px;margin-bottom:1rem;padding:.9rem 1.1rem}.alert-banner-head{color:var(--red-dark);align-items:center;gap:.5rem;font-size:.88rem;display:flex}.alert-banner ul{gap:.35rem;margin:.6rem 0 0;padding:0;list-style:none;display:grid}.alert-banner li{background:var(--white);border-radius:8px;align-items:center;gap:.6rem;padding:.4rem .65rem;font-size:.82rem;display:flex}.alert-banner li span{color:var(--ink);flex:1}.alert-banner li b{color:var(--amber-dark)}.alert-banner li.exceeded b{color:var(--red-dark)}.alert-banner li em{background:var(--amber-light);color:var(--amber-dark);border-radius:999px;padding:.1rem .5rem;font-size:.72rem;font-style:normal}.alert-banner li.exceeded em{background:var(--red-light);color:var(--red-dark)}