:root{--bg:#081210;--bg-soft:#0a1715;--card:#0e201b;--card-deep:#0b1a16;--border:#34d39924;--border-strong:#34d39961;--accent:#0ea371;--accent-bright:#34d399;--accent-grad:linear-gradient(120deg, #059669, #10b981);--text:#e8f5ee;--muted:#8db4a4;--danger:#ef5b64;--font-display:"Playfair Display", Georgia, serif;--font-body:"Inter", system-ui, sans-serif}*{box-sizing:border-box}body{font-family:var(--font-body);background:radial-gradient(ellipse 900px 500px at 85% -10%, #0596691f, transparent), radial-gradient(ellipse 700px 500px at -10% 110%, #05966914, transparent), var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;margin:0;line-height:1.6}::selection{background:var(--accent);color:#fff}:focus-visible{outline:2px solid var(--accent-bright);outline-offset:2px}*{scrollbar-width:thin;scrollbar-color:#34d3994d var(--bg-soft)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--bg-soft)}::-webkit-scrollbar-thumb{border:2px solid var(--bg-soft);background:#34d3994d;border-radius:999px}.mark{background:var(--accent-grad);border-radius:2px;width:10px;height:10px;display:inline-block;transform:rotate(45deg)}.btn{background:var(--accent-grad);color:#fff;min-height:44px;font-family:var(--font-body);letter-spacing:.02em;cursor:pointer;border:none;border-radius:9px;justify-content:center;align-items:center;gap:8px;padding:11px 24px;font-size:.9rem;font-weight:600;transition:transform .2s,box-shadow .2s;display:inline-flex;box-shadow:0 6px 20px #0596694d}.btn:hover{transform:translateY(-1px);box-shadow:0 10px 28px #05966966}.btn:disabled{opacity:.6;cursor:wait;transform:none}.btn-small{border:1px solid var(--border);color:var(--accent-bright);cursor:pointer;background:#10b9811a;border-radius:7px;padding:7px 14px;font-size:.8rem;font-weight:500;transition:background .2s,border-color .2s}.btn-small:hover{border-color:var(--border-strong);background:#10b98133}.auth-wrap{justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.auth-card{background:linear-gradient(170deg, var(--card), var(--card-deep));border:1px solid var(--border);border-radius:16px;flex-direction:column;gap:8px;width:min(410px,100%);padding:38px 34px;display:flex;box-shadow:0 30px 80px #00000080}.auth-logo,.brand{font-family:var(--font-display);letter-spacing:.04em;align-items:center;gap:10px;margin-bottom:10px;font-size:1.2rem;font-weight:700;display:flex}.brand em{color:var(--accent-bright);font-style:normal}.auth-card h1{letter-spacing:.01em;margin:0 0 4px;font-size:1.45rem;font-weight:700}.auth-sub{color:var(--muted);margin:0 0 12px;font-size:.85rem}.auth-card label{text-transform:uppercase;letter-spacing:.12em;color:var(--accent-bright);margin-top:8px;font-size:.72rem;font-weight:600}.auth-card input{border:1px solid var(--border);background:var(--bg-soft);color:var(--text);font-size:.95rem;font-family:var(--font-body);border-radius:9px;padding:12px 14px;transition:border-color .2s}.auth-card input:focus{border-color:var(--accent);outline:none}.auth-card .btn{margin-top:16px}.auth-error{color:var(--danger);margin:8px 0 0;font-size:.85rem}.loading{color:var(--muted)}.shell{min-height:100vh;display:flex}.sidebar{border-right:1px solid var(--border);background:#0a1022d9;flex-direction:column;flex-shrink:0;gap:18px;width:240px;padding:22px 14px;display:flex}.sidebar nav{flex-direction:column;flex:1;gap:18px;display:flex}.nav-group{flex-direction:column;gap:3px;display:flex}.nav-group-label{text-transform:uppercase;letter-spacing:.22em;color:var(--muted);opacity:.7;padding:0 12px 6px;font-size:.64rem;font-weight:700}.nav-item{color:var(--muted);font-family:var(--font-body);text-align:left;cursor:pointer;background:0 0;border:none;border-radius:10px;align-items:center;gap:12px;padding:9px 12px;font-size:.9rem;font-weight:500;transition:background .2s,color .2s;display:flex}.nav-item:hover{color:var(--text);background:#10b98114}.nav-item.active{color:#fff;background:#10b98124}.nav-ico{background:#10b9811a;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;transition:background .2s,color .2s,box-shadow .2s;display:flex}.nav-ico svg{width:18px;height:18px}.nav-item.active .nav-ico{background:var(--accent-grad);color:#fff;box-shadow:0 4px 14px #05966973}.sidebar-foot{border-top:1px solid var(--border);padding-top:12px}.main{flex-direction:column;flex:1;min-width:0;display:flex}.topbar{border-bottom:1px solid var(--border);background:#0a102299;justify-content:space-between;align-items:center;gap:16px;padding:18px 32px;display:flex}.topbar h1{letter-spacing:.01em;margin:0;font-size:1.35rem;font-weight:700}.topbar-date{color:var(--muted);text-transform:capitalize;font-size:.8rem}.avatar-chip{border:1px solid var(--border);background:var(--card-deep);border-radius:999px;align-items:center;gap:11px;padding:7px 14px 7px 8px;display:flex}.avatar{background:var(--accent-grad);color:#fff;letter-spacing:.04em;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:.85rem;font-weight:700;display:flex}.avatar-text{flex-direction:column;line-height:1.25;display:flex}.avatar-text strong{font-size:.88rem}.avatar-text small{color:var(--muted);font-size:.72rem}.content{flex:1;padding:28px 32px 48px;animation:.3s page-in}@keyframes page-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.overview-grid{grid-template-columns:300px 1fr;gap:18px;margin-bottom:18px;display:grid}@media (width<=860px){.overview-grid{grid-template-columns:1fr}}.donut-card{flex-direction:column;align-items:center;margin-bottom:0;display:flex}.donut svg{width:170px;height:170px}.donut-progress{transition:stroke-dashoffset .8s}.donut-value{fill:var(--text);font-size:24px;font-weight:700;font-family:var(--font-body)}.donut-caption{fill:var(--muted);font-size:10.5px;font-family:var(--font-body)}.center{text-align:center}.stat-cards{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));align-content:start;gap:18px;display:grid}.stat-card{background:linear-gradient(170deg, var(--card), var(--card-deep));border:1px solid var(--border);border-radius:14px;align-items:center;gap:14px;padding:20px;transition:border-color .25s,transform .25s;display:flex}.stat-card:hover{border-color:var(--border-strong);transform:translateY(-2px)}.stat-icon{width:46px;height:46px;color:var(--accent-bright);background:#10b9811f;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.stat-icon svg{width:22px;height:22px}.stat-value{font-size:1.7rem;font-weight:700;line-height:1.1;display:block}.stat-label{color:var(--muted);font-size:.76rem}.card-panel{background:linear-gradient(170deg, var(--card), var(--card-deep));border:1px solid var(--border);border-radius:14px;max-width:760px;margin-bottom:18px;padding:22px 24px;transition:border-color .25s}.card-panel:hover{border-color:#34d39938}.card-wide{max-width:1020px}.card-panel h2{text-transform:uppercase;letter-spacing:.18em;color:var(--accent-bright);align-items:center;gap:8px;margin:0 0 16px;font-size:.78rem;font-weight:700;display:flex}.card-panel h2:before{content:"";background:var(--accent-grad);border-radius:1.5px;width:7px;height:7px;transform:rotate(45deg)}.muted{color:var(--muted);font-size:.92rem}.gold{color:var(--accent-bright)}.chart svg{width:100%;height:auto;display:block}.chart-grid-label{fill:var(--muted);font-size:10px;font-family:var(--font-body)}.chart-x-label{fill:var(--muted);font-size:11px;font-family:var(--font-body)}.chart-value{fill:var(--accent-bright);font-size:12px;font-weight:600;font-family:var(--font-body)}.sr-only{clip:rect(0 0 0 0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.present-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.present-list li{align-items:center;gap:10px;font-size:.95rem;display:flex}.present-list small{color:var(--muted)}.dot-on{background:var(--accent-bright);border-radius:50%;width:8px;height:8px;box-shadow:0 0 10px #34d399e6}.punch-card{flex-direction:column;align-items:flex-start;gap:14px;display:flex}.data-table{border-collapse:collapse;width:100%;font-size:.9rem}.data-table th{text-align:left;text-transform:uppercase;letter-spacing:.14em;color:var(--muted);border-bottom:1px solid var(--border);padding:8px 12px 10px 0;font-size:.68rem;font-weight:700}.data-table td{border-bottom:1px solid #34d39912;padding:11px 12px 11px 0}.data-table tbody tr{transition:background .15s}.data-table tbody tr:hover{background:#10b9810d}.row-inactive td{opacity:.45}.badge{border:1px solid var(--border);color:var(--muted);white-space:nowrap;border-radius:999px;padding:4px 11px;font-size:.72rem;font-weight:500;display:inline-block}.badge-on{color:var(--accent-bright);border-color:var(--border-strong);background:#10b9811a}.badge-off{color:var(--danger);border-color:#ef5b6466}.badge-muted{opacity:.7}.user-form{grid-template-columns:1fr 1fr;gap:14px 16px;display:grid}.fld{flex-direction:column;gap:6px;display:flex}.fld-full{grid-column:1/-1}.fld label{text-transform:uppercase;letter-spacing:.12em;color:var(--accent-bright);font-size:.7rem;font-weight:600}.fld input,.fld select,.inline-form input,.report-head input[type=month]{border:1px solid var(--border);background:var(--bg-soft);color:var(--text);font-size:.92rem;font-family:var(--font-body);border-radius:9px;padding:11px 13px;transition:border-color .2s}.fld input:focus,.fld select:focus,.inline-form input:focus,.report-head input[type=month]:focus{border-color:var(--accent);outline:none}.block-note{margin-top:8px;display:block}@media (width<=560px){.user-form{grid-template-columns:1fr}}.inline-form{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.inline-form input{flex:1;min-width:180px}.row-actions{flex-wrap:wrap;gap:8px;display:flex}.select-slim{border:1px solid var(--border);background:var(--bg-soft);color:var(--text);font-size:.82rem;font-family:var(--font-body);border-radius:7px;max-width:180px;padding:6px 10px}.select-slim:focus{border-color:var(--accent);outline:none}.report-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:18px;display:flex}@media (width<=720px){.shell{flex-direction:column}.sidebar{border-right:none;border-bottom:1px solid var(--border);gap:10px;width:100%;padding:14px}.sidebar nav,.nav-group{flex-flow:wrap;gap:6px}.nav-group-label{display:none}.nav-item{padding:7px 10px;font-size:.82rem}.sidebar-foot{border-top:none;padding-top:0}.topbar{padding:14px 18px}.avatar-text{display:none}.content{padding:18px 16px 40px}.card-panel{padding:18px;overflow-x:auto}}.file-input{border:1px dashed var(--border-strong);background:var(--bg-soft);color:var(--muted);font-size:.85rem;font-family:var(--font-body);cursor:pointer;border-radius:9px;padding:9px 12px}.file-input::file-selector-button{background:var(--accent-grad);color:#fff;font-family:var(--font-body);cursor:pointer;border:none;border-radius:7px;margin-right:12px;padding:7px 14px;font-size:.8rem;font-weight:600}