:root{--font-serif:ui-serif, Georgia, "Noto Serif", "Times New Roman", serif;--font-sans:ui-sans-serif, "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono:ui-monospace, "JetBrains Mono", "Fira Code", SFMono-Regular, Menlo, Monaco, Consolas, monospace;--text-2xs:11px;--text-xs:clamp(11.5px, .72vw, 12.5px);--text-sm:clamp(12.5px, .78vw, 13.5px);--text-base:clamp(14px, .88vw, 15px);--text-md:clamp(15px, .95vw, 16px);--text-lg:clamp(17px, 1.1vw, 18px);--text-xl:clamp(20px, 1.5vw, 24px);--text-2xl:clamp(24px, 2vw, 32px);--text-hero:clamp(32px, 3.5vw, 48px);--font-regular:400;--font-medium:500;--font-semibold:600;--font-bold:700;--leading-tight:1.2;--leading-snug:1.4;--leading-normal:1.6;--leading-relaxed:1.75;--tracking-tight:-.025em;--tracking-normal:0;--tracking-wide:.04em;--tracking-wider:.08em;--tracking-widest:.12em;--radius-sm:8px;--radius:12px;--radius-lg:16px;--radius-xl:20px;--radius-full:9999px;--ease-out:cubic-bezier(.22, 1, .36, 1)}[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#16181c;--bg-2:#1e2025;--bg-3:#232529;--surface:#1e2025c7;--surface-solid:#1e2025;--surface-2:#26282fd9;--surface-3:#343741f2;--surface-elevated:#2d3038eb;--surface-glass:#1e2025a6;--border-subtle:#ffffff0a;--border:#ffffff0f;--border-2:#ffffff1a;--border-strong:#ffffff24;--fg:#f0ede8;--fg-secondary:#c8c4bd;--fg-muted:#a8a29e;--fg-dim:#78716c;--fg-faint:#9a9189;--primary:#f59e0b;--primary-2:#fbbf24;--primary-3:#d97706;--primary-dim:#f59e0b26;--primary-glow:#f59e0b40;--primary-soft:#f59e0b1f;--secondary:#0ea5e9;--secondary-2:#38bdf8;--secondary-3:#0284c7;--secondary-dim:#0ea5e926;--secondary-glow:#0ea5e940;--secondary-soft:#0ea5e91f;--tertiary:#a78bfa;--tertiary-2:#c4b5fd;--tertiary-3:#8b5cf6;--tertiary-dim:#a78bfa26;--tertiary-glow:#a78bfa40;--tertiary-soft:#a78bfa1f;--ok:#34d399;--ok-soft:#34d3991f;--ok-dim:#34d39926;--ok-glow:#34d39940;--warn:#f97316;--warn-soft:#f973161f;--warn-dim:#f9731626;--warn-glow:#f9731640;--bad:#f87171;--bad-soft:#f871711f;--bad-dim:#f8717126;--bad-glow:#f8717140;--info:#60a5fa;--info-soft:#60a5fa1f;--info-dim:#60a5fa26;--info-glow:#60a5fa40;--gradient-primary:linear-gradient(135deg, #f59e0b 0%, #fbbf24 50%, #f59e0b 100%);--gradient-hero:radial-gradient(600px circle at 16% 0%, #f59e0b2e, transparent 55%), linear-gradient(180deg, #ffffff0f, #ffffff05);--gradient-card:linear-gradient(180deg, #ffffff0d, #ffffff03);--gradient-success:linear-gradient(135deg, #34d399 0%, #10b981 100%);--gradient-info:linear-gradient(135deg, #60a5fa 0%, #3b82f6 100%);--gradient-warn:linear-gradient(135deg, #f97316 0%, #f59e0b 100%);--gradient-bad:linear-gradient(135deg, #f87171 0%, #ef4444 100%);--dopamine-gradient:linear-gradient(135deg, #f59e0b 0%, #fbbf24 35%, #34d399 100%);--shadow-sm:0 1px 3px #0000004d, 0 1px 0 #ffffff05 inset;--shadow-md:0 4px 12px #0006, 0 1px 0 #ffffff05 inset;--shadow-lg:0 20px 60px -28px #000000b8, 0 1px 0 #ffffff08 inset;--shadow-xl:0 32px 80px -24px #000c, 0 1px 0 #ffffff08 inset;--shadow-card:0 4px 24px #0006, 0 1px 0 #ffffff08 inset;--shadow-glow-primary:0 0 24px #f59e0b33;--shadow-glow-secondary:0 0 24px #0ea5e933;--shadow-glow-ok:0 0 24px #34d39933;--glow:radial-gradient(700px circle at 14% -6%, #f59e0b1a, transparent 58%), radial-gradient(560px circle at 88% 6%, #fbbf240f, transparent 62%);--glow-primary:radial-gradient(600px circle at 20% 0%, #f59e0b24, transparent 55%);--glow-secondary:radial-gradient(600px circle at 20% 0%, #0ea5e91f, transparent 55%);--glow-ok:radial-gradient(600px circle at 20% 0%, #34d3991f, transparent 55%);--glow-warn:radial-gradient(600px circle at 20% 0%, #f973161f, transparent 55%);--chart-hadir:#34d399;--chart-telat:#f97316;--chart-izin:#0ea5e9;--chart-sakit:#f87171;--chart-alpa:#78716c;--chart-open:#f59e0b;--chart-closed:#34d399;--chart-scheduled:#0ea5e9;--chart-missed:#f87171}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{font-family:var(--font-sans);font-size:var(--text-base);color:var(--fg);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;line-height:1.6}.app{grid-template-columns:280px 1fr;min-height:100vh;display:grid}@media (width<=1440px){.content{max-width:1400px}}@media (width<=1024px){.app{grid-template-columns:260px 1fr}}@media (width<=768px){.app{flex-direction:column;display:flex}}.side{z-index:150;background:var(--glow), var(--bg-2);border-right:1px solid var(--border);scrollbar-gutter:stable;flex-direction:column;width:280px;min-width:280px;height:100vh;display:flex;position:sticky;top:0;overflow:hidden auto}.side:before{content:"";pointer-events:none;z-index:0;background:linear-gradient(#f59e0b0d 0%,#0000 100%);height:140px;position:absolute;top:0;left:0;right:0}.side .brand{border-bottom:1px solid var(--border);z-index:1;align-items:center;gap:12px;padding:18px 20px;display:flex;position:relative}.brand-mark{border-radius:var(--radius);background:var(--surface);border:1px solid var(--border);flex-shrink:0;place-items:center;width:44px;height:44px;display:grid;overflow:hidden;box-shadow:0 0 12px #f59e0b1a}.brand-logo{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;display:block}.brand-text{flex-direction:column;line-height:1.2;display:flex}.brand-name{font-family:var(--font-serif);font-weight:var(--font-bold);letter-spacing:var(--tracking-tight);background:linear-gradient(135deg, var(--primary), var(--primary-2));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:18px}.brand-sub{color:var(--fg-dim);font-size:10px;font-family:var(--font-mono);letter-spacing:var(--tracking-wider);text-transform:uppercase;margin-top:2px}.nav-body{z-index:1;flex:1;padding:14px 12px;position:relative}.nav-block{margin-bottom:8px}.nav-section{font-size:var(--text-2xs);letter-spacing:.12em;text-transform:uppercase;color:var(--fg-dim);opacity:.7;margin-bottom:6px;padding:0 10px;font-weight:600;display:block}.nav-item{border-radius:var(--radius);width:100%;min-height:44px;color:var(--fg-muted);font-size:var(--text-sm);transition:all .22s var(--ease-out);cursor:pointer;text-align:left;will-change:background, color;background:0 0;border:none;align-items:center;gap:12px;margin-bottom:2px;padding:10px 14px;font-family:inherit;text-decoration:none;display:flex;position:relative}.nav-item:hover{background:var(--primary-dim);color:var(--primary);transform:translate(2px)}.nav-item:focus-visible{box-shadow:0 0 0 2px var(--primary-glow);background:var(--primary-soft);outline:none}.nav-item.active{background:var(--primary-dim);color:var(--primary);font-weight:var(--font-semibold)}.nav-item.active:before{content:"";background:var(--primary);width:3px;box-shadow:0 0 8px var(--primary-glow);border-radius:0 3px 3px 0;position:absolute;top:8px;bottom:8px;left:0}.side-foot{border-top:1px solid var(--border);z-index:1;padding:14px 16px;position:relative}.side-user{border-radius:var(--radius);border:1px solid var(--border);transition:all .2s var(--ease-out);background:#ffffff05;align-items:center;gap:10px;padding:10px 12px;display:flex}.side-user:hover{border-color:var(--border-2);background:var(--surface)}.side-user-info{flex:1;min-width:0}.side-user-name{font-size:var(--text-sm);font-weight:var(--font-semibold);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.side-user-role{font-size:var(--text-2xs);color:var(--fg-dim);font-weight:var(--font-medium);letter-spacing:var(--tracking-wide);text-transform:uppercase}.side-backdrop{z-index:140;-webkit-backdrop-filter:blur(6px);background:#0000008c;display:none;position:fixed;inset:0}@media (width<=768px){.side{width:80vw;max-width:320px;min-width:unset;transition:left .3s var(--ease-out);box-shadow:var(--shadow-xl);position:fixed;top:0;left:-100%}.side.side-open{left:0}.side-backdrop.side-open{animation:.2s fadeIn;display:block}}.topbar{z-index:100;background:var(--surface-glass);-webkit-backdrop-filter:blur(20px)saturate(1.2);border-bottom:1px solid var(--border);align-items:center;gap:12px;min-height:56px;padding:10px 22px;display:flex;position:sticky;top:0;box-shadow:0 1px 3px #0000001a}.top-spacer{flex:1}.crumb{font-size:var(--text-sm);color:var(--fg);align-items:center;gap:4px;display:flex}.crumb .now{color:var(--fg);font-weight:600}.system-ribbon{align-items:center;gap:6px;display:flex}.top-status{font-size:var(--text-2xs);color:var(--fg);font-family:var(--font-mono);letter-spacing:var(--tracking-wide)}.top-status.online .connection-lamp{background:var(--ok);box-shadow:0 0 6px var(--ok)}.top-status.checking .connection-lamp{background:var(--warn);animation:1.2s infinite pulse}.top-status.offline .connection-lamp{background:var(--bad);box-shadow:0 0 6px var(--bad)}.searchbox{align-items:center;gap:8px;min-width:180px;max-width:320px;display:flex;position:relative}.searchbox input{background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius-full);color:var(--fg);font-size:var(--text-xs);min-width:0;transition:all .2s var(--ease-out);outline:none;flex:1;padding:6px 12px}.searchbox input:hover{border-color:var(--border-2)}.search-results{z-index:400;background:var(--surface-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);animation:menuIn .22s var(--ease-out);-webkit-backdrop-filter:blur(12px);padding:6px;position:absolute;top:calc(100% + 6px);left:0;right:0}@keyframes menuIn{0%{opacity:0;transform:scale(.97)translateY(-8px)}to{opacity:1;transform:scale(1)translateY(0)}}.search-results button{border-radius:var(--radius-sm);width:100%;color:var(--fg);font-size:var(--text-sm);cursor:pointer;transition:all .15s var(--ease-out);background:0 0;border:none;align-items:center;gap:8px;padding:8px 10px;display:flex}.search-results button:hover{background:var(--surface-2);transform:translate(2px)}.search-results button:focus-visible{background:var(--primary-soft);box-shadow:inset 0 0 0 1px var(--primary);outline:none}.search-results button small{color:var(--fg-muted);font-size:var(--text-2xs);margin-left:auto}.connection-lamp{border-radius:var(--radius-full);width:7px;height:7px;transition:all .3s var(--ease-out);display:inline-block}.connection-lamp.online{background:var(--ok);box-shadow:0 0 6px var(--ok)}.connection-lamp.offline{background:var(--bad);box-shadow:0 0 6px var(--bad)}.connection-lamp.checking{background:var(--warn);animation:1.2s infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.main{background:var(--bg-2);flex-direction:column;min-height:100vh;display:flex}.content{flex:1;max-width:1600px;padding:22px 26px 40px}@media (width<=768px){.content{max-width:100%;padding:14px 16px 24px}}@media (width<=640px){.content{padding:12px 14px 20px}}.login{background:radial-gradient(circle at 20% 15%, #f59e0b1f, transparent 32%), radial-gradient(circle at 82% 78%, #0ea5e91a, transparent 30%), var(--bg);grid-template-columns:minmax(0,1fr) 460px;min-height:100vh;display:grid;position:relative;overflow:hidden}.login:before{content:"";pointer-events:none;opacity:.18;background-image:linear-gradient(#ffffff09 1px,#0000 1px),linear-gradient(90deg,#ffffff09 1px,#0000 1px);background-size:52px 52px;position:fixed;inset:0;-webkit-mask-image:radial-gradient(circle at 40% 45%,#000,#0000 72%);mask-image:radial-gradient(circle at 40% 45%,#000,#0000 72%)}.login-v2{grid-template-columns:minmax(0,1.18fr) minmax(390px,430px)}@media (width<=1024px){.login-v2{grid-template-columns:minmax(0,1fr) 380px}}@media (width<=900px){.login,.login-v2{grid-template-columns:1fr}.login-left{border-right:0;border-bottom:1px solid var(--border);min-height:280px;max-height:38vh;display:block}.login-left-content{justify-content:center;min-height:280px;padding:22px 20px}.login-topbar,.login-divider,.login-specs{display:none}.login-hero{max-width:560px;margin:0}.login-hero h1{font-size:clamp(26px,8vw,38px)}.login-hero p{display:none}.login-right{place-items:center;min-height:auto;padding:20px;display:grid}.login-card:after{content:"e-Hadir · MAN 1 Rokan Hulu";text-align:center;font-size:var(--text-2xs);color:var(--fg-dim);letter-spacing:var(--tracking-wide);font-family:var(--font-mono);margin-top:20px;display:block}}.login-left{background:var(--bg-2);border-right:1px solid var(--border);flex-direction:column;display:flex;position:relative;overflow:hidden}.login-v2 .login-left{isolation:isolate;background:linear-gradient(120deg,#0a0c102e,#0a0c109e),url(/images/man1-gedung.png) 50%/cover no-repeat;border-right:none}.login-left-overlay{background:radial-gradient(circle at 18% 18%,#f59e0b4d,#0000 28%),radial-gradient(circle at 82% 76%,#10b98129,#0000 30%),linear-gradient(160deg,#0a0c12f0 0%,#121824c2 42%,#0a0c12f0 100%);position:absolute;inset:0}.login-left-overlay:after{content:"";background:linear-gradient(90deg,#0000 0%,#00000026 54%,#0000008c 100%);position:absolute;inset:0}.login-left-content{z-index:2;flex-direction:column;justify-content:space-between;height:100%;padding:40px 44px;display:flex;position:relative;overflow-y:auto}.login-left-content:before{content:"";opacity:.04;z-index:-1;pointer-events:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100'%3E%3Cpath d='M50 0 L100 50 L50 100 L0 50 Z' fill='none' stroke='%23f59e0b' stroke-width='1'/%3E%3Ccircle cx='50' cy='50' r='20' fill='none' stroke='%23f59e0b' stroke-width='0.5'/%3E%3Cpath d='M50 20 L80 50 L50 80 L20 50 Z' fill='none' stroke='%23f59e0b' stroke-width='0.5'/%3E%3C/svg%3E");width:320px;height:320px;position:absolute;top:-80px;right:-80px}.login-topbar{justify-content:space-between;align-items:center;margin-bottom:32px;display:flex}.login-hero{flex-direction:column;gap:18px;margin-bottom:28px;display:flex}.login-hero .eyebrow{font-family:var(--font-sans);font-size:var(--text-xs);letter-spacing:.18em;text-transform:uppercase;color:var(--primary);align-items:center;gap:10px;font-weight:700;display:flex}.login-v2 .login-hero .eyebrow{color:var(--primary-2)}.dot{border-radius:var(--radius-full);background:var(--primary);width:6px;height:6px;display:inline-block}.login-v2 .dot{background:var(--primary-2);box-shadow:0 0 8px #fbbf2480}.login-hero h1{font-family:var(--font-serif);font-size:clamp(34px,4.2vw,64px);font-weight:var(--font-bold);color:var(--fg);text-shadow:0 8px 40px #00000075;letter-spacing:-.04em;max-width:720px;line-height:.98}.grad{background:var(--dopamine-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.login-hero p{font-size:var(--text-lg);color:var(--fg-secondary);line-height:var(--leading-relaxed);max-width:560px;font-weight:300}.login-divider{background:linear-gradient(90deg, var(--primary), var(--primary-2));border-radius:3px;width:48px;height:3px;margin:8px 0 24px;box-shadow:0 0 12px #f59e0b4d}.chip-light{border:1px solid var(--border-2);color:var(--fg-secondary);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:all .25s var(--ease-out);background:#ffffff0f}.chip-light:hover{border-color:var(--border-strong);box-shadow:var(--shadow-sm);background:#ffffff1a;transform:translateY(-1px)}.login-specs{flex-wrap:wrap;gap:12px;display:flex}.login-spec{border:1px solid var(--border);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);min-width:140px;transition:all .25s var(--ease-out);background:#ffffff0a;flex:1;padding:14px 18px}.login-spec:hover{border-color:var(--border-2);box-shadow:var(--shadow-md);background:#ffffff12;transform:translateY(-2px)}.login-spec .k{font-size:var(--text-2xs);letter-spacing:.12em;color:var(--primary-2);margin-bottom:4px;font-weight:700;display:block}.login-spec .v{font-size:var(--text-xs);color:var(--fg-dim);font-weight:300}.login-brand-name{font-weight:var(--font-bold);color:var(--fg);font-size:15px}.login-brand-sub{font-family:var(--font-mono);color:var(--fg-dim);letter-spacing:var(--tracking-wide);font-size:11px}.login-role-label{font-family:var(--font-mono);letter-spacing:var(--tracking-wider);color:var(--fg);opacity:.9;font-size:11px}.login-right{background:radial-gradient(circle at 85% 16%, #f59e0b1a, transparent 26%), radial-gradient(circle at 12% 82%, #0ea5e914, transparent 30%), var(--bg);flex-direction:column;justify-content:center;align-items:center;padding:32px 36px;display:flex;position:relative;overflow:hidden}.login-right:before{content:"";background:linear-gradient(180deg, var(--bg-2), transparent);pointer-events:none;height:200px;position:absolute;top:0;left:0;right:0}.login-card{z-index:1;border:1px solid var(--border-2);-webkit-backdrop-filter:blur(28px)saturate(1.2);width:100%;max-width:400px;animation:scaleIn .42s var(--ease-out);background:#1e2025b8;border-radius:28px;padding:30px;position:relative;box-shadow:0 28px 90px -32px #000000db,inset 0 0 0 1px #f59e0b0a}.login-card:before{content:"";background:linear-gradient(90deg, transparent, var(--primary), var(--secondary), transparent);opacity:.75;border-radius:2px;height:2px;position:absolute;top:0;left:24px;right:24px}.login-role-tabs{border:1px solid var(--border);border-radius:var(--radius-lg);background:#ffffff09;padding:4px}.login-role-option{border-radius:calc(var(--radius-lg) - 4px);min-height:38px}.login-role-option.primary{box-shadow:0 0 18px #f59e0b38}.login-card .field{margin-bottom:18px}.login-card .input{min-height:46px}.login-footer{flex-direction:column;align-items:center;gap:10px;margin-top:24px;display:flex}.login-footer-line{background:linear-gradient(90deg, transparent, var(--primary), transparent);opacity:.5;border-radius:2px;width:40px;height:2px}.login-footer-text{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;display:flex}.login-footer-brand{font-size:var(--text-xs);color:var(--fg);letter-spacing:.02em;font-weight:600}.login-footer-dot{border-radius:var(--radius-full);background:var(--fg-dim);width:3px;height:3px;display:inline-block}.login-footer-tag{font-size:var(--text-2xs);color:var(--fg-muted);font-weight:400}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);transition:all .25s var(--ease-out);box-shadow:var(--shadow-sm);will-change:transform, box-shadow;padding:20px;position:relative;overflow:hidden}.card:hover{border-color:var(--border-2);box-shadow:var(--shadow-md)}.card-elevated{background:var(--surface-2);border:1px solid var(--border-2);box-shadow:var(--shadow-card)}.card-elevated:hover{border-color:var(--border-strong);box-shadow:var(--shadow-lg), var(--shadow-glow-primary);transform:translateY(-2px)}.card-glass{background:var(--surface-glass);border:1px solid var(--border-2);-webkit-backdrop-filter:blur(20px);box-shadow:var(--shadow-md)}.card-glass:hover{border-color:var(--border-strong);box-shadow:var(--shadow-lg);transform:translateY(-1px)}.card-flat{border:1px solid var(--border);box-shadow:none;background:0 0}.card-flat:hover{border-color:var(--border-2);background:var(--surface);box-shadow:var(--shadow-sm)}.card-head{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:16px;display:flex}.card-head.compact{margin-bottom:10px}.card-title{font-size:var(--text-md);font-weight:var(--font-semibold)}.card-sub{font-size:var(--text-xs);color:var(--fg-muted);margin-top:2px}.btn{border-radius:var(--radius);font-size:var(--text-sm);font-weight:var(--font-medium);background:var(--surface-2);color:var(--fg);cursor:pointer;transition:all .18s var(--ease-out);will-change:transform;border:1px solid #0000;justify-content:center;align-items:center;gap:6px;padding:8px 16px;line-height:1.4;text-decoration:none;display:inline-flex}.btn:hover{filter:brightness(1.15);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.btn:active{filter:brightness(.95);transform:translateY(0)scale(.98)}.btn:focus-visible{box-shadow:0 0 0 2px var(--bg), 0 0 0 4px var(--primary);outline:none}.btn:disabled{opacity:1;cursor:not-allowed;background:var(--surface-2);color:var(--fg-muted);border-color:var(--border);filter:none!important;transform:none!important}.btn.primary{background:var(--primary);color:#1c1917;border-color:var(--primary);box-shadow:0 1px 3px #f59e0b33}.btn.primary:hover{background:var(--primary-2);border-color:var(--primary-2);box-shadow:0 4px 12px #f59e0b40}.btn.secondary{background:var(--secondary);color:#fff;border-color:var(--secondary)}.btn.secondary:hover{background:var(--secondary-2);border-color:var(--secondary-2)}.btn.danger{color:#fff;background:#b91c1c;border-color:#b91c1c}.btn.danger:hover{background:#991b1b;border-color:#991b1b;box-shadow:0 4px 12px #b91c1c40}.btn.primary:disabled{color:#111827;background:#b45309;border-color:#b45309}.btn.danger:disabled{color:#fff;background:#991b1b;border-color:#991b1b}.btn.ghost{border-color:var(--border);color:var(--fg-muted);background:0 0}.btn.ghost:hover{background:var(--surface-2);color:var(--fg);box-shadow:none}.btn.sm{font-size:var(--text-xs);border-radius:var(--radius-sm);min-height:32px;padding:5px 10px}.btn.lg{font-size:var(--text-md);border-radius:var(--radius-lg);min-height:48px;padding:12px 22px}.btn.icon{border-radius:var(--radius);min-width:36px;min-height:36px;padding:7px}.btn.icon:hover{transform:translateY(-1px)}.table-wrap{border-radius:var(--radius-lg);border:1px solid var(--border);background:#ffffff06;overflow-x:auto;box-shadow:inset 0 1px #ffffff08}.data-table{border-collapse:separate;border-spacing:0;width:100%;min-width:720px;font-size:var(--text-sm)}.data-table thead{z-index:2;position:sticky;top:0}.data-table th{background:var(--surface-elevated);font-weight:700;font-size:var(--text-2xs);text-transform:uppercase;letter-spacing:.08em;color:var(--fg-muted);text-align:left;border-bottom:1px solid var(--border);padding:11px 12px}.data-table td{border-bottom:1px solid var(--border);color:var(--fg);vertical-align:top;padding:11px 12px}.data-table tbody tr:last-child td{border-bottom:none}.data-table tbody tr{transition:all .2s var(--ease-out)}.data-table tbody tr:hover td{background:var(--surface-2)}.data-table tbody tr:hover{box-shadow:inset 3px 0 0 var(--primary)}.data-table tbody tr:active td{background:var(--surface-3)}.data-table .cell-actions{text-align:right;min-width:120px}.cell-wrap{overflow-wrap:anywhere;align-items:center;gap:6px;min-width:0;max-width:360px;display:inline-flex}.attendance-table-wrap .data-table{min-width:560px}.table-actions{justify-content:flex-end}.pill{border-radius:var(--radius-full);font-size:var(--text-xs);background:var(--surface-elevated);color:var(--fg-muted);border:1px solid var(--border);transition:all .2s var(--ease-out);align-items:center;gap:5px;padding:3px 10px;font-weight:600;display:inline-flex}.pill.hadir{background:var(--ok-soft);color:var(--ok)}.pill.telat{background:var(--warn-soft);color:var(--warn)}.pill.izin{background:var(--info-soft);color:var(--info)}.pill.sakit{background:var(--bad-soft);color:var(--bad)}.pill.alpa{background:var(--fg-dim);color:#fff;opacity:.85}.pill.ok{background:var(--ok-soft);color:var(--ok)}.pill.bad{background:var(--bad-soft);color:var(--bad)}.pill.warn{background:var(--warn-soft);color:var(--warn)}.pill.info{background:var(--info-soft);color:var(--info)}.pill.acc{background:var(--primary-dim);color:var(--primary)}input,textarea,select{background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius);color:var(--fg);font-size:var(--text-sm);transition:all .2s var(--ease-out);outline:none;width:100%;padding:9px 12px}input:hover,textarea:hover,select:hover{border-color:var(--border-2)}input:focus-visible,textarea:focus-visible,select:focus-visible{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow);background:var(--bg-3)}:is(.input:has(input:invalid:not(:-moz-placeholder-shown)),.input:has(textarea:invalid:not(:-moz-placeholder-shown))),:is(.input:has(input:invalid:not(:placeholder-shown)),.input:has(textarea:invalid:not(:placeholder-shown))){border-color:var(--bad);box-shadow:0 0 0 2px var(--bad-glow)}:is(.input:has(input:invalid:not(:-moz-placeholder-shown))>svg:first-child,.input:has(textarea:invalid:not(:-moz-placeholder-shown))>svg:first-child),:is(.input:has(input:invalid:not(:placeholder-shown))>svg:first-child,.input:has(textarea:invalid:not(:placeholder-shown))>svg:first-child){color:var(--bad)}.input:has(input:valid:not(:-moz-placeholder-shown)){border-color:var(--ok)}.input:has(input:valid:not(:placeholder-shown)){border-color:var(--ok)}.input:has(input:valid:not(:-moz-placeholder-shown))>svg:first-child{color:var(--ok)}.input:has(input:valid:not(:placeholder-shown))>svg:first-child{color:var(--ok)}input::-moz-placeholder{color:var(--fg-faint)}textarea::-moz-placeholder{color:var(--fg-faint)}input::placeholder,textarea::placeholder{color:var(--fg-faint)}label,.field-label{font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--fg-muted);margin-bottom:5px;display:block}.field-row{flex-wrap:wrap;gap:14px;display:flex}.field-row .field{flex:1;min-width:200px}.input{border:1px solid var(--border);border-radius:var(--radius);transition:all .2s var(--ease-out);background:#ffffff09;align-items:center;gap:8px;min-height:42px;padding:0 10px;display:flex;position:relative}.input:hover{border-color:var(--border-2);background:#ffffff0d}.input:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow), 0 0 18px #f59e0b1a;background:var(--bg-3)}.input input:focus,.input textarea:focus,.input select:focus{box-shadow:none}.input>svg:first-child{color:var(--fg-muted);transition:color .2s var(--ease-out);flex-shrink:0}.input:focus-within>svg:first-child{color:var(--primary)}.input input,.input textarea,.input select{color:var(--fg);font-size:var(--text-sm);background:0 0;border:none;outline:none;flex:1;min-width:0;padding:9px 0;font-family:inherit}.login-password-wrap{position:relative}.login-password-wrap .input input{padding-right:40px}.login-pw-toggle{z-index:2;cursor:pointer;width:30px;height:30px;color:var(--fg-muted);min-width:30px;min-height:30px;transition:color .2s var(--ease-out), background .2s var(--ease-out);background:0 0;border:none;border-radius:10px;justify-content:center;align-items:center;padding:0;display:flex;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.login-pw-toggle:hover{color:var(--primary);background:#f59e0b1a}.modal-overlay,.modal-backdrop{z-index:500;-webkit-backdrop-filter:blur(8px);background:#000000a6;place-items:center;padding:20px;animation:.2s fadeIn;display:grid;position:fixed;inset:0}.modal{background:var(--surface-elevated);border:1px solid var(--border);border-radius:var(--radius-xl);width:100%;max-width:520px;box-shadow:var(--shadow-xl);padding:24px;animation:.3s cubic-bezier(.22,1,.36,1) modalSlideIn}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(24px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.toast{z-index:600;border-radius:var(--radius-lg);background:var(--surface-elevated);border:1px solid var(--border);box-shadow:var(--shadow-lg);font-size:var(--text-sm);-webkit-backdrop-filter:blur(12px);max-width:380px;transition:opacity .3s var(--ease-out), transform .3s var(--ease-out);padding:12px 18px;animation:.4s cubic-bezier(.22,1,.36,1) toastSlideIn;position:fixed;top:18px;right:18px}.toast.toast-exit{opacity:0;transform:translate(40px)scale(.95)}@keyframes toastSlideIn{0%{opacity:0;transform:translate(40px)scale(.95)}to{opacity:1;transform:translate(0)scale(1)}}.toast.ok{border-left:3px solid var(--ok);box-shadow:var(--shadow-lg), -4px 0 12px var(--ok-glow)}.toast.bad{border-left:3px solid var(--bad);box-shadow:var(--shadow-lg), -4px 0 12px var(--bad-glow)}.toast.warn{border-left:3px solid var(--warn);box-shadow:var(--shadow-lg), -4px 0 12px var(--warn-glow)}.dropdown-menu{z-index:400;background:var(--surface-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);min-width:180px;box-shadow:var(--shadow-lg);animation:menuIn .22s var(--ease-out);-webkit-backdrop-filter:blur(12px);padding:6px;position:absolute}.dropdown-menu button{border-radius:var(--radius-sm);width:100%;color:var(--fg);font-size:var(--text-sm);cursor:pointer;transition:all .18s var(--ease-out);background:0 0;border:none;align-items:center;gap:8px;padding:8px 10px;display:flex}.dropdown-menu button:hover{background:var(--surface-2);transform:translate(2px)}.dropdown-menu button:focus-visible{background:var(--primary-soft);color:var(--primary);outline:none}.wizard-steps{align-items:center;gap:8px;margin-bottom:18px;display:flex}.wizard-step{border-radius:var(--radius-full);font-size:var(--text-xs);background:var(--surface);border:1px solid var(--border);color:var(--fg-muted);transition:all .2s var(--ease-out);align-items:center;gap:6px;padding:6px 12px;font-weight:600;display:flex}.wizard-step.on{background:var(--primary-dim);color:var(--primary);border-color:var(--primary);box-shadow:0 0 12px var(--primary-glow)}.timeline-lite{padding-left:22px;position:relative}.timeline-lite:before{content:"";background:var(--border);width:2px;position:absolute;top:0;bottom:0;left:7px}.timeline-item{transition:all .2s var(--ease-out);padding-bottom:14px;position:relative}.timeline-item:hover{transform:translate(2px)}.timeline-dot{border-radius:var(--radius-full);background:var(--surface-elevated);border:2px solid var(--border);width:10px;height:10px;transition:all .2s var(--ease-out);position:absolute;top:4px;left:-18px}.timeline-dot.ok{background:var(--ok);border-color:var(--ok);box-shadow:0 0 8px var(--ok-glow)}.timeline-dot.warn{background:var(--warn);border-color:var(--warn);box-shadow:0 0 8px var(--warn-glow)}.timeline-dot.bad{background:var(--bad);border-color:var(--bad);box-shadow:0 0 8px var(--bad-glow)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spin{animation:.8s linear infinite spin;display:inline-block}.btn .spin{vertical-align:middle}.btn:disabled .spin{opacity:.6}.empty-state{text-align:center;animation:fadeInUp .4s var(--ease-out);flex-direction:column;align-items:center;gap:8px;padding:32px 20px;display:flex}.empty-state__icon{border-radius:var(--radius-lg);background:var(--surface);width:48px;height:48px;color:var(--fg-muted);place-items:center;display:grid}.empty-state__title{color:var(--fg);font-weight:600}.empty-state__sub{font-size:var(--text-sm);color:var(--fg-muted);max-width:320px}@keyframes skeletonShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.notif-wrapper{display:inline-flex;position:relative}.notif-dot{border-radius:var(--radius-full);background:var(--bad);border:2px solid var(--bg);z-index:1;width:8px;height:8px;box-shadow:0 0 6px var(--bad-glow);animation:2s infinite pulse-glow;position:absolute;top:4px;right:4px}.page-head{justify-content:space-between;align-items:flex-end;gap:18px;margin-bottom:22px;display:flex}.eyebrow{font-size:var(--text-xs);font-weight:var(--font-semibold);letter-spacing:var(--tracking-widest);text-transform:uppercase;color:var(--primary);align-items:center;gap:8px;margin-bottom:8px;display:flex}.dot{border-radius:var(--radius-full);background:currentColor;flex:none;width:7px;height:7px;box-shadow:0 0 10px}.page-title{font-family:var(--font-serif);font-size:var(--text-2xl);font-weight:var(--font-bold);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight);margin-bottom:6px}.page-sub{font-size:var(--text-sm);color:var(--fg-muted);line-height:var(--leading-normal);max-width:640px}.page-actions{flex-wrap:wrap;align-items:center;gap:10px;margin-top:12px;display:flex}.stat-premium{background:var(--surface-2);border:1px solid var(--border-2);border-radius:var(--radius-lg);transition:all .25s var(--ease-out);box-shadow:var(--shadow-sm);will-change:transform, box-shadow;padding:18px}.stat-premium:hover{border-color:var(--border-strong);box-shadow:var(--shadow-card), 0 0 20px var(--primary-glow);transform:translateY(-3px)}.stat-premium:active{transform:translateY(-1px)}.stat-premium.ok{border-color:var(--ok-dim)}.stat-premium.ok:hover{box-shadow:var(--shadow-card), 0 0 20px var(--ok-glow)}.stat-premium.warn{border-color:var(--warn-dim)}.stat-premium.warn:hover{box-shadow:var(--shadow-card), 0 0 20px var(--warn-glow)}.stat-premium.bad{border-color:var(--bad-dim)}.stat-premium.bad:hover{box-shadow:var(--shadow-card), 0 0 20px var(--bad-glow)}.stat-premium.info{border-color:var(--info-dim)}.stat-premium.info:hover{box-shadow:var(--shadow-card), 0 0 20px var(--info-glow)}.stat-premium:focus-visible{box-shadow:0 0 0 2px var(--bg), 0 0 0 4px var(--primary);outline:none}.stat-icon{border-radius:var(--radius);background:var(--surface);border:1px solid var(--border);width:40px;height:40px;color:var(--fg-muted);place-items:center;margin-bottom:12px;display:grid}.stat-icon.ok{background:var(--ok-soft);color:var(--ok);border-color:var(--ok-dim);box-shadow:0 0 12px var(--ok-glow)}.stat-icon.warn{background:var(--warn-soft);color:var(--warn);border-color:var(--warn-dim);box-shadow:0 0 12px var(--warn-glow)}.stat-icon.bad{background:var(--bad-soft);color:var(--bad);border-color:var(--bad-dim);box-shadow:0 0 12px var(--bad-glow)}.stat-icon.info{background:var(--info-soft);color:var(--info);border-color:var(--info-dim);box-shadow:0 0 12px var(--info-glow)}.stat-label{font-size:var(--text-xs);color:var(--fg-muted);font-weight:var(--font-medium);letter-spacing:var(--tracking-wide);text-transform:uppercase;margin-bottom:6px}.stat-num{font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--fg);font-family:var(--font-serif);font-variant-numeric:tabular-nums;line-height:var(--leading-tight)}.stat-delta{font-size:var(--text-xs);font-weight:var(--font-medium);margin-top:6px}.stat-delta.ok{color:var(--ok)}.stat-delta.warn{color:var(--warn)}.stat-delta.bad{color:var(--bad)}.metric-cluster{gap:16px;display:grid}.metric-cluster.g-2{grid-template-columns:repeat(2,1fr)}.metric-cluster.g-3{grid-template-columns:repeat(3,1fr)}.metric-cluster.g-4{grid-template-columns:repeat(4,1fr)}@media (width<=1024px){.metric-cluster.g-4{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.metric-cluster.g-2,.metric-cluster.g-3,.metric-cluster.g-4{grid-template-columns:1fr}}.hero-panel{border-radius:var(--radius-xl);border:1px solid var(--border-2);box-shadow:var(--shadow-card);background:linear-gradient(135deg,#ffffff0a,#ffffff04);justify-content:space-between;align-items:center;gap:24px;padding:28px;display:flex;position:relative;overflow:hidden}.hero-panel:before{content:"";pointer-events:none;background:radial-gradient(at 10% 20%,#f59e0b14,#0000 46%);position:absolute;inset:0}.hero-panel.admin:before{background:radial-gradient(at 10% 20%,#f59e0b1a,#0000 46%)}.hero-panel.teacher:before{background:radial-gradient(at 10% 20%,#34d3991a,#0000 46%)}.hero-panel.student:before{background:radial-gradient(at 10% 20%,#0ea5e91a,#0000 46%)}.hero-panel-copy{z-index:1;flex:1;min-width:0;position:relative}.hero-panel-copy h2{font-family:var(--font-serif);font-size:clamp(22px,2.6vw,32px);font-weight:var(--font-bold);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight);margin-bottom:8px}.hero-panel-copy p{font-size:var(--text-sm);color:var(--fg-muted);line-height:var(--leading-normal);max-width:480px}.hero-panel-side{z-index:1;flex-shrink:0;position:relative}@media (width<=768px){.hero-panel{flex-direction:column;align-items:stretch;padding:22px 20px}}.section-shell{margin-bottom:24px}.section-shell-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:14px;display:flex}.section-shell-head h3{font-family:var(--font-serif);font-size:var(--text-lg);font-weight:var(--font-bold);line-height:var(--leading-tight)}.section-shell-head p{font-size:var(--text-sm);color:var(--fg-muted);margin-top:4px}.section-shell-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.section-shell-body{position:relative}.quick-action-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);cursor:pointer;transition:all .25s var(--ease-out);text-align:left;will-change:transform, box-shadow;flex-direction:column;gap:8px;width:100%;padding:18px;display:flex}.quick-action-card:hover{border-color:var(--primary);box-shadow:var(--shadow-glow-primary);transform:translateY(-3px)}.quick-action-card:active{box-shadow:var(--shadow-sm);transform:translateY(-1px)}.quick-action-card:focus-visible{box-shadow:0 0 0 2px var(--bg), 0 0 0 4px var(--primary);outline:none}.quick-action-card>b{font-weight:var(--font-bold);color:var(--fg);font-size:15px}.quick-action-card>small{color:var(--fg-muted);font-size:12px;line-height:1.5}.quick-action-card>em{font-size:12px;font-style:normal;font-weight:var(--font-semibold);color:var(--primary);margin-top:4px}.quick-action-card.ok{border-left:3px solid var(--ok)}.quick-action-card.bad{border-left:3px solid var(--bad)}.quick-action-card.warn{border-left:3px solid var(--warn)}.role-task-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;margin-bottom:20px;display:grid}.grid{gap:16px;display:grid}.g-2{grid-template-columns:repeat(2,1fr)}.g-3{grid-template-columns:repeat(3,1fr)}.g-4{grid-template-columns:repeat(4,1fr)}@media (width<=1024px){.g-4,.g-3{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.g-2,.g-3,.g-4{grid-template-columns:1fr}}.row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.row.end{justify-content:flex-end}.muted{color:var(--fg-muted)}.mono{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:var(--tracking-wide)}.cards-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px;display:grid}.checkline{color:var(--fg-muted);font-size:var(--text-sm);align-items:center;gap:8px;padding:8px 0;display:flex}.checkline svg{color:var(--ok);flex-shrink:0}.activation-code-card{border:1px dashed var(--primary);border-radius:var(--radius-lg);background:var(--primary-soft);text-align:center;padding:20px}.activation-code-label{font-size:var(--text-xs);color:var(--fg-muted);text-transform:uppercase;letter-spacing:var(--tracking-wider);margin-bottom:6px}.activation-code-value{font-family:var(--font-mono);font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--primary);letter-spacing:.15em;word-break:break-all}.codeblock{font-family:var(--font-mono);font-size:var(--text-xs);border-radius:var(--radius);background:var(--bg);border:1px solid var(--border);color:var(--fg-secondary);padding:12px 14px;line-height:1.6;overflow-x:auto}.security-note{border-radius:var(--radius);background:var(--warn-soft);border:1px solid var(--warn-dim);color:var(--fg-muted);font-size:var(--text-xs);align-items:flex-start;gap:10px;padding:12px 14px;display:flex}.security-note svg{color:var(--warn);flex-shrink:0;margin-top:1px}.smart-help{border:1px solid var(--border);border-radius:var(--radius-lg);color:var(--fg-muted);font-size:var(--text-sm);line-height:var(--leading-relaxed);background:#ffffff08;padding:14px 16px}.cleanup-preview{gap:10px;display:grid}.cleanup-card{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);transition:all .2s var(--ease-out);justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;display:flex}.cleanup-card:hover{border-color:var(--border-2)}.simple-summary{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;padding:16px;display:grid}.pagination{justify-content:center;align-items:center;gap:12px;padding:12px 0;display:flex}.attendance-table-wrap{border-radius:var(--radius-lg);border:1px solid var(--border);overflow-x:auto}.faint{color:var(--fg-faint)}.fw-600{font-weight:600}.chip{border-radius:var(--radius-full);border:1px solid var(--border);font-size:var(--text-xs);color:var(--fg-muted);background:var(--surface);transition:all .2s var(--ease-out);align-items:center;gap:6px;padding:5px 11px;display:inline-flex}.chip:hover{border-color:var(--border-2);background:var(--surface-2)}@media (width<=768px){.table-wrap{background:0 0;border:none;overflow:visible}.data-table{border-collapse:collapse;min-width:0}.data-table thead{display:none}.data-table tbody{gap:10px;display:grid}.data-table tr{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);padding:10px;display:block}.data-table td{border:none;justify-content:space-between;gap:14px;padding:8px 0;display:flex}.data-table td:before{content:attr(data-label) ":";color:var(--fg-muted);font-weight:700;font-size:var(--text-2xs);text-transform:uppercase;letter-spacing:.06em;flex:0 0 38%}.data-table .cell-actions{text-align:left}.cell-wrap{text-align:right;justify-content:flex-end;max-width:62%}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-2);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--fg-dim)}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (width<=768px){.btn,button,[role=button],a{min-height:44px}.btn.sm{min-height:36px}.btn.icon{min-width:44px;min-height:44px}.statuspick button{min-width:64px;min-height:44px}}::-moz-selection{background:var(--primary-dim);color:var(--primary-2)}::selection{background:var(--primary-dim);color:var(--primary-2)}.pad{padding:20px}.state{text-align:center;color:var(--fg-muted);padding:40px 20px}.app-state{text-align:center;animation:fadeInUp .35s var(--ease-out);place-items:center;gap:9px;padding:28px 20px;display:grid}.app-state-icon{border:1px solid var(--border);width:46px;height:46px;color:var(--primary);background:#ffffff0b;border-radius:16px;place-items:center;display:grid;box-shadow:inset 0 1px #ffffff0a}.app-state b{color:var(--fg);font-size:var(--text-md)}.app-state span:not(.app-state-icon){max-width:520px;color:var(--fg-muted);line-height:1.5}.app-state.bad{border-color:color-mix(in srgb, var(--bad) 36%, var(--border));background:linear-gradient(135deg,#ef44441a,#ffffff08)}.app-state.bad .app-state-icon{color:var(--bad);background:#ef44441f;border-color:#ef444447}.loading-state .app-state-icon{color:var(--primary)}.state-detail{max-width:560px;color:var(--fg-faint);font-size:var(--text-xs);word-break:break-word;line-height:1.45}.app-state-action{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:6px;display:flex}.hline{background:var(--border);height:1px;margin:16px 0}.tabs{border:1px solid var(--border);border-radius:var(--radius-lg);scrollbar-width:none;-ms-overflow-style:none;background:#ffffff08;gap:4px;width:fit-content;max-width:100%;padding:4px;display:flex;overflow-x:auto}.tabs::-webkit-scrollbar{display:none}.tabs .btn{border-radius:calc(var(--radius-lg) - 4px);white-space:nowrap;flex-shrink:0}.management-grid,.user-preset-grid,.preset-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px;margin-bottom:18px;display:grid}.preset-card{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);cursor:pointer;transition:all .22s var(--ease-out);align-items:center;gap:12px;padding:16px;display:flex}.preset-card:hover{border-color:var(--border-2);background:var(--surface-2);box-shadow:var(--shadow-md);transform:translateY(-2px)}.preset-card.selected{border-color:var(--primary);background:var(--primary-soft);box-shadow:0 0 16px var(--primary-glow)}.preset-card:focus-visible{box-shadow:0 0 0 2px var(--bg), 0 0 0 4px var(--primary);outline:none}.preset-icon{border-radius:var(--radius);background:var(--surface-2);border:1px solid var(--border);width:42px;height:42px;color:var(--fg-muted);flex-shrink:0;place-items:center;display:grid}.preset-card.selected .preset-icon{background:var(--primary-dim);color:var(--primary);border-color:var(--primary)}.inline-error{border-radius:var(--radius-sm);background:var(--bad-soft);color:var(--bad);font-size:var(--text-xs);font-weight:var(--font-medium);border:1px solid var(--bad-dim);animation:fadeInUp .3s var(--ease-out);align-items:center;gap:8px;margin:8px 0 14px;padding:8px 12px;display:flex}.hide-sm{display:inline}@media (width<=480px){.hide-sm{display:none}}.table-actions{flex-wrap:wrap;gap:8px;display:flex}.quick-route-list{flex-direction:column;gap:4px;display:flex}.quick-route-list button{border-radius:var(--radius);width:100%;min-height:44px;color:var(--fg);font-size:var(--text-sm);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:10px;padding:10px 14px;font-family:inherit;display:flex}.quick-route-list button:hover{background:var(--surface-2)}.quick-route-list button:focus-visible{outline:2px solid var(--primary);outline-offset:-2px}.quick-route-list button span{flex:1}.dashboard-redesign{background:var(--glow)}.dashboard-hero{border:1px solid var(--border-2);border-radius:var(--radius-xl);background:var(--gradient-hero);box-shadow:var(--shadow-lg), 0 0 48px #0000001f;grid-template-columns:minmax(0,1.55fr) minmax(280px,.85fr);align-items:stretch;gap:20px;margin:0 0 24px;padding:clamp(20px,3vw,32px);display:grid;position:relative;overflow:hidden}.dashboard-hero:after{content:"";background:var(--primary-dim);filter:blur(40px);pointer-events:none;opacity:.65;border-radius:999px;width:380px;height:380px;position:absolute;inset:auto -100px -160px auto}.dashboard-hero:before{content:"";background:var(--secondary-dim);filter:blur(50px);pointer-events:none;opacity:.45;border-radius:999px;width:300px;height:300px;position:absolute;inset:-60px auto auto -60px}.admin-hero{background:radial-gradient(600px circle at 10% 10%, #f59e0b24, transparent 52%), var(--gradient-hero)}.dashboard-hero-copy{z-index:1;flex-direction:column;justify-content:center;gap:14px;display:flex;position:relative}.dashboard-hero-copy h2{max-width:780px;font-family:var(--font-serif);font-size:clamp(28px,3.2vw,44px);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight);margin:0}.dashboard-hero-copy p{max-width:680px;color:var(--fg-muted);font-size:var(--text-md);line-height:var(--leading-relaxed);margin:0}.dashboard-hero-actions{flex-wrap:wrap;align-items:center;gap:12px;margin-top:10px;display:flex}.dashboard-hero-panel{z-index:1;border:1px solid var(--border-2);border-radius:var(--radius-lg);background:var(--surface-glass);-webkit-backdrop-filter:blur(20px);min-height:220px;box-shadow:var(--shadow-md);align-content:center;gap:18px;padding:20px;display:grid;position:relative}.dashboard-hero-panel.compact{min-height:unset}.hero-kpi-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.hero-kpi-grid.vertical{grid-template-columns:1fr}.hero-kpi-grid span{border:1px solid var(--border);border-radius:var(--radius);color:var(--fg-muted);font-size:var(--text-xs);transition:all .2s var(--ease-out);background:#ffffff0a;gap:4px;padding:14px;display:grid}.hero-kpi-grid span:hover{border-color:var(--border-2);background:#ffffff12;transform:translateY(-1px)}.hero-kpi-grid b{color:var(--fg);font:var(--font-bold) clamp(24px, 3.2vw, 36px)/var(--leading-tight) var(--font-serif);font-variant-numeric:tabular-nums}.dashboard-meta span{align-items:center;gap:6px;display:inline-flex}.teacher-hero{background:radial-gradient(560px at 16% 0,#34d39929,#0000 52%),radial-gradient(400px at 90% 90%,#34d39914,#0000 40%),linear-gradient(135deg,#ffffff12,#ffffff06)}.teacher-hero:after{background:#34d3991f!important}.student-hero{background:radial-gradient(560px at 16% 0,#0ea5e929,#0000 52%),radial-gradient(400px at 90% 90%,#0ea5e914,#0000 40%),linear-gradient(135deg,#ffffff12,#ffffff06)}.student-hero:after{background:#0ea5e91f!important}.chart-summary{margin-top:18px}.chart-empty{min-height:120px;color:var(--fg-muted);font-size:var(--text-sm);border:1px dashed var(--border);border-radius:var(--radius);place-items:center;display:grid}.chart-empty.small{min-height:74px}.chart-ring-wrap,.donut-panel{align-items:center;gap:18px;display:flex}.chart-ring,.donut{background:conic-gradient(var(--primary) calc(var(--value,0) * 1%), #ffffff14 0);border-radius:50%;flex:none;place-items:center;width:116px;height:116px;display:grid;box-shadow:inset 0 0 0 10px #0003}.chart-ring span,.donut span{background:var(--surface-solid);width:74px;height:74px;font:700 20px/1 var(--font-serif);color:var(--fg);border-radius:50%;place-items:center;display:grid}.chart-title{font-weight:var(--font-bold);color:var(--fg)}.chart-sub{color:var(--fg-muted);font-size:var(--text-xs);margin-top:4px}.stacked-chart{gap:12px;display:grid}.stacked-track{border-radius:var(--radius-full);background:#ffffff12;height:16px;display:flex;overflow:hidden}.stacked-seg{background:var(--primary);min-width:3px}.stacked-seg.ok{background:var(--ok)}.stacked-seg.warn{background:var(--warn)}.stacked-seg.bad{background:var(--bad)}.stacked-seg.info{background:var(--info)}.stacked-legend,.donut-legend{color:var(--fg-muted);font-size:var(--text-xs);flex-wrap:wrap;gap:8px 12px;display:flex}.stacked-legend span,.donut-legend span{align-items:center;gap:6px;display:inline-flex}.stacked-legend i,.donut-legend i{background:var(--primary);border-radius:99px;width:9px;height:9px}.stacked-legend i.ok{background:var(--ok)}.stacked-legend i.warn{background:var(--warn)}.stacked-legend i.bad{background:var(--bad)}.stacked-legend i.info{background:var(--info)}.stacked-legend b,.donut-legend b{color:var(--fg);font-family:var(--font-mono)}.trend-chart{grid-template-columns:repeat(7,minmax(40px,1fr));align-items:end;gap:12px;min-height:190px;display:grid}.trend-col{text-align:center;min-height:180px;color:var(--fg-muted);font-size:var(--text-xs);grid-template-rows:auto 1fr auto;gap:8px;display:grid}.trend-track{border-radius:var(--radius);background:#ffffff0a;justify-content:center;align-items:end;min-height:122px;display:flex;position:relative;overflow:hidden}.trend-bar{border-radius:var(--radius) var(--radius) 0 0;background:linear-gradient(180deg, var(--primary-2), var(--primary));width:100%}.trend-value{color:var(--fg);font-weight:var(--font-bold);font-family:var(--font-mono)}.hbar-list{gap:10px;display:grid}.hbar-row{font-size:var(--text-xs);color:var(--fg-muted);grid-template-columns:minmax(90px,1fr) 2fr auto;align-items:center;gap:10px;display:grid}.hbar-track{background:#ffffff12;border-radius:99px;height:8px;overflow:hidden}.hbar-track span{border-radius:inherit;background:var(--dopamine-gradient);height:100%;display:block}.hbar-value{color:var(--fg);font-family:var(--font-mono)}.dashboard-mini-list{gap:10px;display:grid}.dashboard-mini-row{border:1px solid var(--border);border-radius:var(--radius);transition:all .2s var(--ease-out);background:#ffffff08;justify-content:space-between;gap:12px;padding:11px 12px;display:flex}.dashboard-mini-row:hover{border-color:var(--border-2);background:#ffffff0d}.dashboard-mini-main{align-items:center;gap:10px;min-width:0;display:flex}.dashboard-mini-main b{color:var(--fg);font-size:var(--text-sm);display:block}.dashboard-mini-main span,.dashboard-mini-side{color:var(--fg-muted);font-size:var(--text-xs)}.dashboard-list-empty,.empty{text-align:center;color:var(--fg-muted);border:1px dashed var(--border);border-radius:var(--radius-lg);background:#ffffff06;place-items:center;gap:9px;padding:28px 18px;display:grid}.empty b{color:var(--fg);font-size:var(--text-md)}.empty .app-state-icon{color:var(--fg-muted);background:#ffffff09}.friendly-empty{text-align:center;color:var(--fg-muted);border:1px dashed var(--border);border-radius:var(--radius-lg);background:var(--gradient-card);animation:fadeInUp .4s var(--ease-out);place-items:center;gap:10px;padding:32px 20px;display:grid}.friendly-empty b{color:var(--fg);font-size:var(--text-md)}.friendly-empty-action{margin-top:8px}.ava{width:34px;height:34px;font-weight:var(--font-bold);font-size:var(--text-xs);border-radius:50%;flex:none;place-items:center;display:grid}.simple-help{border-radius:var(--radius-lg);color:var(--fg-muted);background:linear-gradient(135deg,#f59e0b1a,#ffffff06);border:1px solid #f59e0b2e;margin:0 0 18px;padding:16px 18px;box-shadow:inset 0 1px #ffffff09}.simple-help b{color:var(--fg);margin-bottom:6px;display:block}.simple-help ul{margin:0;padding-left:18px}.step-guide{border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);background:linear-gradient(135deg,#ffffff0b,#ffffff05);margin-bottom:18px;padding:16px}.step-guide-title{font-weight:var(--font-bold);margin-bottom:10px}.step-guide-list{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;display:grid}.step-guide-item{border-radius:var(--radius);color:var(--fg-muted);font-size:var(--text-xs);transition:all .2s var(--ease-out);background:#ffffff09;border:1px solid #0000;align-items:flex-start;gap:8px;padding:10px;display:flex}.step-guide-item:hover{border-color:var(--border-2);background:#ffffff0e}.step-guide-item b{background:var(--primary);color:#1c1917;width:20px;height:20px;box-shadow:0 0 10px var(--primary-glow);border-radius:50%;flex:none;place-items:center;display:grid}.attendance-checkpoint{border:1px solid var(--border-2);border-radius:var(--radius-xl);background:var(--gradient-card);box-shadow:var(--shadow-sm);grid-template-columns:minmax(180px,320px) 1fr;align-items:center;gap:18px;margin-bottom:20px;padding:18px;display:grid}.attendance-checkpoint .eyebrow{margin-bottom:4px}.attendance-checkpoint b{font-family:var(--font-serif);color:var(--fg);font-size:clamp(28px,4vw,42px);line-height:1;display:block}.attendance-checkpoint small{color:var(--fg-muted);margin-top:6px;display:block}.roster-progress{background:var(--bg-3);border:1px solid var(--border);border-radius:999px;height:12px;overflow:hidden;box-shadow:inset 0 1px 3px #0000004d}.roster-progress>div{border-radius:inherit;background:var(--dopamine-gradient);min-width:0;height:100%;transition:width .4s var(--ease-out);box-shadow:0 0 8px #f59e0b4d}.roster{gap:10px;margin-top:16px;display:grid}.roster-row{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);transition:all .2s var(--ease-out);grid-template-columns:36px 34px minmax(160px,1fr) auto;align-items:center;gap:12px;padding:12px 14px;display:grid}.roster-row:hover{border-color:var(--border-2);background:var(--surface-2);box-shadow:var(--shadow-sm)}.roster-row:active{background:var(--surface-3)}.roster-meta{font-size:var(--text-2xs);color:var(--fg-dim);font-family:var(--font-mono);letter-spacing:var(--tracking-wide)}.roster-idx{font-size:var(--text-2xs);color:var(--fg-muted);text-align:center;font-weight:var(--font-medium);border-radius:var(--radius);background:var(--surface-2);width:32px;height:32px;font-family:var(--font-mono);place-items:center;font-size:11px;display:grid}.roster-name{font-weight:var(--font-bold);color:var(--fg)}.roster-meta{color:var(--fg-muted);font-size:var(--text-xs)}.statuspick{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}.statuspick button{border:1px solid var(--border);border-radius:var(--radius-full);min-width:56px;min-height:36px;color:var(--fg-muted);font:600 var(--text-xs)/1 var(--font-sans);cursor:pointer;transition:all .18s var(--ease-out);background:#ffffff0a;padding:6px 12px}.statuspick button:hover:not(:disabled){border-color:var(--primary);color:var(--primary);transform:translateY(-1px)}.statuspick button:focus-visible{box-shadow:0 0 0 2px var(--primary-glow);outline:none}.statuspick button:active:not(:disabled){transform:scale(.95)}.statuspick button.on{color:#1c1917;background:var(--primary);border-color:#0000;box-shadow:0 2px 8px #f59e0b4d}.statuspick button.on.hadir{background:var(--ok);color:#fff;box-shadow:0 2px 10px var(--ok-glow)}.statuspick button.on.telat{background:var(--warn);color:#1c1917;box-shadow:0 2px 10px var(--warn-glow)}.statuspick button.on.izin{background:var(--info);color:#fff;box-shadow:0 2px 10px var(--info-glow)}.statuspick button.on.sakit{background:var(--tertiary);color:#fff;box-shadow:0 2px 10px var(--tertiary-glow)}.statuspick button.on.alpa{background:var(--bad);color:#fff;box-shadow:0 2px 10px var(--bad-glow)}.dock{border:1px solid var(--border);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(16px);transition:all .2s var(--ease-out);background:#14161ad1;justify-content:space-between;align-items:center;gap:12px;margin-top:16px;padding:10px 12px;display:flex}.dock-sticky{z-index:60;box-shadow:var(--shadow-lg);position:sticky;bottom:12px}.dock-stats{flex-wrap:wrap;gap:8px;display:flex}.dock-stats .s{border-radius:var(--radius-full);border:1px solid var(--border);background:#ffffff0d;align-items:center;gap:6px;padding:5px 9px;display:inline-flex}.dock-stats .k{color:var(--fg-muted);font-size:11px}.dock-stats .v{color:var(--fg);font-family:var(--font-mono);font-weight:var(--font-bold)}.skip-link{z-index:1000;background:var(--primary);color:#1c1917;border-radius:var(--radius);box-shadow:var(--shadow-lg);padding:10px 18px;font-weight:600;transition:left .2s;position:fixed;bottom:16px;left:-1000px}.skip-link:focus{left:16px}.print-letterhead{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);align-items:center;gap:16px;margin-bottom:20px;padding:14px 18px;display:flex}.print-letterhead img{-o-object-fit:contain;object-fit:contain;border-radius:var(--radius-sm);width:48px;max-width:100%;height:48px}.print-letterhead b{font-size:var(--text-md);color:var(--fg);display:block}.print-letterhead span{font-size:var(--text-xs);color:var(--fg-muted)}.print-signature{border-top:1px dashed var(--border);color:var(--fg-muted);font-size:var(--text-xs);grid-template-columns:1fr 1fr;gap:24px;margin-top:24px;padding-top:16px;line-height:1.6;display:grid}a:focus-visible,button:focus-visible,[tabindex]:not([tabindex="-1"]):focus-visible{outline:2px solid var(--primary);outline-offset:2px}input:focus,textarea:focus,select:focus,input:focus-visible,textarea:focus-visible,select:focus-visible{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow)}.hamburger{display:none}@media (width<=768px){.hamburger{display:flex}.topbar{gap:8px;min-height:52px;padding:8px 12px}.crumb{display:none}.searchbox{flex:1;min-width:0;max-width:none}.page-head{margin-bottom:14px}.page-title{font-size:clamp(24px,8vw,32px);line-height:1.12}.page-actions{align-items:stretch}.page-actions>*,.page-actions .field,.page-actions .input{width:100%}.card{border-radius:var(--radius-lg);padding:16px}.role-task-grid{grid-template-columns:1fr}.quick-action-card{min-height:92px}.dashboard-hero{border-radius:var(--radius-lg);grid-template-columns:1fr;padding:18px}.dashboard-hero-copy h2{font-size:clamp(26px,9vw,34px)}.dashboard-hero-actions .btn{width:100%}.dashboard-hero-panel{min-height:unset}.hero-kpi-grid{grid-template-columns:1fr}.chart-ring-wrap,.donut-panel{align-items:flex-start}.trend-chart{gap:7px;padding-bottom:6px;overflow-x:auto}.trend-col{min-width:54px}.hbar-row{grid-template-columns:1fr;gap:5px}.dashboard-mini-row{flex-direction:column;align-items:flex-start}.attendance-checkpoint{grid-template-columns:1fr}.roster-row{grid-template-columns:30px 34px minmax(0,1fr);align-items:start}.roster-row .statuspick{grid-column:1/-1;justify-content:stretch}.statuspick button{flex:88px;min-height:36px}.dock{flex-direction:column;align-items:stretch}.dock-stats{grid-template-columns:repeat(5,1fr);gap:6px;display:grid}.dock-stats .s{justify-items:center;gap:2px;padding:7px 4px;display:grid}}@media (width<=480px){.content{padding:12px 12px 22px}.login-card{border-radius:22px;padding:24px}.login-role-tabs{flex-direction:column}.login-role-option{min-height:44px}.g-2,.g-3,.g-4{gap:12px}.chart-ring,.donut{width:96px;height:96px}.chart-ring span,.donut span{width:62px;height:62px;font-size:17px}.dock-stats{grid-template-columns:repeat(3,1fr)}.management-grid,.user-preset-grid,.preset-grid{grid-template-columns:1fr}.section-shell-head{flex-direction:column;align-items:stretch}.section-shell-actions{justify-content:flex-start}.stat-premium{padding:14px}.hero-panel-copy h2{font-size:clamp(20px,6vw,28px)}}.tour-backdrop{z-index:520;-webkit-backdrop-filter:blur(10px);background:radial-gradient(circle at 50% 30%,#f59e0b1f,#0000 34%),#000000b8;place-items:center;padding:20px;animation:.2s fadeIn;display:grid;position:fixed;inset:0}.tour-card{border:1px solid var(--border-2);width:min(520px,100%);box-shadow:var(--shadow-xl), 0 0 36px #f59e0b1a;animation:modalSlideIn .3s var(--ease-out);background:#1e2025db;border-radius:26px;padding:24px}.tour-top{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:16px;display:flex}.tour-icon{width:46px;height:46px;color:var(--primary);background:var(--primary-soft);border:1px solid var(--primary-dim);box-shadow:0 0 16px var(--primary-glow);border-radius:16px;place-items:center;display:grid}.tour-progress{gap:6px;margin:18px 0;display:flex}.tour-progress span{border-radius:var(--radius-full);background:var(--border-2);width:28px;height:4px;transition:all .2s var(--ease-out)}.tour-progress span.on{background:var(--primary);width:42px;box-shadow:0 0 10px var(--primary-glow)}.tour-action{margin-top:16px}.tour-foot{justify-content:space-between;align-items:center;gap:12px;margin-top:20px;display:flex}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes pulse-ring{0%{transform:scale(.95);box-shadow:0 0 #f59e0b66}70%{transform:scale(1);box-shadow:0 0 0 10px #f59e0b00}to{transform:scale(.95);box-shadow:0 0 #f59e0b00}}.animate-fade-in{animation:.3s forwards fadeIn}.animate-fade-in-up{animation:fadeInUp .4s var(--ease-out) forwards}.animate-scale-in{animation:scaleIn .3s var(--ease-out) forwards}.animate-slide-in-right{animation:slideInRight .35s var(--ease-out) forwards}.stagger-children>*{opacity:0;animation:fadeInUp .35s var(--ease-out) forwards}.stagger-children>:first-child{animation-delay:50ms}.stagger-children>:nth-child(2){animation-delay:.1s}.stagger-children>:nth-child(3){animation-delay:.15s}.stagger-children>:nth-child(4){animation-delay:.2s}.stagger-children>:nth-child(5){animation-delay:.25s}.stagger-children>:nth-child(6){animation-delay:.3s}.stagger-children>:nth-child(7){animation-delay:.35s}.stagger-children>:nth-child(8){animation-delay:.4s}.roster>.roster-row{opacity:0;animation:.25s forwards fadeInUp}.roster>.roster-row:first-child{animation-delay:20ms}.roster>.roster-row:nth-child(2){animation-delay:40ms}.roster>.roster-row:nth-child(3){animation-delay:60ms}.roster>.roster-row:nth-child(4){animation-delay:80ms}.roster>.roster-row:nth-child(5){animation-delay:.1s}.roster>.roster-row:nth-child(6){animation-delay:.12s}.roster>.roster-row:nth-child(7){animation-delay:.14s}.roster>.roster-row:nth-child(8){animation-delay:.16s}.pill.pulse{animation:2s infinite pulse-ring}.stagger-children>.card{animation:fadeInUp .3s var(--ease-out) forwards}.skeleton{background:linear-gradient(90deg, var(--surface) 25%, var(--surface-2) 50%, var(--surface) 75%);border-radius:var(--radius-sm);background-size:200% 100%;animation:1.5s infinite shimmer}.page-enter{animation:fadeInUp .4s var(--ease-out) forwards}.hover-lift{transition:transform .25s var(--ease-out), box-shadow .25s var(--ease-out)}.hover-lift:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.hover-glow{transition:box-shadow .25s var(--ease-out), border-color .25s var(--ease-out)}.hover-glow:hover{box-shadow:0 0 16px var(--primary-glow);border-color:var(--primary)}.hover-scale{transition:transform .2s var(--ease-out)}.hover-scale:hover{transform:scale(1.02)}.focus-ring:focus-visible{box-shadow:0 0 0 2px var(--bg), 0 0 0 4px var(--primary);outline:none}.press-effect:active{transition:transform .1s;transform:scale(.97)}.smooth-bg{transition:background .2s var(--ease-out), color .2s var(--ease-out), border-color .2s var(--ease-out)}.connection-lamp.online{animation:2s infinite pulse-glow}@keyframes pulse-glow{0%,to{box-shadow:0 0 6px var(--ok)}50%{box-shadow:0 0 12px var(--ok), 0 0 4px var(--ok)}}.searchbox input:focus-visible{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow);background:var(--bg-3)}.inline-note{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-2);width:100%;color:var(--fg-muted);font-size:var(--text-sm);align-items:center;gap:8px;padding:10px 12px;display:inline-flex}.inline-note.ok{border-color:var(--ok);color:var(--ok);background:var(--ok-soft)}.inline-note.bad{border-color:var(--bad);color:var(--bad);background:var(--bad-soft)}.inline-note.warn{border-color:var(--warn);color:var(--warn);background:var(--warn-soft)}@media print{*,:before,:after{box-shadow:none!important;text-shadow:none!important;transition:none!important;animation:none!important}body{font-size:12px;color:#000!important;background:#fff!important}.side,.topbar,.side-backdrop,.skip-link,.toast,.modal-overlay,.modal-backdrop,.tour-backdrop,.btn,button,.hamburger,.searchbox,.system-ribbon{display:none!important}.app{grid-template-columns:1fr!important;display:block!important}.main{max-width:100%!important;padding:0!important;overflow:visible!important}.content{max-width:100%!important;padding:16px!important;overflow:visible!important}.card,.card-elevated,.card-glass,.card-flat{-moz-column-break-inside:avoid;break-inside:avoid;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:#fff!important;border:1px solid #ddd!important}.dashboard-hero,.hero-panel,.stat-premium{background:#f9f9f9!important;border:1px solid #ddd!important}.metric-cluster{gap:8px}.section-shell{-moz-column-break-inside:avoid;break-inside:avoid}.data-table{font-size:10px;min-width:auto!important}.table-wrap{border:none!important;overflow:visible!important}.data-table thead{background:#eee!important}.data-table th,.data-table td{padding:4px 8px;border:1px solid #ddd!important}.roster-row{background:#fff!important;border:1px solid #ddd!important}.statuspick button,.pill{color:#000!important;background:#fff!important;border:1px solid #ddd!important}.dock,.dock-sticky{display:none!important}a{text-decoration:underline;color:#000!important}.print-letterhead,.print-signature{display:block!important}.page-head{-moz-column-break-after:avoid;break-after:avoid}h1,h2,h3,h4{-moz-column-break-after:avoid;break-after:avoid;color:#000!important}@page{margin:1.5cm}}.login-password-wrap{margin-bottom:6px}.login-form>button[type=submit],.login-form>.btn{margin-top:10px!important}