@font-face{font-family:Nunito;src:url(/Nunito-Regular.ttf)}@font-face{font-family:Nunito;src:url(/Nunito-SemiBold.ttf);font-weight:600}@font-face{font-family:Nunito;src:url(/Nunito-Bold.ttf);font-weight:700}:root{--ink:#172033;--muted:#64748b;--line:#e6eaf2;--surface:#fff;--blue:#4758e9;--violet:#7c3aed;--mint:#0d9488;--shadow:0 18px 45px #1e293b17}*{box-sizing:border-box}body{min-height:100vh;color:var(--ink);background:#f6f7fb;margin:0;font-family:Nunito,Arial,sans-serif}a{color:inherit;text-decoration:none}.shell{width:min(1180px,100% - 48px);margin:auto;padding:36px 0 64px}.bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.card{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:24px;box-shadow:0 7px 20px #1e293b09}.grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.grid .card{transition:transform .2s,box-shadow .2s}.grid .card:hover{transform:translateY(-4px);box-shadow:0 22px 42px #1e293b21}.row{border-bottom:1px solid var(--line);align-items:center;gap:16px;padding:16px 0;display:flex}.row:last-child{border:0}.name{flex:1}.actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}button,select,input,textarea{font:inherit;color:var(--ink);background:#fff;border:1px solid #dce1ed;border-radius:10px;outline:0;padding:11px 13px;transition:border .18s,box-shadow .18s,transform .18s}textarea{resize:vertical;min-height:102px}input:focus,select:focus,textarea:focus{border-color:#8b96fa;box-shadow:0 0 0 4px #4758e921}button{cursor:pointer;font-weight:700}button:hover{transform:translateY(-1px)}button:disabled{cursor:not-allowed;opacity:.65;transform:none}.primary{background:linear-gradient(135deg,var(--blue),var(--violet));color:#fff;border-color:#0000;justify-content:center;align-items:center;gap:8px;display:inline-flex;box-shadow:0 8px 16px #4758e940}.present{color:#047857;border-color:#a7f3d0}.absent{color:#c2410c;border-color:#fed7aa}.late{color:#a16207;border-color:#fde68a}.leave{color:#0369a1;border-color:#bae6fd}.selected.present{color:#fff;background:#047857}.selected.absent{color:#fff;background:#ea580c}.selected.late{color:#fff;background:#ca8a04}.selected.leave{color:#fff;background:#0284c7}.muted{color:var(--muted);font-size:.92rem}.notice{color:#155e75;background:#ecfeff;border:1px solid #bae6fd;border-radius:13px;padding:13px 15px}.app-frame{min-height:100vh;display:flex}.sidebar{color:#c7cbea;background:#151b3e;flex-direction:column;align-self:flex-start;width:248px;height:100vh;padding:26px 14px 16px;display:flex;position:sticky;top:0}.sidebar-brand{color:#fff;letter-spacing:-.04em;padding:0 12px;font-size:1.18rem;font-weight:800}.sidebar-brand span{background:linear-gradient(145deg,#8d95ff,#c18cff);border-radius:8px;place-items:center;width:27px;height:27px;margin-right:7px;font-family:serif;display:inline-grid}.workspace-label{text-transform:uppercase;letter-spacing:.13em;color:#848aad;margin:0;padding:30px 12px 10px;font-size:.66rem;font-weight:800}.sidebar nav{gap:4px;display:grid}.nav-link{color:#b7bddb;border-radius:10px;align-items:center;gap:12px;padding:11px 12px;font-size:.92rem;font-weight:700;display:flex}.nav-link i{text-align:center;color:#9299c5;width:18px;font-style:normal}.nav-link:hover,.nav-link.active{color:#fff;background:#282f60}.nav-link.active i{color:#aaaefd}.sidebar-footer{border-top:1px solid #ffffff17;margin-top:auto;padding-top:12px}.signout{text-align:left;background:0 0;border:0;width:100%}.app-content{flex:1;min-width:0}.topbar{border-bottom:1px solid var(--line);background:#ffffffd1;justify-content:space-between;align-items:center;height:86px;padding:0 40px;display:flex}.topbar h2{letter-spacing:-.02em;margin:2px 0 0;font-size:1.14rem}.topbar-kicker{text-transform:uppercase;letter-spacing:.12em;color:#8b93ad;margin:0;font-size:.62rem;font-weight:800}.topbar-actions{align-items:center;gap:16px;display:flex}.live-dot{color:#09866c;font-size:.75rem;font-weight:800}.live-dot:before{content:"";background:#16bd90;border-radius:50%;width:7px;height:7px;margin-right:6px;display:inline-block}.avatar{color:#5558c7;background:#eceaff;border-radius:50%;place-items:center;width:34px;height:34px;font-weight:800;display:grid}.dashboard-shell{padding-top:34px}.dashboard-hero{color:#fff;background:linear-gradient(120deg,#252d66,#4b43aa 62%,#7a61dc);border-radius:20px;justify-content:space-between;align-items:end;gap:28px;padding:32px 36px;display:flex;box-shadow:0 18px 36px #30327b33}.dashboard-hero .eyebrow{color:#c9ccff;margin:0 0 12px}.dashboard-hero h1{letter-spacing:-.05em;margin:0;font-size:clamp(1.8rem,3vw,2.65rem)}.dashboard-hero p:last-child{color:#dfe0ff;margin:10px 0 0}.hero-action{color:#37328d;box-shadow:none;background:#fff;flex:none}.demo-data-panel{background:linear-gradient(100deg,#fff,#f4f3ff);border:1px solid #d9dcff;border-radius:16px;justify-content:space-between;align-items:center;gap:24px;margin-top:22px;padding:22px 24px;display:flex}.demo-data-panel .eyebrow{color:#6866c9;margin:0}.demo-data-panel h2{margin:5px 0;font-size:1.2rem}.demo-data-panel p:last-child{max-width:680px;color:var(--muted);margin:0;font-size:.88rem}.demo-data-action{flex:none;justify-items:end;gap:7px;display:grid}.demo-button{color:#5049b5;background:#fff;border-color:#dad7ff}.demo-data-action span{color:#148267;font-size:.76rem;font-weight:700}.demo-data-action .demo-error{color:#bd3450}.metric-grid{grid-template-columns:repeat(3,1fr);gap:16px;margin:22px 0 38px;display:grid}.metric-card{border:1px solid var(--line);background:#fff;border-radius:16px;padding:21px 23px}.metric-card p,.metric-card span{color:var(--muted);margin:0;font-size:.82rem;font-weight:700;display:block}.metric-card strong{letter-spacing:-.04em;margin:6px 0 4px;font-size:1.65rem;display:block}.metric-card span{color:#9aa2b4;font-weight:600}.dashboard-section h2{letter-spacing:-.04em;margin:3px 0 18px;font-size:1.35rem}.dashboard-section .eyebrow{color:#7a82a0;margin:0}.quick-grid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.quick-card{border:1px solid var(--line);background:#fff;border-radius:16px;align-items:center;gap:14px;min-height:112px;padding:18px;transition:all .18s;display:flex}.quick-card:hover{box-shadow:var(--shadow);border-color:#b9bcf7;transform:translateY(-2px)}.quick-number{color:#a0a5bd;align-self:flex-start;font-size:.7rem;font-weight:800}.quick-card div{flex:1}.quick-card h3{margin:0;font-size:1rem}.quick-card p{color:var(--muted);margin:5px 0 0;font-size:.8rem}.quick-card>b{color:#5b60cb}.auth-page{grid-template-columns:1.1fr .9fr;min-height:100vh;display:grid}.auth-aside{color:#fff;background:linear-gradient(145deg,#1a245e 0%,#3345c2 55%,#7755e8 100%);padding:clamp(28px,6vw,90px)}.auth-aside h1{letter-spacing:-.06em;margin:20px 0;font-size:clamp(2.3rem,5vw,4.8rem);line-height:.96}.brand{letter-spacing:.02em;font-weight:800}.eyebrow{color:#c7d2fe;letter-spacing:.13em;text-transform:uppercase;margin-top:72px;font-size:.78rem;font-weight:800}.feature{color:#e0e7ff;align-items:center;gap:12px;margin-top:18px;display:flex}.feature i{background:#ffffff24;border-radius:9px;place-items:center;width:29px;height:29px;font-style:normal;display:grid}.auth-main{place-items:center;padding:32px;display:grid}.auth-card{width:min(100%,440px);padding:34px}.auth-card h2{letter-spacing:-.04em;margin:0 0 8px;font-size:2rem}.field{gap:7px;margin:18px 0;display:grid}.field label{font-size:.86rem;font-weight:800}.field input,.field textarea,.field select{width:100%}.auth-card .primary{width:100%;margin-top:8px}.error{color:#be123c;background:#fff1f2;border-radius:12px;margin:14px 0 0;padding:12px;font-size:.9rem}@media (max-width:860px){.sidebar{width:70px;padding:22px 9px}.sidebar-brand{text-align:center;padding:0;font-size:0}.sidebar-brand span{margin:0;font-size:1.18rem}.workspace-label{padding:28px 0 10px;font-size:0}.nav-link{justify-content:center;padding:12px}.nav-link i{font-size:1rem}.nav-link:not(.active){font-size:0}.nav-link:not(.active) i{font-size:1rem}.signout{font-size:0}.topbar{padding:0 24px}.quick-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.app-frame{display:block}.sidebar{z-index:10;flex-direction:row;align-items:center;width:100%;height:64px;padding:7px 8px;position:fixed;top:auto;bottom:0}.sidebar-brand,.workspace-label,.sidebar-footer{display:none}.sidebar nav{justify-content:space-around;width:100%;display:flex}.nav-link{gap:0;padding:8px}.nav-link:not(.active){font-size:0}.nav-link.active{gap:4px;font-size:.68rem}.topbar{height:72px;padding:0 18px}.shell{width:min(100% - 28px,1180px);padding:28px 0 88px}.dashboard-hero{flex-direction:column;align-items:start;padding:27px 24px}.demo-data-panel{flex-direction:column;align-items:flex-start}.demo-data-action{justify-items:start}.metric-grid,.quick-grid{grid-template-columns:1fr}.card{border-radius:18px;padding:18px}.row{flex-wrap:wrap;align-items:flex-start}.actions{width:100%}.auth-page{grid-template-columns:1fr}.auth-aside{min-height:290px;padding:34px 26px}.auth-aside h1{font-size:3rem}.eyebrow{margin-top:30px}.auth-main{padding:24px 16px}.auth-card{padding:26px 22px}}