: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;width:100%;max-width:100%;overflow-x:clip}body{width:100%;max-width:100%;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;overflow-x:clip}#root{width:100%;max-width:100%;overflow-x:clip}@supports not (overflow-x:clip){html,body,#root{overflow-x:hidden}}.app{grid-template-columns:280px 1fr;min-height:100vh;display:grid}.content{flex:1;max-width:1600px;padding:22px 26px 40px}@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;min-width:0;line-height:1.18;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;overflow-wrap:anywhere;-webkit-line-clamp:2;-webkit-background-clip:text;background-clip:text;-webkit-box-orient:vertical;max-width:178px;font-size:14px;display:-webkit-box;overflow:hidden}.brand-sub{color:var(--fg-dim);font-size:10px;font-family:var(--font-mono);letter-spacing:var(--tracking-wider);text-transform:uppercase;white-space:normal;overflow-wrap:anywhere;margin-top:3px}.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-width:0;max-width:100vw;min-height:56px;padding:10px 22px;display:flex;position:sticky;top:0;box-shadow:0 1px 3px #0000001a}.top-spacer{flex:1;min-width:0}.crumb{font-size:var(--text-sm);color:var(--fg);align-items:center;gap:4px;min-width:0;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}.picket-student-search-results{max-height:240px;color:var(--fg);overflow-y:auto}.picket-student-search-status{font-size:var(--text-sm);padding:10px 12px}.picket-student-search-status.is-error{color:var(--bad)}.picket-student-search-results button{text-align:left;align-items:flex-start}.picket-student-search-copy{flex-direction:column;gap:2px;min-width:0;display:flex}.picket-student-search-copy b{color:var(--fg);font-weight:650}.picket-student-search-copy small{color:var(--fg-muted);margin-left:0}.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-width:0;min-height:100vh;display:flex}.content{flex:1;width:100%;min-width:0;max-width:1600px;margin:0 auto;padding:22px 26px 40px}@media (width<=768px){.content{max-width:100%;padding:14px 16px 24px}}@media (width<=640px){.content{padding:12px 14px 20px}}.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}select{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}select option,select optgroup{background-color:var(--bg-2);color:var(--fg)}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(:placeholder-shown)),.input:has(textarea:invalid:not(: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(:placeholder-shown))>svg:first-child,.input:has(textarea:invalid:not(: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-label{justify-content:space-between;align-items:center;gap:8px;display:flex}.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}.modal-card{background:var(--surface-elevated);border:1px solid var(--border);border-radius:var(--radius-xl);width:min(920px,96vw);max-height:92vh;box-shadow:var(--shadow-xl);padding:24px;animation:.3s cubic-bezier(.22,1,.36,1) modalSlideIn;overflow:auto}.siab2-control-backdrop{z-index:540;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#02070cc7}.siab2-control-panel{color:#f7fbff;background:#09111c;border-color:#89aacc3d;width:min(760px,96vw);padding:0}.siab2-control-head{border-bottom:1px solid #89aacc24;grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:14px;padding:22px;display:grid}.siab2-control-icon{color:#d7e7f8;background:#89aacc1f;border:1px solid #89aacc3d;border-radius:15px;place-items:center;width:44px;height:44px;display:grid}.siab2-control-head small{color:#89aacc;font:800 10px/1.2 var(--font-mono);letter-spacing:.13em}.siab2-control-head h2{letter-spacing:-.025em;margin:4px 0;font-size:22px}.siab2-control-head p{color:#e8f2fc9e;margin:0;font-size:12px}.siab2-control-actions{background:#89aacc1f;border-bottom:1px solid #89aacc24;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;display:grid}.siab2-control-actions button{color:#edf6ff;text-align:left;cursor:pointer;background:#0c1724;border:0;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:11px;min-height:78px;padding:15px 18px;display:grid}.siab2-control-actions button:hover,.siab2-control-actions button:focus-visible{background:#122235;outline:none}.siab2-control-actions button>svg:first-child{color:#89aacc}.siab2-control-actions button span{gap:3px;display:grid}.siab2-control-actions button small{color:#e8f2fc94;line-height:1.4}.siab2-pilot-cleanup{gap:16px;padding:22px;display:grid}.siab2-control-section-title{color:#d7e7f8;justify-content:space-between;gap:16px;display:flex}.siab2-control-section-title h3{margin:0 0 6px;font-size:16px}.siab2-control-section-title p{color:#e8f2fc9e;max-width:68ch;margin:0;font-size:13px;line-height:1.55}.siab2-pilot-form{grid-template-columns:minmax(180px,1fr) auto;align-items:end;gap:12px;display:grid}.siab2-pilot-counts{border:1px solid #89aacc2e;border-radius:16px;grid-template-columns:repeat(4,minmax(0,1fr));display:grid;overflow:hidden}.siab2-pilot-counts span{color:#e8f2fc9e;border-right:1px solid #89aacc24;gap:4px;padding:13px;font-size:11px;display:grid}.siab2-pilot-counts span:last-child{border-right:0}.siab2-pilot-counts b{color:#fff;font-size:20px}.siab2-pilot-confirm{gap:12px;padding-top:4px;display:grid}@media (width<=640px){.siab2-control-actions,.siab2-pilot-form{grid-template-columns:1fr}.siab2-pilot-counts{grid-template-columns:repeat(2,1fr)}.siab2-pilot-counts span:nth-child(2){border-right:0}}.account-delete-preview-list{gap:10px;max-height:280px;margin:16px 0;display:grid;overflow:auto}.account-delete-preview-row{border:1px solid var(--border);border-radius:var(--radius-lg);background:#0f172a08;grid-template-columns:minmax(180px,1fr) auto auto;align-items:center;gap:10px;padding:12px;display:grid}.account-delete-preview-row small{color:var(--fg-muted);grid-column:1/-1}.warn-text{color:#b45309!important}.bad-text{color:#b91c1c!important}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(24px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.siab2-confirm-backdrop{-webkit-backdrop-filter:blur(18px)saturate(1.18);background:radial-gradient(460px at 50% 22%,#89aacc2e,#0000 62%),#02070cbd}.siab2-confirm-modal{color:#f7fbff;background:linear-gradient(135deg,#101e2df5,#070d16f0),#080f18f5;border:1px solid #89aacc3d;border-radius:26px;max-width:468px;padding:0;position:relative;overflow:hidden;box-shadow:0 34px 90px #00000075,inset 0 1px #ffffff14}.siab2-confirm-modal:before{content:"";pointer-events:none;opacity:.78;background:radial-gradient(360px at 12% 0,#89aacc2e,#0000 58%),linear-gradient(90deg,#89aacc1a,#0000 30% 70%,#4e85bf14);position:absolute;inset:0}.siab2-confirm-modal>*{z-index:1;position:relative}.siab2-confirm-top{grid-template-columns:auto minmax(0,1fr) auto;align-items:flex-start;gap:14px;padding:22px 22px 14px;display:grid}.siab2-confirm-icon{color:#d7e7f8;background:linear-gradient(135deg,#89aacc2e,#4e85bf1a);border:1px solid #89aacc47;border-radius:16px;place-items:center;width:44px;height:44px;display:grid;box-shadow:0 18px 34px #00000042}.siab2-confirm-heading{gap:5px;min-width:0;display:grid}.siab2-confirm-heading span{color:#89aacc;font:800 10px/1.2 var(--font-mono);letter-spacing:.16em;text-transform:uppercase}.siab2-confirm-heading h2{color:#fff;font-family:var(--font-serif);letter-spacing:-.03em;margin:0;font-size:24px;line-height:1.08}.siab2-confirm-close{color:#f1f7ffb8;border-color:#89aacc2e}.siab2-confirm-description{color:#e8f2fcb8;margin:0;padding:0 22px 22px 80px;font-size:14px;line-height:1.65}.siab2-confirm-actions{background:#ffffff07;border-top:1px solid #89aacc24;justify-content:flex-end;gap:10px;padding:16px 22px 22px;display:flex}.siab2-confirm-actions .btn{border-radius:999px;min-height:44px;padding-inline:18px}.siab2-confirm-primary.btn.primary{color:#06101b;background:linear-gradient(135deg,#9fc2e1,#4e85bf);border-color:#89aacc8a;box-shadow:0 18px 38px #4e85bf3d,inset 0 1px #ffffff4d}.siab2-confirm-secondary.btn.ghost{color:#f1f7ffc7;background:#ffffff0b;border-color:#89aacc2e}@media (width<=520px){.siab2-confirm-top{grid-template-columns:auto 1fr;padding:20px 18px 12px}.siab2-confirm-close{grid-column:2;justify-self:end;margin-top:-44px}.siab2-confirm-description{padding:0 18px 20px}.siab2-confirm-actions{padding:14px 18px 18px}.siab2-confirm-actions .btn{flex:1;justify-content:center}}.toast{z-index:600;border-radius:var(--radius-lg);color:#f0ede8;border:1px solid var(--border-2);box-shadow:var(--shadow-lg);font-size:var(--text-sm);max-width:380px;transition:opacity .3s var(--ease-out), transform .3s var(--ease-out);background:#1e2025;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);color:#ecfdf5;box-shadow:var(--shadow-lg), -4px 0 12px var(--ok-glow);background:#14241c}.toast.bad{border-left:3px solid var(--bad);color:#fee2e2;box-shadow:var(--shadow-lg), -4px 0 12px var(--bad-glow);background:#2a1518}.toast.warn{border-left:3px solid var(--warn);color:#ffedd5;box-shadow:var(--shadow-lg), -4px 0 12px var(--warn-glow);background:#2a1c12}.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-wrapper .btn.icon{position:relative}.notif-badge{border-radius:var(--radius-full);background:var(--primary);color:#1c1917;border:2px solid var(--bg-2);min-width:18px;height:18px;font:800 10px/1 var(--font-sans);letter-spacing:-.02em;pointer-events:none;justify-content:center;align-items:center;padding:0 5px;display:inline-flex;position:absolute;top:-4px;right:-4px;box-shadow:0 4px 10px #f59e0b3d}.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}}.form-grid{grid-template-columns:1fr;align-items:start;gap:12px;width:100%;display:grid}@media (width<=920px){.activation-hero-clean,.activation-grid-clean,.target-reader-grid,.selected-reader-summary{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:flex-start;gap:10px;padding:8px 0;line-height:1.45;display:inline-flex}.checkline input[type=checkbox]{flex:none;margin-top:2px}.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}.simple-summary>div{gap:5px;min-width:0;display:grid}.simple-summary span{color:var(--fg-muted);font-size:var(--text-xs);line-height:1.35}.simple-summary b{color:var(--fg);font-size:var(--text-sm);overflow-wrap:anywhere;line-height:1.35}.scanner-summary{grid-template-columns:1fr}.android-activation-page{gap:18px;display:grid}.activation-hero-clean{grid-template-columns:minmax(0,1fr) minmax(260px,360px);align-items:stretch;gap:18px;display:grid}.activation-hero-clean h2{margin:10px 0 8px;font-size:clamp(1.45rem,2.4vw,2.1rem);line-height:1.08}.activation-hero-clean p{max-width:780px;color:var(--fg-muted);line-height:1.6}.activation-safe{border:1px solid var(--ok-dim);border-radius:var(--radius-lg);background:var(--ok-soft);color:var(--fg);align-items:flex-start;gap:12px;padding:16px;display:flex}.activation-safe svg{color:var(--ok);flex:none}.activation-steps-clean{flex-wrap:wrap;margin:0}.activation-steps-clean .wizard-step.active{border-color:var(--primary);background:var(--primary-soft);color:var(--fg)}.activation-grid-clean{grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);align-items:start}.activation-grid-clean>.card:has(.activation-code-card){grid-column:1/-1}.target-reader-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:14px;display:grid}.target-reader-card{border:1px solid var(--border);background:var(--surface);min-height:132px;color:var(--fg);text-align:left;cursor:pointer;transition:all .22s var(--ease-out);border-radius:18px;grid-template-columns:auto minmax(0,1fr);grid-template-areas:"icon copy""meta meta";gap:10px 12px;padding:15px;display:grid}.target-reader-card:hover{border-color:var(--border-2);background:var(--surface-2);box-shadow:var(--shadow-md);transform:translateY(-2px)}.target-reader-card.selected{border-color:var(--primary);background:linear-gradient(145deg, var(--primary-soft), #ffffff06);box-shadow:0 0 0 1px var(--primary-dim), 0 12px 26px #0000002e}.target-reader-card.safe.selected{border-color:var(--info)}.target-reader-card.live.selected{border-color:var(--warn)}.target-reader-card .preset-icon{grid-area:icon}.target-reader-copy{grid-area:copy;gap:4px;min-width:0;display:grid}.target-reader-copy b{font-size:var(--text-sm);line-height:1.25}.target-reader-copy code{font-family:var(--font-mono);color:var(--fg-muted);white-space:normal;overflow-wrap:anywhere;font-size:11px}.target-reader-copy small{color:var(--fg-muted);line-height:1.35}.target-reader-meta{flex-wrap:wrap;grid-area:meta;justify-content:space-between;align-items:center;gap:8px;padding-top:2px;display:flex}.target-reader-meta em{color:var(--fg-muted);font-style:normal;font-size:var(--text-xs)}.selected-reader-summary{grid-template-columns:repeat(4,minmax(0,1fr))}.target-reader-table .data-table{min-width:980px}.android-reader-table{min-width:0;overflow-x:auto}.android-reader-table .data-table{min-width:1080px}.reader-monitor-summary{margin-bottom:0}.reader-monitor-cell{gap:4px;min-width:0;display:grid}.reader-monitor-cell small{color:var(--fg-muted);font-size:var(--text-xs);line-height:1.35}.reader-queue-warn{color:var(--warn);font-weight:var(--font-bold)}.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;flex-wrap:wrap;gap:6px;width:fit-content;max-width:100%;padding:6px;display:flex;overflow-x:visible}.tabs::-webkit-scrollbar{display:none}.tabs .btn{border-radius:calc(var(--radius-lg) - 4px);white-space:nowrap;flex-shrink:0}.import-upload-grid{grid-template-columns:minmax(260px,1fr) auto;align-items:end;gap:14px;display:grid}.import-upload-grid-advanced{grid-template-columns:minmax(180px,.7fr) minmax(260px,1fr) auto}.import-action-row{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;min-width:0;display:flex}.input input[type=file]{width:100%;min-width:0;color:var(--fg-muted)}.input input[type=file]::file-selector-button{border:1px solid var(--border);background:var(--surface-2);color:var(--fg);cursor:pointer;border-radius:10px;margin-right:10px;padding:8px 11px;font-weight:700}.settings-form{gap:18px;display:grid}.policy-field-grid,.policy-time-grid{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px;display:grid}.policy-section{border:1px solid var(--border);border-radius:var(--radius-lg);background:#ffffff06;gap:10px;padding:14px;display:grid}.policy-section h3{color:var(--fg);font-size:var(--text-sm);letter-spacing:.02em;margin:0}.setting-list{gap:8px;display:grid}.setting-check-row{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--fg);cursor:pointer;transition:border-color .18s var(--ease-out), background .18s var(--ease-out);grid-template-columns:20px minmax(0,1fr);align-items:start;gap:12px;padding:12px 13px;display:grid}.setting-check-row:hover{border-color:var(--border-2);background:var(--surface-2)}.setting-check-row input{width:18px;height:18px;accent-color:var(--primary);margin-top:2px}.setting-check-row span{gap:4px;min-width:0;display:grid}.setting-check-row b{font-size:var(--text-sm);line-height:1.35}.setting-check-row small{color:var(--fg-muted);line-height:1.45}.policy-save-row{justify-content:flex-end;display:flex}.emergency-checkout-page{gap:18px;display:grid}.emergency-checkout-page .simple-help{margin-bottom:0}.emergency-status{border:1px solid var(--border-2);border-radius:var(--radius-lg);background:var(--surface);align-items:flex-start;gap:16px;padding:20px;display:flex}.emergency-status.is-active{background:var(--bad-soft);border-color:#f8717173;box-shadow:inset 0 0 0 1px #f8717114}.emergency-status-icon{border-radius:var(--radius);width:48px;height:48px;color:var(--fg);background:var(--surface-2);border:1px solid var(--border-2);flex:0 0 48px;place-items:center;display:grid}.emergency-status.is-active .emergency-status-icon{color:var(--bad);background:var(--bad-dim);border-color:#f8717159}.emergency-status h2{font-size:var(--text-xl);text-wrap:balance;margin:10px 0 5px}.emergency-status p{max-width:72ch;color:var(--fg-secondary);text-wrap:pretty;margin:0}.emergency-scope-list{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.emergency-scope-list span{border-radius:var(--radius-full);color:var(--fg);font-size:var(--text-xs);font-weight:var(--font-semibold);background:#16181c47;border:1px solid #f871714d;padding:6px 10px}@media (width<=640px){.emergency-status{padding:16px}.emergency-status-icon{flex-basis:42px;width:42px;height:42px}}@media (width<=860px){.import-upload-grid,.import-upload-grid-advanced{grid-template-columns:1fr;align-items:stretch}.import-action-row{justify-content:stretch}.import-action-row .btn{flex:180px}.android-reader-table .data-table{min-width:0}.policy-save-row .btn{width:100%}}.management-grid,.user-preset-grid,.preset-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px;margin-bottom:18px;display:grid}.master-data-page{max-width:1560px}.master-data-page>*,.master-data-panel{min-width:0}.master-data-tabs-wrap{max-width:100%;margin:0 0 14px;position:relative}.master-data-tabs{scrollbar-width:thin;flex-wrap:wrap;align-items:stretch;gap:10px;width:100%;padding:8px;display:flex;overflow:visible}.master-data-tab-group{border-radius:var(--radius);border:1px solid var(--border);background:#ffffff06;flex:none;align-items:center;gap:6px;padding:4px 6px;display:inline-flex}.master-data-tab-group-label{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--fg-faint);white-space:nowrap;padding:0 6px;font-size:10px;font-weight:700}.master-data-tab-fade{z-index:2;pointer-events:none;border-radius:0 var(--radius-lg) var(--radius-lg) 0;background:linear-gradient(90deg, transparent, var(--bg-2));opacity:.78;width:44px;display:none;position:absolute;top:1px;bottom:1px;right:1px}.master-data-help{border-radius:var(--radius-lg);color:var(--fg-muted);font-size:var(--text-xs);background:linear-gradient(135deg,#f59e0b14,#ffffff05);border:1px solid #f59e0b29;align-items:flex-start;gap:14px;margin:0 0 16px;padding:12px 14px;display:flex}.master-data-help b{color:var(--fg);min-width:150px}.master-data-help ul{flex-wrap:wrap;gap:10px 22px;margin:0;padding-left:18px;display:flex}.master-data-layout{grid-template-columns:minmax(320px,370px) minmax(0,1fr);align-items:start;gap:18px;width:100%;display:grid}.master-data-user-layout{grid-template-columns:minmax(380px,380px) minmax(0,1fr);align-items:start;gap:18px;width:100%;display:grid}.master-data-form-panel,.master-data-list-panel{min-width:0}.master-data-list-panel .card,.master-data-form-panel .card{width:100%}.master-data-account-presets{grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:16px}.master-data-toolbar{grid-template-columns:minmax(220px,1fr) minmax(160px,220px) minmax(160px,220px);align-items:end;gap:12px;margin:0 0 14px;display:grid}.master-data-toolbar.compact{grid-template-columns:minmax(220px,340px)}.master-data-toolbar .field{min-width:0;margin:0}.master-data-table-region{min-width:0;max-width:100%}.master-data-table-region .table-wrap{max-width:100%;overflow-x:auto}.master-data-table-region .data-table{min-width:640px}.user-table-region .data-table{min-width:580px}.master-data-user-cell{flex-wrap:nowrap;min-width:0}.master-data-user-cell span:last-child{overflow-wrap:anywhere;min-width:0}.master-data-action-row{justify-content:flex-end;gap:6px}.master-data-page .empty{min-height:118px;padding:22px 18px}@media (width>=1200px){.master-data-layout{grid-template-columns:minmax(320px,370px) minmax(0,1fr)}.master-data-user-layout{grid-template-columns:minmax(380px,380px) minmax(0,1fr)}}@media (width>=980px) and (width<=1199px){.master-data-layout{grid-template-columns:minmax(300px,34%) minmax(0,1fr)}.master-data-user-layout{grid-template-columns:minmax(340px,42%) minmax(0,1fr)}.master-data-account-presets{grid-template-columns:1fr}}@media (width<=979px){.master-data-layout,.master-data-user-layout{grid-template-columns:1fr}.master-data-account-presets{grid-template-columns:repeat(2,minmax(0,1fr))}.master-data-toolbar{grid-template-columns:1fr}.master-data-help{gap:8px;display:grid}.master-data-help b{min-width:0}.master-data-help ul{display:block}}@media (width<=640px){.master-data-tabs{flex-wrap:nowrap;gap:8px;padding:6px;overflow-x:auto}.master-data-tab-fade{display:block}.master-data-tab-group{flex-direction:column;align-items:stretch;gap:5px}.master-data-tab-group-label{padding:0 4px}.master-data-account-presets{grid-template-columns:1fr}.master-data-table-region .table-wrap{overflow-x:auto}.master-data-table-region .data-table,.user-table-region .data-table{min-width:0}}.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:280px;height:280px;position:absolute;inset:auto 0 0 auto;transform:translate(18%,18%)}.dashboard-hero:before{content:"";background:var(--secondary-dim);filter:blur(50px);pointer-events:none;opacity:.45;border-radius:999px;width:240px;height:240px;position:absolute;inset:0 auto auto 0;transform:translate(-18%,-18%)}.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-collapsible>summary.step-guide-title{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;margin-bottom:0;list-style:none;display:flex}.step-guide-collapsible>summary.step-guide-title::-webkit-details-marker{display:none}.step-guide-collapsible>summary.step-guide-title:after{content:"▾";opacity:.65;margin-left:auto;font-size:.85em}.step-guide-collapsible[open]>summary.step-guide-title{margin-bottom:10px}.step-guide-collapsible[open]>summary.step-guide-title:after{content:"▴"}.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}.student-today-panel{gap:16px;margin-bottom:18px;display:grid}.student-today-summary{margin-bottom:0}.student-status-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;display:grid}.student-status-card{border:1px solid var(--border);border-radius:var(--radius-lg);min-width:0;box-shadow:var(--shadow-sm);background:linear-gradient(135deg,#ffffff0d,#ffffff05);grid-template-columns:42px minmax(0,1fr);align-items:start;gap:12px;padding:14px;display:grid}.student-status-card.done{border-color:var(--ok-dim);background:linear-gradient(135deg,#22c55e1f,#ffffff05)}.student-status-card.pending{border-color:var(--warn-dim);background:linear-gradient(135deg,#f59e0b1f,#ffffff05)}.student-status-card.not_required,.student-status-card.outside_window{opacity:.82;background:#ffffff06}.student-status-icon{border-radius:var(--radius);width:42px;height:42px;color:var(--fg-muted);background:var(--surface-2);border:1px solid var(--border);place-items:center;display:grid}.student-status-card.done .student-status-icon{color:var(--ok);background:var(--ok-soft);border-color:var(--ok-dim)}.student-status-card.pending .student-status-icon{color:var(--warn);background:var(--warn-soft);border-color:var(--warn-dim)}.student-status-copy{gap:5px;min-width:0;display:grid}.student-status-top{justify-content:space-between;align-items:flex-start;gap:10px;min-width:0;display:flex}.student-status-top h3{color:var(--fg);font-size:var(--text-md);line-height:var(--leading-tight);margin:0}.student-status-top span{border-radius:var(--radius-full);color:var(--fg-muted);border:1px solid var(--border);font-size:11px;font-weight:var(--font-bold);background:#ffffff0b;flex:none;padding:4px 8px}.student-status-card.done .student-status-top span{color:var(--ok);border-color:var(--ok-dim);background:var(--ok-soft)}.student-status-card.pending .student-status-top span{color:var(--warn);border-color:var(--warn-dim);background:var(--warn-soft)}.student-status-copy p{color:var(--fg-muted);font-size:var(--text-sm);line-height:var(--leading-relaxed);margin:0}.student-status-time{color:var(--fg);font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--font-bold)}.student-next-actions{color:var(--fg-muted);line-height:var(--leading-relaxed);margin:0;padding-left:20px}.student-next-actions li+li{margin-top:6px}.teacher-today-workspace>*+*{margin-top:18px}.teacher-today-workspace>.page-head+*{margin-top:0}.teacher-today-kpis{margin-bottom:0}.teacher-session-list{gap:12px;display:grid}.teacher-session-card{border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:border-color .2s var(--ease-out), transform .2s var(--ease-out), box-shadow .2s var(--ease-out);background:linear-gradient(135deg,#ffffff0e,#ffffff05);position:relative;overflow:hidden}.teacher-session-card:hover{border-color:var(--border-2);box-shadow:var(--shadow-md);transform:translateY(-1px)}.teacher-session-card.ok{border-color:var(--ok-dim)}.teacher-session-card.warn{border-color:var(--warn-dim)}.teacher-session-card.bad{border-color:var(--bad-dim)}.teacher-session-main{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px;padding:16px;display:grid}.teacher-session-copy{gap:8px;min-width:0;display:grid}.teacher-session-kicker{color:var(--fg-muted);font-size:var(--text-xs);font-weight:var(--font-semibold);flex-wrap:wrap;align-items:center;gap:8px;display:flex}.teacher-session-copy h3{color:var(--fg);font-size:clamp(18px,2vw,22px);line-height:var(--leading-tight);margin:0}.teacher-session-meta{color:var(--fg-muted);font-size:var(--text-xs);flex-wrap:wrap;align-items:center;gap:8px;display:flex}.teacher-session-meta span{border:1px solid var(--border);border-radius:var(--radius-full);background:#ffffff09;align-items:center;min-height:24px;padding:3px 8px;display:inline-flex}.teacher-session-progress{max-width:520px}.teacher-session-warnings{flex-wrap:wrap;gap:6px;display:flex}.teacher-session-warnings span{border-radius:var(--radius);border:1px solid var(--warn-dim);background:var(--warn-soft);color:var(--warn);font-size:var(--text-xs);font-weight:var(--font-semibold);padding:6px 9px}.teacher-session-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;max-width:360px;display:flex}.teacher-session-actions .btn{white-space:normal;min-height:40px}.teacher-attendance-flow>*+*{margin-top:18px}.teacher-attendance-flow>.page-head+*{margin-top:0}.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}.student-status-grid{grid-template-columns:1fr}.student-status-card{grid-template-columns:38px minmax(0,1fr);padding:12px}.student-status-icon{width:38px;height:38px}.student-status-top{flex-direction:column;align-items:flex-start}.teacher-session-main{grid-template-columns:1fr;align-items:stretch;padding:14px}.teacher-session-actions{justify-content:stretch;max-width:none}.teacher-session-actions .btn{flex:150px}.teacher-session-progress{max-width:none}.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}.topbar .searchbox{display:none}.topbar{gap:6px;padding-inline:8px}.login-card{border-radius:22px;padding:24px}.teacher-session-actions .btn{flex-basis:100%}.login-role-tabs{flex-direction:row}.login-role-option{min-height:40px;padding-inline:8px}.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-backdrop.has-target{-webkit-backdrop-filter:none;background:0 0;padding:0;display:block}.tour-spotlight{z-index:0;border:2px solid var(--primary-2);pointer-events:none;animation:tourSpotlightIn .22s var(--ease-out);border-radius:16px;position:fixed;box-shadow:0 0 0 9999px #000000c7,0 0 0 5px #f59e0b2e,0 0 32px #f59e0b57}.tour-card{z-index:1;border:1px solid var(--border-2);width:min(520px,100%);max-height:calc(100vh - 32px);box-shadow:var(--shadow-xl), 0 0 36px #f59e0b1a;animation:modalSlideIn .3s var(--ease-out);background:#1e2025f5;border-radius:26px;padding:24px;position:relative;overflow-y:auto}.tour-card-anchored{margin:0;position:fixed}.tour-top{justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:16px;display:flex}.tour-heading{align-items:flex-start;gap:12px;min-width:0;display:flex}.tour-heading h2{text-wrap:balance;margin:4px 0 0}.tour-tools{flex:none;align-items:center;gap:6px;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-copy p{max-width:68ch;color:var(--fg-secondary);text-wrap:pretty;margin:0}.tour-announcement{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.tour-target-note{color:var(--primary-2);font-size:var(--text-xs);font-weight:var(--font-semibold);align-items:center;margin-top:10px;display:inline-flex}.tour-progress{gap:6px;margin:18px 0;display:flex}.tour-progress span{border-radius:var(--radius-full);background:var(--border-2);max-width:42px;height:4px;transition:background .2s var(--ease-out), box-shadow .2s var(--ease-out);flex:28px}.tour-progress span.on{background:var(--primary);box-shadow:0 0 10px var(--primary-glow)}.tour-action{border:1px solid var(--primary-dim);border-radius:var(--radius);min-height:42px;color:var(--primary-2);background:var(--primary-soft);font:inherit;font-weight:var(--font-semibold);cursor:pointer;justify-content:center;align-items:center;gap:8px;margin-top:2px;padding:9px 13px;display:inline-flex}.tour-action:hover{border-color:var(--primary);background:var(--primary-dim)}.tour-action:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.tour-foot{justify-content:space-between;align-items:center;gap:12px;margin-top:20px;display:flex}@keyframes tourSpotlightIn{0%{opacity:.4;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@media (width<=600px){.tour-backdrop{padding:12px}.tour-card{border-radius:20px;width:calc(100vw - 24px);max-height:calc(100vh - 24px);padding:18px}.tour-card-anchored{inset:auto 12px 12px!important}.tour-top,.tour-heading{gap:10px}.tour-icon{border-radius:13px;width:40px;height:40px}.tour-heading h2{font-size:var(--text-lg)}.tour-foot{flex-direction:column;align-items:stretch}.tour-foot>.btn{align-self:flex-start}.tour-foot .row{justify-content:flex-end}}@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}}.siab2-login-page,.siab2-login-page *{box-sizing:border-box}.siab2-login-page{--siab2-login-bg:#050505;--siab2-login-bg-soft:#0a0a0a;--siab2-login-surface:#141414ad;--siab2-login-surface-strong:#0d1116e6;--siab2-login-stroke:#ffffff1a;--siab2-login-stroke-strong:#ffffff29;--siab2-login-text:#f7f7f7;--siab2-login-muted:#f7f7f7b8;--siab2-login-dim:#f7f7f77a;--siab2-login-accent-1:#89aacc;--siab2-login-accent-2:#4e85bf;--siab2-login-gradient:linear-gradient(90deg, #89aacc 0%, #4e85bf 100%);isolation:isolate;width:100%;max-width:100vw;min-height:100dvh;color:var(--siab2-login-text);-webkit-font-smoothing:antialiased;text-rendering:geometricprecision;background:#050505;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;display:block;position:relative;overflow:hidden auto}.siab2-login-page:before{z-index:0;opacity:.58;filter:blur(.7px);background:repeating-conic-gradient(from 214deg at 49% 0,#89aacc12 0deg 7deg,#0000 8deg 18deg),radial-gradient(at 52% -2%,#0000 0 16%,#ffffff0b 19%,#0000 35%),radial-gradient(at 58% 17%,#89aacc09,#0000 42%);inset:0}.siab2-login-page:after{z-index:0;opacity:.42;filter:none;background-image:radial-gradient(circle at 5% 39%,#ffffff6b 0 1px,#0000 3px),radial-gradient(circle at 18% 31%,#e2a76838 0 1px,#0000 4px),radial-gradient(circle at 32% 66%,#ffffff2e 0 1px,#0000 3px),radial-gradient(circle at 84% 29%,#ffffff2e 0 1px,#0000 3px),radial-gradient(circle at 92% 44%,#89aacc29 0 1px,#0000 4px),linear-gradient(115deg,#0000 0 49%,#ffffff05 50%,#0000 51%);background-size:auto,auto,auto,auto,auto,9px 9px;border-radius:0;width:auto;height:auto;inset:0}.siab2-login-ambient{z-index:0;pointer-events:none;background:radial-gradient(circle at 50% 3%,#89aacc33,#0000 20%),radial-gradient(circle at 83% 35%,#89552f1f,#0000 16%),radial-gradient(circle at 13% 39%,#89aacc0e,#0000 20%),linear-gradient(#0505051a 0%,#050505a8 72%,#050505 100%);position:absolute;inset:0}.siab2-login-constellation{z-index:0;pointer-events:none;opacity:.28;background-image:linear-gradient(#89aacc1f 1px,#0000 1px),linear-gradient(90deg,#89aacc17 1px,#0000 1px);background-size:72px 72px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(at 48% 34%,#000 0 40%,#0000 75%);mask-image:radial-gradient(at 48% 34%,#000 0 40%,#0000 75%)}.siab2-login-shell{z-index:1;grid-template-columns:minmax(0,1fr) minmax(360px,430px);align-items:center;gap:clamp(22px,3.8vw,58px);width:min(100% - 48px,1260px);min-height:100dvh;margin-inline:auto;padding:clamp(28px,4vw,58px) 0;display:grid;position:relative}.siab2-login-page .login-left,.siab2-login-page .login-right,.siab2-login-visual,.siab2-login-panel{min-width:0;position:relative}.siab2-login-page .siab2-login-visual{contain:paint;border:1px solid var(--siab2-login-stroke);background:radial-gradient(circle at 18% 12%,#89aacc2e,#0000 30%),radial-gradient(circle at 88% 70%,#4e85bf29,#0000 28%),linear-gradient(135deg,#ffffff0e,#ffffff03);border-radius:34px;min-height:min(760px,100dvh - 56px);overflow:hidden;box-shadow:0 34px 110px #0000006b,inset 0 1px #ffffff12}.siab2-login-visual:before{content:"";z-index:0;opacity:.52;filter:blur(.4px);background:repeating-conic-gradient(from 214deg at 49% 4%,#89aacc12 0deg 7deg,#0000 8deg 18deg),radial-gradient(at 52% 0,#0000 0 16%,#ffffff0c 19%,#0000 35%),radial-gradient(at 58% 18%,#89aacc0d,#0000 42%),linear-gradient(115deg,#ffffff0b,#0000 34%,#89aacc0f 58%,#0000 78%);position:absolute;inset:0}.siab2-login-visual:after{content:"";z-index:0;background:radial-gradient(at 51% 13%,#89aacc1f,#0000 37%),linear-gradient(#05050585 0%,#050505c7 76%,#050505 100%);position:absolute;inset:0}.siab2-login-grid{z-index:1;pointer-events:none;opacity:.16;background-image:linear-gradient(#89aacc3d 1px,#0000 1px),linear-gradient(90deg,#89aacc29 1px,#0000 1px);background-size:86px 86px;position:absolute;inset:0}.siab2-login-orbit{z-index:1;pointer-events:none;border-radius:999px;position:absolute}.siab2-login-orbit-one{border:1px solid #89aacc38;width:clamp(164px,19vw,248px);height:clamp(164px,19vw,248px);top:clamp(88px,11vw,150px);right:clamp(24px,5vw,72px);box-shadow:inset 0 0 46px #4e85bf14,0 0 70px #4e85bf14}.siab2-login-orbit-two{border:1px dashed #ffffff2e;width:clamp(86px,11vw,138px);height:clamp(86px,11vw,138px);bottom:clamp(76px,10vw,132px);right:clamp(90px,18vw,240px)}.siab2-login-orbit-three{background:radial-gradient(circle,#89aacc1a,#0000 65%);border:1px solid #89aacc1f;width:clamp(92px,12vw,154px);height:clamp(92px,12vw,154px);bottom:clamp(36px,6vw,88px);left:clamp(36px,6vw,86px)}.siab2-login-page .login-left-content,.siab2-login-visual-content{z-index:2;grid-template-rows:auto minmax(0,1fr) auto;gap:clamp(22px,3vw,34px);width:100%;max-width:100%;height:auto;min-height:min(760px,100dvh - 56px);padding:clamp(24px,3.4vw,44px);display:grid;position:relative;overflow:hidden}.siab2-login-brandbar,.siab2-login-brand-lockup,.siab2-login-trust-row,.siab2-login-status-head,.siab2-login-status-head div,.siab2-login-ledger-head,.siab2-login-form-ledger,.siab2-login-footer .login-footer-text{align-items:center;display:flex}.siab2-login-brandbar{border:1px solid var(--siab2-login-stroke);-webkit-backdrop-filter:blur(18px)saturate(1.08);background:#14141475;border-radius:999px;justify-content:space-between;gap:18px;min-height:66px;padding:10px 12px;box-shadow:0 18px 56px #00000038,inset 0 1px #ffffff0f}.siab2-login-brand-lockup{gap:14px;min-width:0}.siab2-login-logo-frame{background:#fff;border:0;border-radius:0;width:44px;height:44px;box-shadow:0 0 18px #89aacc75}.siab2-login-brand-name{max-width:360px;color:var(--siab2-login-text);-webkit-text-fill-color:currentColor;letter-spacing:.24em;text-transform:uppercase;background:0 0;font-size:12px;font-weight:800}.siab2-login-brand-sub{max-width:420px;color:var(--siab2-login-dim);letter-spacing:.17em;text-transform:uppercase;margin-top:5px;font-size:9px;font-weight:600}.siab2-login-official-link{border:1px solid var(--siab2-login-stroke);min-height:42px;color:var(--siab2-login-text);letter-spacing:.14em;text-transform:uppercase;background:#14141475;border-radius:999px;flex:none;justify-content:center;align-items:center;padding:0 18px;font-size:11px;font-weight:800;text-decoration:none;transition:transform .22s,border-color .22s,background .22s;display:inline-flex;box-shadow:inset 0 1px #ffffff0f}.siab2-login-official-link:hover,.siab2-login-official-link:focus-visible{background:#89aacc1f;border-color:#89aacc8c;outline:none;transform:scale(1.035)}.siab2-login-visual-main{grid-template-columns:minmax(0,1.1fr) minmax(278px,.72fr);align-items:center;gap:clamp(24px,4vw,54px);min-width:0;display:grid}.siab2-login-hero{gap:0;width:100%;max-width:680px;margin:0}.siab2-login-eyebrow{color:var(--siab2-login-accent-1);letter-spacing:.24em;text-transform:uppercase;margin-bottom:22px;font-size:11px;font-weight:800}.siab2-login-page .siab2-login-eyebrow .dot{background:var(--siab2-login-accent-1);box-shadow:0 0 14px #4e85bf57}.siab2-login-hero h1{max-width:680px;color:var(--siab2-login-text);font-size:inherit;text-shadow:0 12px 35px #ffffff0a;gap:22px;margin:0;line-height:1;display:grid}.siab2-login-hero h1 span{color:var(--siab2-login-text);letter-spacing:-.075em;font-family:Instrument Serif,Georgia,Times New Roman,serif;font-size:clamp(88px,8.2vw,122px);font-style:italic;font-weight:700;line-height:.72;display:block}.siab2-login-hero h1 em{color:#f7f7f7f5;letter-spacing:.12em;text-transform:uppercase;max-width:620px;font-size:clamp(16px,1.38vw,20px);font-style:normal;font-weight:800;line-height:1.25;display:block}.siab2-login-role-line{min-height:24px;color:var(--siab2-login-muted);margin:28px 0 0;font-size:15px;font-weight:300;line-height:1.55}.siab2-login-role-line strong{color:var(--siab2-login-text);border-bottom:1px solid var(--siab2-login-accent-2);font-family:Instrument Serif,Georgia,Times New Roman,serif;font-size:18px;font-style:italic;font-weight:700}.siab2-login-hero-description{color:#f7f7f7a8;max-width:580px;margin:18px 0 0;font-size:14px;font-weight:300;line-height:1.58}.siab2-login-trust-row{flex-wrap:wrap;gap:10px;margin-top:26px}.siab2-login-trust-row span,.siab2-login-module-chip,.siab2-login-form-ledger span{border:1px solid var(--siab2-login-stroke);color:#f7f7f7c2;-webkit-backdrop-filter:blur(16px);background:#14141480;border-radius:999px;align-items:center;gap:8px;min-width:0;display:inline-flex}.siab2-login-trust-row span{min-height:36px;padding:0 14px;font-size:12px;font-weight:700}.siab2-login-trust-row svg,.siab2-login-module-chip svg,.siab2-login-form-ledger svg{color:var(--siab2-login-accent-1);flex:none}.siab2-login-status-card{border:1px solid var(--siab2-login-stroke-strong);-webkit-backdrop-filter:blur(28px)saturate(1.1);background:linear-gradient(#141414c7,#090c10b8);border-radius:28px;min-width:0;padding:22px;position:relative;overflow:hidden;box-shadow:0 30px 88px #00000061,inset 0 1px #ffffff12}.siab2-login-status-card:before{content:"";border-radius:inherit;-webkit-mask-composite:xor;pointer-events:none;background:linear-gradient(135deg,#89aacc8c,#ffffff0d,#4e85bf57);padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.siab2-login-status-orb{pointer-events:none;background:radial-gradient(circle,#89aacc42,#0000 66%);border-radius:999px;width:150px;height:150px;position:absolute;top:-44px;right:-44px}.siab2-login-status-head{justify-content:space-between;gap:16px;margin-bottom:16px;position:relative}.siab2-login-status-head div{gap:9px}.siab2-login-status-head span,.siab2-login-card-status span{background:#10b981;border-radius:999px;width:7px;height:7px;box-shadow:0 0 18px #10b9817a}.siab2-login-status-head strong,.siab2-login-ledger-head strong{color:var(--siab2-login-text);letter-spacing:.08em;text-transform:uppercase;font-size:12px;font-weight:850}.siab2-login-status-head em,.siab2-login-ledger-head span{color:var(--siab2-login-dim);letter-spacing:.1em;text-transform:uppercase;font-size:10px;font-style:normal;font-weight:800}.siab2-login-metric-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid;position:relative}.siab2-login-metric{border:1px solid var(--siab2-login-stroke);background:#05050570;border-radius:14px;align-content:start;gap:8px;min-width:0;min-height:88px;padding:13px;display:grid}.siab2-login-metric svg{color:var(--siab2-login-accent-1)}.siab2-login-metric span,.siab2-login-ledger-row span,.siab2-login-module-chip span{color:#f7f7f79e;letter-spacing:.04em;font-size:11px;font-weight:750}.siab2-login-metric strong,.siab2-login-ledger-row strong,.siab2-login-module-chip strong{color:var(--siab2-login-text);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:17px;font-weight:850;line-height:1.05}.siab2-login-metric-wide{grid-column:span 2;min-height:106px}.siab2-login-metric-wide>div{align-items:center;gap:8px;display:flex}.siab2-login-metric-wide i{color:var(--siab2-login-dim);align-items:center;gap:7px;font-size:11px;font-style:normal;display:flex}.siab2-login-metric-wide b{background:var(--siab2-login-gradient);border-radius:999px;width:40%;height:4px;display:block}.siab2-login-progress-track{background:#ffffff14;border-radius:999px;height:6px;margin-top:16px;position:relative;overflow:hidden}.siab2-login-progress-track span{border-radius:inherit;background:var(--siab2-login-gradient);width:78%;height:100%;display:block;box-shadow:0 0 22px #4e85bf57}.siab2-login-academic-layer{grid-template-columns:minmax(0,1fr) minmax(210px,.52fr);align-items:stretch;gap:14px;min-width:0;display:grid}.siab2-login-module-deck,.siab2-login-specs{min-width:0}.siab2-login-module-deck{flex-wrap:wrap;grid-column:1/-1;gap:10px;display:flex}.siab2-login-module-chip{min-height:42px;padding:0 14px}.siab2-login-module-chip strong{font-size:11px}.siab2-login-specs{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;max-width:none;display:grid}.siab2-login-spec{border:1px solid var(--siab2-login-stroke);background:#1414149e;border-radius:16px;gap:8px;min-height:78px;padding:14px;display:grid;box-shadow:inset 0 1px #ffffff0d}.siab2-login-spec .k{color:var(--siab2-login-accent-1);letter-spacing:.1em;font-size:10px;font-weight:850}.siab2-login-spec .v{color:#f7f7f7b8;font-size:12px;line-height:1.35}.siab2-login-ledger-card{border:1px solid var(--siab2-login-stroke);background:#141414a8;border-radius:18px;grid-row:span 2;min-width:0;padding:14px}.siab2-login-ledger-head{justify-content:space-between;gap:8px;margin-bottom:12px}.siab2-login-ledger-head svg{color:var(--siab2-login-accent-1)}.siab2-login-ledger-row{border-top:1px solid #ffffff12;justify-content:space-between;align-items:center;gap:12px;min-height:38px;display:flex}.siab2-login-ledger-row strong{color:var(--siab2-login-accent-1);white-space:nowrap;font-size:11px}.siab2-login-panel{background:0 0;flex-direction:column;justify-content:center;align-items:center;gap:14px;min-width:0;padding:0;display:flex}.siab2-login-panel-orbit{pointer-events:none;background:radial-gradient(circle,#4e85bf2e,#0000 70%);border-radius:999px;width:min(100%,360px);height:360px;position:absolute;inset:7% 0 auto auto}.siab2-login-card{z-index:1;border:1px solid var(--siab2-login-stroke-strong);-webkit-backdrop-filter:blur(30px)saturate(1.14);width:min(100%,430px);max-width:430px;animation:scaleIn .42s var(--ease-out);background:linear-gradient(#141414d6,#080b0fcc);border-radius:30px;padding:28px;position:relative;box-shadow:0 34px 100px #0009,inset 0 1px #ffffff12}.siab2-login-card:before{content:"";border-radius:inherit;-webkit-mask-composite:xor;pointer-events:none;background:linear-gradient(135deg,#89aacc94,#ffffff0a,#4e85bf6b);padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.siab2-login-card:after{content:"";background:linear-gradient(90deg, transparent, var(--siab2-login-accent-1), var(--siab2-login-accent-2), transparent);opacity:.88;border-radius:999px;height:2px;position:absolute;top:0;left:28px;right:28px}.siab2-login-card-status{color:#f7f7f7c2;letter-spacing:.1em;text-transform:uppercase;background:#10b98114;border:1px solid #10b9813d;border-radius:999px;align-items:center;gap:8px;min-height:30px;padding:0 11px;font-size:10px;font-weight:850;display:inline-flex}.siab2-login-card-header{margin:18px 0 22px}.siab2-login-card-kicker,.siab2-login-role-label,.siab2-login-alt-label{color:var(--siab2-login-accent-1);letter-spacing:.16em;text-transform:uppercase;font-size:11px;font-weight:850}.siab2-login-card-header h2{color:var(--siab2-login-text);letter-spacing:-.045em;margin:9px 0 0;font-family:Instrument Serif,Georgia,Times New Roman,serif;font-size:clamp(32px,2.8vw,42px);font-style:italic;font-weight:700;line-height:.94}.siab2-login-card-header p{color:#f7f7f7a3;margin:12px 0 0;font-size:13px;font-weight:300;line-height:1.55}.siab2-login-role-tabs{border:1px solid var(--siab2-login-stroke);background:#ffffff09;border-radius:999px;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:10px 0 22px;padding:5px;display:grid}.siab2-login-role-option{min-height:40px;color:var(--siab2-login-muted);box-shadow:none;border-radius:999px}.siab2-login-page .siab2-login-role-option.primary{background:var(--siab2-login-gradient);color:#06111f;border-color:#89aacc85;box-shadow:0 14px 30px #4e85bf3d,inset 0 1px #ffffff4d}.siab2-login-page .siab2-login-role-option.ghost:hover,.siab2-login-page .siab2-login-role-option.ghost:focus-visible{color:var(--siab2-login-text);background:#89aacc1c;border-color:#89aacc4d}.siab2-login-form-fields{gap:15px;display:grid}.siab2-login-page .field-label{color:#f7f7f7b3}.siab2-login-page .input{background:#03070c8a;border-color:#ffffff1f;min-height:50px;box-shadow:inset 0 1px #ffffff0a}.siab2-login-page .input input{color:var(--siab2-login-text)}.siab2-login-page .input input::placeholder{color:#f7f7f761}.siab2-login-page .input:hover{border-color:#89aacc47}.siab2-login-page .input:focus-within{background:#060a0fb8;border-color:#89aaccb8;box-shadow:0 0 0 3px #89aacc29,0 0 30px #4e85bf1f,inset 0 1px #ffffff0d}.siab2-login-page .input:has(input:valid:not(:-moz-placeholder-shown)){border-color:#89aacc57}.siab2-login-page .input:has(input:valid:not(:placeholder-shown)){border-color:#89aacc57}.siab2-login-page .input:has(input:valid:not(:-moz-placeholder-shown))>svg:first-child{color:var(--siab2-login-accent-1)}.siab2-login-page .input:focus-within>svg:first-child,.siab2-login-page .login-pw-toggle:hover{color:var(--siab2-login-accent-1)}.siab2-login-page .input:has(input:valid:not(:placeholder-shown))>svg:first-child{color:var(--siab2-login-accent-1)}.siab2-login-password-wrap{margin-bottom:0}.siab2-login-form-fields+.btn.primary{margin-top:18px}.siab2-login-pw-toggle{color:var(--siab2-login-muted)}.siab2-login-pw-toggle:hover,.siab2-login-pw-toggle:focus-visible{background:#89aacc1f;outline:none}.siab2-login-error{color:#fecdd3;background:#f43f5e1f;border-color:#f43f5e4d;margin:14px 0 18px;box-shadow:0 16px 34px #f43f5e14}.siab2-login-page .btn.primary{background:var(--siab2-login-gradient);color:#06111f;letter-spacing:.04em;border-color:#89aacc85;min-height:50px;font-weight:850;box-shadow:0 20px 44px #4e85bf40,inset 0 1px #ffffff47}.siab2-login-page .btn.primary:hover,.siab2-login-page .btn.primary:focus-visible{filter:none;border-color:#abcce5bd;transform:translateY(-1px)scale(1.01);box-shadow:0 24px 56px #4e85bf57,0 0 0 3px #89aacc24,inset 0 1px #ffffff4d}.siab2-login-page .btn.primary:disabled{color:#06111fc7;background:linear-gradient(90deg,#89aacc9e,#4e85bf9e);border-color:#89aacc47}.siab2-login-divider{background:linear-gradient(90deg,#0000,#89aacc42,#0000);margin:20px 0 16px}.siab2-login-alt-label{text-align:center;color:var(--siab2-login-dim);margin-bottom:12px}.siab2-login-page .siab2-login-sso.btn.primary{color:var(--siab2-login-text);background:#ffffff0e;border-color:#ffffff1f;box-shadow:inset 0 1px #ffffff0f}.siab2-login-footer{margin-top:0}.siab2-login-footer .login-footer-line{background:linear-gradient(90deg,#0000,#89aacc70,#0000)}.siab2-login-footer .login-footer-text{color:var(--siab2-login-dim);justify-content:center;gap:8px}.siab2-login-footer .login-footer-brand{color:#f7f7f7db}.siab2-login-footer .login-footer-tag{color:var(--siab2-login-dim)}.siab2-login-form-ledger{z-index:1;flex-wrap:wrap;justify-content:center;gap:8px;width:min(100%,430px);position:relative}.siab2-login-form-ledger span{min-height:34px;padding:0 12px;font-size:11px;font-weight:750}.siab2-login-password-shell{z-index:1;grid-template-columns:minmax(0,1fr) minmax(360px,460px);align-items:center;gap:clamp(22px,4vw,62px);width:min(100% - 48px,1050px);min-height:100dvh;margin-inline:auto;padding:clamp(28px,4vw,58px) 0;display:grid;position:relative}.siab2-login-page-compact{padding:0;display:block}.siab2-login-password-context{contain:paint;border:1px solid var(--siab2-login-stroke);background:radial-gradient(circle at 20% 12%,#89aacc2e,#0000 32%),linear-gradient(135deg,#ffffff0e,#ffffff03);border-radius:34px;min-width:0;min-height:560px;padding:clamp(24px,4vw,46px);position:relative;overflow:hidden;box-shadow:0 34px 110px #0000006b,inset 0 1px #ffffff12}.siab2-login-password-context:before{content:"";z-index:0;background:radial-gradient(at 51% 13%,#89aacc1f,#0000 37%),linear-gradient(#05050585 0%,#050505c7 76%,#050505 100%);position:absolute;inset:0}.siab2-login-password-context>:not(.siab2-login-grid):not(.siab2-login-orbit){z-index:2;position:relative}.siab2-login-password-brand{margin-bottom:clamp(44px,8vw,92px)}.siab2-login-password-copy h1{gap:18px;margin:0;display:grid}.siab2-login-password-copy h1 span{color:var(--siab2-login-text);letter-spacing:-.075em;font-family:Instrument Serif,Georgia,Times New Roman,serif;font-size:clamp(76px,8vw,108px);font-style:italic;font-weight:700;line-height:.72}.siab2-login-password-copy h1 em{color:#f7f7f7f5;letter-spacing:.12em;text-transform:uppercase;font-size:clamp(15px,1.3vw,19px);font-style:normal;font-weight:800;line-height:1.25}.siab2-login-password-copy p{color:#f7f7f7a8;max-width:560px;margin:24px 0 0;font-size:14px;font-weight:300;line-height:1.62}.siab2-login-password-modules{margin-top:clamp(28px,5vw,48px)}.siab2-login-card-password{width:min(100%,460px);max-width:460px}.siab2-login-password-form{margin:0}.siab2-login-password-form .field{margin-bottom:16px}.siab2-login-page .siab2-login-password-form>.btn{margin-top:10px!important}@media (width<=1120px){.siab2-login-shell{grid-template-columns:1fr;width:min(100% - 40px,900px);padding:24px 0}.siab2-login-page .siab2-login-visual,.siab2-login-page .login-left-content,.siab2-login-visual-content{min-height:auto}.siab2-login-visual-main{grid-template-columns:minmax(0,1fr) minmax(272px,.62fr)}.siab2-login-panel{align-items:stretch}.siab2-login-card,.siab2-login-form-ledger{width:min(100%,560px);max-width:560px;margin-inline:auto}}@media (pointer:coarse){button,a,input,select,[role=button]{min-height:44px}button,[role=button]{min-width:44px}input[type=checkbox],input[type=radio]{min-width:44px;min-height:44px}.btn.sm,.btn.icon,.statuspick button,.siab2-preview button,.siab2-preview a{min-height:44px}}@media (width<=900px){.siab2-login-shell,.siab2-login-password-shell{grid-template-columns:1fr;gap:18px;width:min(100% - 32px,680px);min-height:100dvh;padding:18px 0 22px}.siab2-login-visual-main{grid-template-columns:1fr;gap:20px}.siab2-login-academic-layer{grid-template-columns:1fr}.siab2-login-ledger-card{grid-row:auto}.siab2-login-hero h1 span{font-size:clamp(70px,16vw,98px)}.siab2-login-password-context{min-height:auto}.siab2-login-password-brand{margin-bottom:42px}}@media (width<=620px){.siab2-login-shell,.siab2-login-password-shell{gap:14px;width:min(100% - 24px,440px);padding:12px 0 18px}.siab2-login-page .siab2-login-visual,.siab2-login-password-context{border-radius:26px}.siab2-login-page .login-left-content,.siab2-login-visual-content,.siab2-login-password-context{padding:18px}.siab2-login-brandbar{border-radius:24px;align-items:flex-start;min-height:58px;padding:9px}.siab2-login-brand-sub,.siab2-login-official-link{display:none}.siab2-login-logo-frame{width:40px;height:40px}.siab2-login-hero h1{gap:14px}.siab2-login-hero h1 span,.siab2-login-password-copy h1 span{font-size:clamp(58px,18vw,74px)}.siab2-login-hero h1 em,.siab2-login-password-copy h1 em{letter-spacing:.1em;font-size:13px}.siab2-login-role-line{margin-top:18px;font-size:13px}.siab2-login-page .siab2-login-hero-description,.siab2-login-page .siab2-login-trust-row,.siab2-login-page .siab2-login-module-deck,.siab2-login-page .siab2-login-specs,.siab2-login-page .siab2-login-ledger-card,.siab2-login-page .siab2-login-form-ledger,.siab2-login-page .siab2-login-password-modules{display:none}.siab2-login-status-card{border-radius:22px;padding:16px}.siab2-login-metric-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.siab2-login-metric{min-height:74px;padding:11px}.siab2-login-metric:nth-child(2),.siab2-login-metric:nth-child(4),.siab2-login-metric:nth-child(5){display:none}.siab2-login-metric strong{font-size:14px}.siab2-login-module-deck{gap:7px}.siab2-login-module-chip{min-height:36px;padding:0 11px}.siab2-login-module-chip strong{display:none}.siab2-login-card{border-radius:24px;width:100%;max-width:100%;padding:22px 18px}.siab2-login-card-header{margin:16px 0 19px}.siab2-login-card-header h2{font-size:34px}.siab2-login-role-tabs{gap:5px;padding:4px}.siab2-login-role-option{min-height:42px;padding-inline:7px;font-size:12px}.siab2-login-page .input{min-height:48px}}@media (width<=420px){.siab2-login-shell,.siab2-login-password-shell{width:min(100% - 20px,390px)}.siab2-login-status-head em,.siab2-login-card-status{font-size:9px}.siab2-login-metric span{font-size:10px}}@media (prefers-reduced-motion:reduce){.siab2-login-page *,.siab2-login-page :before,.siab2-login-page :after{transition-duration:1ms!important;animation-duration:1ms!important}}.siab2-login-page-scoped .siab2-login-shell,.siab2-login-shell-scoped{grid-template-columns:minmax(0,460px);justify-content:center;align-items:center;width:min(100% - 32px,520px);min-height:100dvh;padding:clamp(24px,5vw,56px) 0}.siab2-login-page-scoped .siab2-login-panel{align-items:stretch;width:100%;max-width:460px;margin-inline:auto}.siab2-login-page-scoped .siab2-login-card,.siab2-login-page-scoped .siab2-login-form-ledger{width:100%;max-width:460px}.siab2-login-page-scoped .siab2-login-card{padding-top:clamp(22px,4vw,30px)}.siab2-login-page-scoped .siab2-login-panel-orbit{opacity:.52}.siab2-login-page-scoped .siab2-login-form-ledger{text-align:center;justify-content:center}.siab2-scoped-login-lockup{z-index:1;border-bottom:1px solid #ffffff1a;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;margin-bottom:18px;padding-bottom:16px;display:grid;position:relative}.siab2-scoped-login-logo{background:#ffffff14;border:1px solid #89aacc57;border-radius:16px;place-items:center;width:46px;height:46px;padding:6px;display:grid;box-shadow:0 16px 36px #00000047,inset 0 1px #ffffff26}.siab2-scoped-login-logo img{-o-object-fit:cover;object-fit:cover;border-radius:11px;width:100%;height:100%}.siab2-scoped-login-brand{gap:2px;min-width:0;display:grid}.siab2-scoped-login-brand strong{letter-spacing:.16em;font-size:18px;line-height:1}.siab2-scoped-login-brand small{color:var(--siab2-login-muted);letter-spacing:.08em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;font-size:11px;overflow:hidden}.siab2-scoped-login-link{color:#f7f7f7ad;letter-spacing:.08em;text-transform:uppercase;font-size:11px;font-weight:800}.siab2-scoped-login-link:hover,.siab2-scoped-login-link:focus-visible{color:var(--siab2-login-accent-1)}@media (width<=520px){.siab2-login-page-scoped .siab2-login-shell,.siab2-login-shell-scoped{width:min(100% - 24px,460px);padding:16px 0 18px}.siab2-scoped-login-lockup{grid-template-columns:auto minmax(0,1fr)}.siab2-scoped-login-link{grid-column:1/-1}}.siab2-login-page-scoped{--siab2-login-text:#17231f;--siab2-login-muted:#46564f;--siab2-login-dim:#68766f;--siab2-login-accent-1:#176149;--siab2-login-accent-2:#0f4b38;--siab2-login-gradient:linear-gradient(135deg, #176149, #0f4b38);background:radial-gradient(circle at 50% -18%,#69ab933d,#0000 34rem),linear-gradient(145deg,#071713 0%,#0b211b 52%,#071512 100%)}.siab2-login-page-scoped:before{opacity:.32;filter:none;background:linear-gradient(115deg,#0000 0 48%,#ffffff0b 48.1% 48.3%,#0000 48.4%) 0 0/19rem 19rem,linear-gradient(25deg,#0000 0 64%,#ffffff06 64.1% 64.3%,#0000 64.4%) 0 0/23rem 23rem}.siab2-login-page-scoped:after,.siab2-login-page-scoped .siab2-login-constellation,.siab2-login-page-scoped .siab2-login-panel-orbit{display:none}.siab2-login-page-scoped .siab2-login-ambient{background:radial-gradient(circle at 50% 45%,#2e6f5729,#0000 32rem)}.siab2-login-page-scoped .siab2-login-shell,.siab2-login-shell-scoped{grid-template-columns:minmax(0,500px);width:min(100% - 32px,548px);padding:32px 0}.siab2-login-page-scoped .siab2-login-panel{max-width:500px}.siab2-login-page-scoped .siab2-login-card{max-width:500px;color:var(--siab2-login-text);-webkit-backdrop-filter:none;background:#f6f8f5;border-color:#ffffffb3;border-radius:20px;padding:28px 32px 26px;animation:none;box-shadow:0 28px 80px #0008055c,0 2px 8px #00080538}.siab2-login-page-scoped .siab2-login-card:before,.siab2-login-page-scoped .siab2-login-card:after{display:none}.siab2-login-page-scoped .siab2-scoped-login-lockup{border-color:#d9dfdb;gap:13px;margin-bottom:26px;padding-bottom:20px}.siab2-login-page-scoped .siab2-scoped-login-logo{background:#fff;border-color:#cbd5cf;border-radius:12px;width:48px;height:48px;padding:5px;box-shadow:0 4px 12px #0f4b381a}.siab2-login-page-scoped .siab2-scoped-login-logo img{border-radius:8px}.siab2-login-page-scoped .siab2-scoped-login-brand strong{color:#10241d;letter-spacing:.12em;font-size:19px}.siab2-login-page-scoped .siab2-scoped-login-brand small{color:#53635c;letter-spacing:.04em;text-transform:none;font-size:11px;font-weight:650}.siab2-login-page-scoped .siab2-scoped-login-link{color:#355148;letter-spacing:0;text-underline-offset:4px;text-transform:none;align-items:center;min-height:44px;font-size:12px;font-weight:700;-webkit-text-decoration:underline #a8b7b0;text-decoration:underline #a8b7b0;display:inline-flex}.siab2-login-page-scoped .siab2-scoped-login-link:hover,.siab2-login-page-scoped .siab2-scoped-login-link:focus-visible{color:#0f4b38;outline-offset:3px;outline:2px solid #2c745c}.siab2-login-page-scoped .siab2-login-card-status{color:#28634f;letter-spacing:0;text-transform:none;background:0 0;border:0;border-radius:0;min-height:auto;padding:0;font-size:12px;font-weight:700}.siab2-login-page-scoped .siab2-login-card-status:before{content:"";background:#278560;border-radius:50%;width:7px;height:7px;margin-right:8px;box-shadow:0 0 0 4px #2785601f}.siab2-login-page-scoped .siab2-login-card-header{margin:18px 0 25px}.siab2-login-page-scoped .siab2-login-card-kicker{color:#5d6d66;letter-spacing:.08em;font-size:11px;font-weight:750}.siab2-login-page-scoped .siab2-login-card-header h2{color:#12231d;letter-spacing:-.025em;margin-top:8px;font-family:inherit;font-size:31px;font-style:normal;font-weight:760;line-height:1.12}.siab2-login-page-scoped .siab2-login-card-header p{color:#52615b;max-width:44ch;margin-top:9px;font-size:14px;font-weight:400;line-height:1.55}.siab2-login-page-scoped .siab2-login-role-label{color:#33483f;letter-spacing:0;text-transform:none;font-size:13px;font-weight:700}.siab2-login-page-scoped .siab2-login-role-tabs{background:#e9eeea;border-color:#d6ddd8;border-radius:12px;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;margin:9px 0 24px;padding:4px}.siab2-login-page-scoped .siab2-login-role-option{color:#46564f;background:0 0;border:0;border-radius:9px;min-width:0;min-height:42px;padding:0 8px;font-size:12px;font-weight:650}.siab2-login-page-scoped .siab2-login-role-option.ghost:hover,.siab2-login-page-scoped .siab2-login-role-option.ghost:focus-visible{color:#173a2e;outline-offset:-2px;background:#ffffffb8;border-color:#0000;outline:2px solid #4d826f}.siab2-login-page-scoped .siab2-login-role-option.primary{color:#fff;background:#176149;border-color:#0000;box-shadow:0 3px 9px #0f4b3833}.siab2-login-page-scoped .siab2-login-form-fields{gap:17px}.siab2-login-page-scoped .field-label{color:#2d4038;margin-bottom:7px;font-size:13px;font-weight:650}.siab2-login-page-scoped .input{color:#17231f;background:#fff;border-color:#cbd4ce;border-radius:10px;min-height:52px;box-shadow:0 1px 2px #0c231b0a}.siab2-login-page-scoped .input>svg{color:#617069}.siab2-login-page-scoped .input input{color:#17231f;font-size:14px}.siab2-login-page-scoped .input input::placeholder{color:#68766f;opacity:1}.siab2-login-page-scoped .input:hover{border-color:#9caaa3}.siab2-login-page-scoped .input:focus-within{background:#fff;border-color:#176149;box-shadow:0 0 0 3px #17614924}.siab2-login-page-scoped .input:has(input:valid:not(:-moz-placeholder-shown)){border-color:#87a296}.siab2-login-page-scoped .input:has(input:valid:not(:placeholder-shown)){border-color:#87a296}.siab2-login-page-scoped .siab2-login-pw-toggle{color:#53635c}.siab2-login-page-scoped .siab2-login-pw-toggle:hover,.siab2-login-page-scoped .siab2-login-pw-toggle:focus-visible{color:#0f4b38;outline-offset:-2px;background:#e6eee9;outline:2px solid #4d826f}.siab2-login-remember{cursor:pointer;-webkit-user-select:none;user-select:none;color:var(--siab2-login-muted);grid-template-columns:18px minmax(0,1fr);align-items:start;gap:10px;margin-top:2px;display:grid}.siab2-login-remember-input{appearance:auto;-webkit-appearance:checkbox;box-sizing:border-box;width:18px;min-width:18px;height:18px;min-height:18px;accent-color:var(--siab2-login-accent-2,#4e85bf);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;cursor:pointer;background:0 0;border:1.5px solid #ffffff59;border-radius:4px;flex:none;margin:2px 0 0;padding:0}.siab2-login-remember-copy{gap:3px;min-width:0;font-size:13px;line-height:1.4;display:grid}.siab2-login-remember-title{color:var(--siab2-login-text);font-weight:650}.siab2-login-remember-hint{color:var(--siab2-login-dim);font-size:12px;line-height:1.4}.siab2-login-remember:focus-within .siab2-login-remember-input{outline-offset:2px;outline:2px solid #89aacc8c}.siab2-login-page-scoped .siab2-login-remember{color:#46564f}.siab2-login-page-scoped .siab2-login-remember-input{accent-color:#176149;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:#fff;border:1.5px solid #9caaa3;border-radius:4px;width:18px;min-width:18px;height:18px;min-height:18px}.siab2-login-page-scoped .siab2-login-remember-title{color:#2d4038;font-weight:650}.siab2-login-page-scoped .siab2-login-remember-hint{color:#66746d}.siab2-login-page-scoped .siab2-login-remember:focus-within .siab2-login-remember-input{outline-offset:2px;outline:2px solid #4d826f}.siab2-login-page-scoped .siab2-login-form-fields+.btn.primary{color:#fff;letter-spacing:0;background:#0f4b38;border-color:#0f4b38;border-radius:10px;min-height:52px;margin-top:22px;font-weight:750;box-shadow:0 8px 20px #0f4b3833}.siab2-login-page-scoped .siab2-login-form-fields+.btn.primary:hover,.siab2-login-page-scoped .siab2-login-form-fields+.btn.primary:focus-visible{background:#0b392b;border-color:#0b392b;transform:translateY(-1px);box-shadow:0 10px 24px #0f4b383d,0 0 0 3px #17614929}.siab2-login-page-scoped .siab2-login-error{color:#7f1d1d;background:#fef2f2}.siab2-login-page-scoped .siab2-login-divider{background:#d9dfdb;margin:22px 0 17px}.siab2-login-page-scoped .siab2-login-footer .login-footer-line{display:none}.siab2-login-page-scoped .siab2-login-footer .login-footer-text{color:#64716a;flex-wrap:wrap;font-size:12px}.siab2-login-page-scoped .siab2-login-footer .login-footer-brand{color:#30483e;font-weight:650}.siab2-login-page-scoped .siab2-login-footer .login-footer-tag{color:#64716a}@media (width<=520px){.siab2-login-page-scoped .siab2-login-shell,.siab2-login-shell-scoped{width:min(100% - 20px,500px);padding:10px 0}.siab2-login-page-scoped .siab2-login-card{border-radius:16px;padding:22px 18px 20px}.siab2-login-page-scoped .siab2-scoped-login-lockup{grid-template-columns:auto minmax(0,1fr) auto;gap:10px;margin-bottom:22px;padding-bottom:17px}.siab2-login-page-scoped .siab2-scoped-login-link{grid-column:auto;font-size:0}.siab2-login-page-scoped .siab2-scoped-login-link:after{content:"Tentang";font-size:12px}.siab2-login-page-scoped .siab2-login-card-header h2{font-size:28px}.siab2-login-page-scoped .siab2-login-role-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.siab2-login-page-scoped .siab2-login-role-option{min-height:44px;font-size:13px}}.siab2-preview,.siab2-preview *{box-sizing:border-box}.siab2-preview{--siab2p-bg:#050505;--siab2p-bg-soft:#0a0a0a;--siab2p-surface:#141414;--siab2p-surface-soft:#141414ad;--siab2p-stroke:#ffffff1a;--siab2p-stroke-strong:#ffffff29;--siab2p-text:#f7f7f7;--siab2p-muted:#f7f7f7b8;--siab2p-dim:#f7f7f7b3;--siab2p-accent-1:#89aacc;--siab2p-accent-2:#4e85bf;--siab2p-font-body:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--siab2p-font-display:"Instrument Serif", Georgia, "Times New Roman", serif;width:100%;max-width:100vw;min-height:100dvh;color:var(--siab2p-text);background:var(--siab2p-bg);font-family:var(--siab2p-font-body);-webkit-font-smoothing:antialiased;text-rendering:geometricprecision;overflow-x:hidden}.siab2-preview a{color:inherit;text-decoration:none}.siab2-preview button,.siab2-preview input,.siab2-preview textarea,.siab2-preview select{font:inherit}.siab2-preview button{appearance:none;color:inherit;cursor:pointer;background:0 0;border:0;margin:0}.siab2-preview img,.siab2-preview video,.siab2-preview svg{display:block}.siab2-preview ::selection{background:var(--siab2p-accent-2);color:#fff}.siab2p-container{width:min(100% - 48px,1232px);margin-inline:auto}.siab2p-text-accent,.siab2p-bar-sky{color:var(--siab2p-accent-1)!important}.siab2p-eyebrow{color:var(--siab2p-accent-1);letter-spacing:.25em;text-transform:uppercase;font-size:12px;font-weight:700;line-height:1;display:inline-block}.siab2p-section{border-top:1px solid var(--siab2p-stroke);background:var(--siab2p-bg);padding:96px 0;scroll-margin-top:96px;position:relative}.siab2p-section-head{margin-bottom:64px}.siab2p-section-head-split{grid-template-columns:minmax(0,1.45fr) minmax(320px,.82fr);align-items:end;gap:clamp(32px,6vw,80px);display:grid}.siab2p-section-head-center{text-align:center;max-width:760px;margin-inline:auto}.siab2p-section-head h2{max-width:760px;color:var(--siab2p-text);font-family:var(--siab2p-font-body);letter-spacing:-.055em;margin:16px 0 0;font-size:clamp(42px,4.1vw,56px);font-weight:700;line-height:.96}.siab2p-section-head h2 em{color:var(--siab2p-accent-1);font-family:var(--siab2p-font-display);letter-spacing:-.035em;font-style:italic;font-weight:400}.siab2p-section-head p{color:var(--siab2p-muted);margin:0;font-size:14px;font-weight:300;line-height:1.55}.siab2p-section-head-center p{max-width:690px;margin:16px auto 0}.siab2p-nav-shell{z-index:70;pointer-events:none;justify-content:center;padding-inline:16px;display:flex;position:fixed;top:24px;left:0;right:0}.siab2p-nav{pointer-events:auto;-webkit-backdrop-filter:blur(20px)saturate(1.05);background:linear-gradient(#161616eb,#101010e0);border:1px solid #ffffff2b;border-radius:999px;justify-content:space-between;align-items:center;gap:18px;width:min(100%,1024px);min-height:62px;padding:8px 18px;transition:transform .26s,border-color .26s,box-shadow .26s;display:flex;box-shadow:0 24px 58px #00000075,inset 0 1px #ffffff0b}.siab2p-nav-scrolled{border-color:#ffffff2e;transform:scale(.96);box-shadow:0 28px 70px #0000007a,inset 0 1px #ffffff0a}.siab2p-nav-brand{text-align:left;align-items:center;gap:10px;min-width:0;display:inline-flex}.siab2p-nav-logo-wrap,.siab2p-institution-badge img,.siab2p-footer-brand img{background:#fff;border-radius:999px;overflow:hidden}.siab2p-nav-logo-wrap{border:1px solid #ffffff40;flex:none;width:34px;height:34px;box-shadow:0 0 10px #89aacc47}.siab2p-nav-logo-wrap img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.siab2p-nav-brand-text{flex-direction:column;gap:3px;line-height:1;display:flex}.siab2p-nav-brand-text strong{color:var(--siab2p-text);letter-spacing:.26em;font-size:11px;font-weight:800}.siab2p-nav-brand-text small{color:#f7f7f7b8;letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;font-size:8px;font-weight:600}.siab2p-nav-links{align-items:center;gap:6px;display:flex}.siab2p-nav-link{color:#f7f7f7b3;border:1px solid #0000;border-radius:999px;min-height:44px;padding:0 16px;font-size:12px;font-weight:700;transition:color .18s,background .18s,border-color .18s}.siab2p-nav-link:hover,.siab2p-nav-link:focus-visible,.siab2p-nav-link-active{color:#9fc2e1;background:#4e85bf4d;border-color:#4e85bfad;outline:none;box-shadow:inset 0 1px #89aacc1f,0 10px 20px #4e85bf17}.siab2p-nav-link-active{color:#89aacc!important;background:#132233!important;border-color:#4e85bfc7!important}.siab2p-nav-actions{align-items:center;gap:9px;display:inline-flex}.siab2p-nav-cta{min-height:44px;color:var(--siab2p-text);background:linear-gradient(90deg, #9fc2e1 0%, var(--siab2p-accent-2) 100%);white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;padding:4px;font-size:12px;font-weight:800;display:inline-flex;position:relative;box-shadow:0 14px 30px #4e85bf3d,0 0 0 1px #89aacc2e}.siab2p-nav-cta span{background:#111;border-radius:999px;justify-content:center;align-items:center;min-height:36px;padding:0 16px;display:inline-flex}.siab2p-menu-toggle{border-radius:999px;width:44px;height:44px;display:none;position:relative;background:#141414d6!important;border:1px solid #ffffff21!important}.siab2p-menu-toggle span{background:var(--siab2p-text);border-radius:10px;width:16px;height:1.5px;transition:transform .22s,opacity .22s;position:absolute;left:14px}.siab2p-menu-toggle span:first-child{top:15px}.siab2p-menu-toggle span:nth-child(2){top:21px}.siab2p-menu-toggle span:nth-child(3){top:27px}.siab2p-menu-toggle-open{border-color:#89aaccd9!important}.siab2p-menu-toggle-open span:first-child{transform:translateY(6px)rotate(45deg)}.siab2p-menu-toggle-open span:nth-child(2){opacity:0}.siab2p-menu-toggle-open span:nth-child(3){transform:translateY(-6px)rotate(-45deg)}.siab2p-mobile-drawer{z-index:55;pointer-events:none;opacity:0;background:radial-gradient(circle at 50% 24%,#89aacc14,#0000 36%),#050505f5;transition:opacity .24s;position:fixed;inset:0}.siab2p-mobile-drawer-open{pointer-events:auto;opacity:1}.siab2p-mobile-drawer-links{gap:33px;width:calc(100vw - 64px);display:grid;position:absolute;top:248px;left:32px}.siab2p-mobile-drawer-link{color:#f7f7f7d1;letter-spacing:.14em;text-transform:uppercase;text-align:left;justify-content:space-between;align-items:center;gap:18px;min-height:30px;font-size:13px;font-weight:800;display:flex}.siab2p-mobile-drawer-link i{color:#9fc2e1;background:#0000001a;border:1px solid #fff3;border-radius:999px;justify-content:center;align-items:center;width:32px;height:32px;font-style:normal;display:inline-flex}.siab2p-hero{background:#030303;flex-direction:column;justify-content:center;min-height:100svh;padding-top:108px;display:flex;position:relative;overflow:hidden}.siab2p-video-bg,.siab2p-video-bg:before,.siab2p-video-bg:after,.siab2p-video-vignette,.siab2p-video-gradient{position:absolute;inset:0}.siab2p-video-bg{z-index:0;background:radial-gradient(circle at 50% 3%,#89aacc33,#0000 20%),radial-gradient(circle at 83% 35%,#89552f1f,#0000 16%),radial-gradient(circle at 13% 39%,#89aacc0e,#0000 20%),#050505;overflow:hidden}.siab2p-video-bg:before{content:"";opacity:.58;filter:blur(.7px);background:repeating-conic-gradient(from 214deg at 49% 0,#89aacc12 0deg 7deg,#0000 8deg 18deg),radial-gradient(at 52% -2%,#0000 0 16%,#ffffff0b 19%,#0000 35%),radial-gradient(at 58% 17%,#89aacc09,#0000 42%);transform:scale(1.2)}.siab2p-video-bg:after{content:"";opacity:.42;background-image:radial-gradient(circle at 5% 39%,#ffffff6b 0 1px,#0000 3px),radial-gradient(circle at 18% 31%,#e2a76840 0 1px,#0000 4px),radial-gradient(circle at 32% 66%,#ffffff2e 0 1px,#0000 3px),radial-gradient(circle at 84% 29%,#ffffff2e 0 1px,#0000 3px),radial-gradient(circle at 92% 44%,#89aacc29 0 1px,#0000 4px),linear-gradient(115deg,#0000 0 49%,#ffffff05 50%,#0000 51%);background-size:auto,auto,auto,auto,auto,9px 9px}.siab2p-video{-o-object-fit:cover;object-fit:cover;opacity:.23;filter:saturate(.85)contrast(1.05);width:auto;min-width:100%;height:auto;min-height:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.siab2p-video-vignette{z-index:2;background:#050505cc}.siab2p-video-gradient{z-index:3;background:radial-gradient(at 51% 13%,#89aacc1b,#0000 37%),radial-gradient(at 82% 35%,#ffffff06,#0000 28%),linear-gradient(#0505051a 0%,#050505a8 72%,#050505 100%)}.siab2p-hero-inner{z-index:10;flex:auto;align-items:center;width:100%;padding:24px 0 112px;display:flex;position:relative}.siab2p-hero-grid{grid-template-columns:minmax(0,7fr) minmax(360px,5fr);align-items:center;gap:clamp(48px,8vw,120px);width:min(100% - 48px,1232px);margin-inline:auto;display:grid}.siab2p-hero-copy{max-width:720px}.siab2p-institution-badge{align-items:center;gap:16px;margin-bottom:26px;display:inline-flex}.siab2p-institution-badge img{-o-object-fit:cover;object-fit:cover;width:42px;height:42px;box-shadow:0 0 16px #89aacc75}.siab2p-institution-badge div{border-left:1px solid #ffffff1f;padding-left:14px}.siab2p-institution-badge p{color:var(--siab2p-text);letter-spacing:.25em;text-transform:uppercase;margin:0;font-size:12px;font-weight:700}.siab2p-institution-badge span{max-width:32ch;color:var(--siab2p-dim);letter-spacing:.04em;text-transform:none;margin-top:5px;font-size:10px;font-weight:500;line-height:1.35;display:block}.siab2p-hero h1{color:var(--siab2p-text);font-family:var(--siab2p-font-display);letter-spacing:-.075em;text-shadow:0 12px 35px #ffffff0a;margin:0 0 24px;font-size:clamp(90px,8.35vw,122px);font-style:italic;font-weight:700;line-height:.72}.siab2p-hero h2{color:#f7f7f7f5;letter-spacing:.12em;text-transform:uppercase;margin:0 0 24px;font-size:clamp(17px,1.42vw,20px);font-weight:700;line-height:1.25}.siab2p-role-line{min-height:24px;color:var(--siab2p-muted);margin:0 0 34px;font-size:16px;font-weight:300;line-height:1.55;animation:.42s both siab2p-role-fade}.siab2p-role-line strong{color:var(--siab2p-text);border-bottom:1px solid var(--siab2p-accent-2);font-family:var(--siab2p-font-display);font-size:18px;font-style:italic;font-weight:700}.siab2p-hero-description{color:#f7f7f7a8;max-width:580px;margin:0;font-size:14px;font-weight:300;line-height:1.55}.siab2p-hero-actions{flex-wrap:wrap;gap:16px;margin-top:36px;display:flex}.siab2p-button{letter-spacing:.14em;text-transform:uppercase;justify-content:center;align-items:center;min-height:50px;transition:transform .22s,border-color .22s,box-shadow .22s,opacity .22s;display:inline-flex;border-radius:999px!important;padding:0 32px!important;font-size:12px!important;font-weight:800!important}.siab2p-button:hover,.siab2p-button:focus-visible{outline:none;transform:scale(1.045)}.siab2p-button-solid{min-width:182px;box-shadow:0 20px 44px #4e85bf38;color:#06111f!important;background:linear-gradient(90deg, var(--siab2p-accent-1), var(--siab2p-accent-2))!important}.siab2p-button-outline{min-width:188px;border:1px solid var(--siab2p-stroke)!important;color:var(--siab2p-text)!important;background:#14141485!important}.siab2p-button-outline:hover,.siab2p-button-outline:focus-visible{border-color:#f7f7f76b!important}.siab2p-hero-card-slot{justify-content:center;width:100%;display:flex}.siab2p-photo-panel{isolation:isolate;width:min(100%,492px);margin:0;position:relative}.siab2p-photo-panel:before,.siab2p-photo-panel:after,.siab2p-photo-panel-glow{content:"";pointer-events:none;position:absolute}.siab2p-photo-panel:before{z-index:-2;filter:blur(16px);opacity:.78;background:linear-gradient(120deg,#89aacc21,#0000 42%),radial-gradient(circle at 74% 18%,#4e85bf4d,#0000 34%),radial-gradient(circle at 20% 82%,#ffffff14,#0000 26%);border-radius:32px;inset:-20px -18px 24px 18px}.siab2p-photo-panel:after{z-index:-1;opacity:.58;background-image:linear-gradient(#89aacc0f 1px,#0000 1px),linear-gradient(90deg,#89aacc0d 1px,#0000 1px);background-size:26px 26px;border:1px solid #89aacc1f;border-radius:28px;inset:14px -12px -14px 42px}.siab2p-photo-panel-glow{z-index:0;filter:blur(34px);background:#4e85bf38;border-radius:999px;width:118px;height:118px;top:28px;right:18px}.siab2p-photo-frame{z-index:1;-webkit-backdrop-filter:blur(26px)saturate(1.06);background:linear-gradient(#ffffff1a,#ffffff09),#0b0f16b8;border:1px solid #ffffff2b;border-radius:28px;padding:10px;position:relative;overflow:hidden;box-shadow:0 30px 72px #0000008f,0 0 0 1px #89aacc0b,inset 0 1px #ffffff14}.siab2p-photo-frame img{aspect-ratio:16/9;-o-object-fit:cover;object-fit:cover;-o-object-position:center center;object-position:center center;filter:saturate(1.04)contrast(1.03)brightness(.95);border-radius:20px;width:100%}.siab2p-photo-sheen{pointer-events:none;background:linear-gradient(#05090e0d 0%,#05090e14 48%,#05090e6b 100%),radial-gradient(circle at 16% 12%,#ffffff29,#0000 24%),linear-gradient(120deg,#89aacc2e,#0000 34%,#ffffff0f 54%,#0000 72%);border-radius:20px;position:absolute;inset:10px}.siab2p-photo-badge{z-index:2;color:#f7f7f7eb;letter-spacing:.16em;text-transform:uppercase;-webkit-backdrop-filter:blur(14px);background:#04080e8a;border:1px solid #ffffff2e;border-radius:999px;padding:8px 12px;font-size:9px;font-weight:800;line-height:1;position:absolute;top:24px;left:24px;box-shadow:0 12px 30px #00000047,inset 0 1px #ffffff1a}.siab2p-photo-caption{z-index:2;color:var(--siab2p-text);justify-content:space-between;align-items:flex-end;gap:18px;display:flex;position:absolute;bottom:24px;left:24px;right:24px}.siab2p-photo-caption span,.siab2p-photo-meta span{letter-spacing:.18em;text-transform:uppercase;font-size:10px;font-weight:800}.siab2p-photo-caption span{color:#f7f7f7db}.siab2p-photo-caption strong{color:#d8e8f8;max-width:20ch;font-family:var(--siab2p-font-display);letter-spacing:-.035em;text-align:right;text-shadow:0 10px 28px #00000094;font-size:clamp(20px,2vw,28px);font-style:italic;font-weight:700;line-height:.95}.siab2p-photo-meta{color:#89aaccb8;justify-content:center;align-items:center;gap:10px;margin-top:14px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;display:flex}.siab2p-photo-meta i{background:#89aaccbd;border-radius:999px;width:5px;height:5px;box-shadow:0 0 14px #89aacc73}.siab2p-card-title-dot{align-items:center;gap:9px;display:inline-flex}.siab2p-card-title-dot span,.siab2p-connected span,.siab2p-browser-status i,.siab2p-footer-bottom i,.siab2p-footer-chips i,.siab2p-lightbox-status i{background:#10b981;border-radius:999px;width:8px;height:8px}.siab2p-presence-row{justify-content:space-between;align-items:center;gap:16px;display:flex}.siab2p-presence-row span{color:#f7f7f794;letter-spacing:.08em;text-transform:uppercase;font-size:9px;font-weight:700;line-height:1.3;display:block}.siab2p-presence-row strong{color:var(--siab2p-text);letter-spacing:-.02em;margin-top:6px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:14px;font-weight:800;display:block}.siab2p-presence-row i{color:#10b981;background:#10b9811c;border:1px solid #10b98157;border-radius:4px;padding:3px 9px;font-size:9px;font-style:normal;font-weight:700}.siab2p-progress-track{background:#ffffff14;border-radius:999px;height:4px;margin-top:10px;overflow:hidden}.siab2p-progress-fill{border-radius:inherit;background:#10b981;width:97.4%;height:100%}.siab2p-scroll-indicator{z-index:12;color:var(--siab2p-dim);text-transform:uppercase;flex-direction:column;align-items:center;gap:12px;display:flex;position:absolute;bottom:76px;left:50%;transform:translate(-50%)}.siab2p-scroll-indicator span{letter-spacing:.22em;font-size:9px;font-weight:700}.siab2p-scroll-indicator i{background:#ffffff2b;width:1px;height:26px;position:relative;overflow:hidden}.siab2p-scroll-indicator i:after{content:"";background:linear-gradient(180deg, var(--siab2p-accent-1), var(--siab2p-accent-2));border-radius:999px;height:50%;animation:1.5s ease-in-out infinite siab2p-scroll-down;position:absolute;inset:0}.siab2p-ledger-strip{z-index:11;border-top:1px solid var(--siab2p-stroke);-webkit-backdrop-filter:blur(18px);background:#14141475;position:absolute;bottom:0;left:0;right:0}.siab2p-ledger-grid{grid-template-columns:repeat(6,minmax(0,1fr));width:min(100% - 48px,1232px);margin-inline:auto;display:grid}.siab2p-ledger-item{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:72px;display:flex}.siab2p-ledger-item span{color:var(--siab2p-muted);letter-spacing:.22em;text-transform:uppercase;font-size:10px;font-weight:700}.siab2p-ledger-item strong{color:var(--siab2p-text);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:14px;font-weight:800}.siab2p-ledger-item .siab2p-ledger-good{color:#10b981}.siab2p-modules-section{background:#1414143d}.siab2p-module-grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:20px;display:grid}.siab2p-module-card{border:1px solid var(--siab2p-stroke);background:#14141494;border-radius:16px;min-height:350px;padding:26px;transition:border-color .26s,transform .26s;position:relative;overflow:hidden}.siab2p-module-card:hover{border-color:#89aacc7a}.siab2p-module-card-1,.siab2p-module-card-4{grid-column:span 7}.siab2p-module-card-2,.siab2p-module-card-3{grid-column:span 5}.siab2p-card-hover-wash{opacity:0;pointer-events:none;background:linear-gradient(35deg,#4e85bf14,#0000 52%);transition:opacity .26s;position:absolute;inset:0}.siab2p-module-card:hover .siab2p-card-hover-wash,.siab2p-role-detail:hover .siab2p-card-hover-wash,.siab2p-parallax-card:hover .siab2p-card-hover-wash{opacity:1}.siab2p-module-card-top{z-index:1;justify-content:space-between;align-items:center;gap:16px;display:flex;position:relative}.siab2p-module-card-top span{color:#f7f7f7c7;letter-spacing:.21em;text-transform:uppercase;background:#ffffff0f;border:1px solid #ffffff0d;border-radius:999px;align-items:center;min-height:24px;padding:0 12px;font-size:9px;font-weight:800;display:inline-flex}.siab2p-module-card-top button{color:#f7f7f7b8;border-radius:999px;justify-content:center;align-items:center;width:28px;height:28px;font-size:13px;display:inline-flex;border:1px solid #ffffff14!important}.siab2p-module-copy{z-index:1;margin-top:22px;position:relative}.siab2p-module-copy h3{color:var(--siab2p-text);letter-spacing:-.03em;margin:0;font-size:21px;font-weight:700}.siab2p-module-copy p{color:#f7f7f7b3;max-width:620px;margin:10px 0 0;font-size:12px;font-weight:300;line-height:1.65}.siab2p-module-preview{z-index:1;margin-top:34px;position:relative}.siab2p-mini-table,.siab2p-module-chart,.siab2p-module-timeline,.siab2p-signature-preview{background:#05050585;border:1px solid #ffffff14;border-radius:12px;width:100%;overflow:hidden}.siab2p-mini-table-head,.siab2p-mini-table-row{grid-template-columns:1fr 1.25fr 1fr .62fr;align-items:center;gap:16px;display:grid}.siab2p-mini-table-head{color:#f7f7f7d4;letter-spacing:.12em;text-transform:uppercase;border-bottom:1px solid #ffffff14;padding:12px 14px;font-size:8px;font-weight:800}.siab2p-mini-table-row{border-bottom:1px solid #ffffff09;padding:10px 14px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:9px}.siab2p-mini-table-row:last-child{border-bottom:0}.siab2p-mini-table-row span{color:#f7f7f7c7}.siab2p-mini-table-row strong{color:var(--siab2p-text);font-family:var(--siab2p-font-body);white-space:nowrap;text-overflow:ellipsis;font-size:9px;font-weight:600;overflow:hidden}.siab2p-mini-table-row em{color:#10b981;font-style:normal;font-weight:800}.siab2p-module-chart,.siab2p-module-timeline,.siab2p-signature-preview{padding:16px}.siab2p-module-chart-title,.siab2p-chart-line div,.siab2p-module-timeline-head,.siab2p-timeline-entry,.siab2p-signature-row,.siab2p-signature-footer{justify-content:space-between;gap:16px;display:flex}.siab2p-module-chart-title{align-items:center;margin-bottom:14px}.siab2p-module-chart-title strong{color:#f7f7f7eb;font-size:10px;font-weight:800}.siab2p-module-chart-title em{color:#10b981;letter-spacing:.12em;text-transform:uppercase;font-size:9px;font-style:normal;font-weight:800}.siab2p-chart-line+.siab2p-chart-line{margin-top:10px}.siab2p-chart-line div{align-items:center;margin-bottom:5px}.siab2p-chart-line span{color:#f7f7f7eb;font-size:10px;font-weight:700}.siab2p-chart-line strong{font-size:10px;font-weight:800}.siab2p-chart-line i,.siab2p-parallax-progress i,.siab2p-metric-progress{background:#ffffff14;border-radius:999px;height:5px;display:block;overflow:hidden}.siab2p-chart-line b,.siab2p-parallax-progress b,.siab2p-metric-progress b{border-radius:inherit;height:100%;display:block}.siab2p-bar-emerald{color:#10b981!important}.siab2p-bar-orange{color:#fb923c!important}.siab2p-bar-rose{color:#fb7185!important}.siab2p-chart-line b.siab2p-bar-emerald,.siab2p-parallax-progress b.siab2p-bar-emerald{background:#10b981}.siab2p-chart-line b.siab2p-bar-sky,.siab2p-parallax-progress b.siab2p-bar-sky{background:#38bdf8}.siab2p-chart-line b.siab2p-bar-orange{background:#fb923c}.siab2p-parallax-progress b.siab2p-bar-rose{background:#fb7185}.siab2p-module-timeline-head{color:#f7f7f7db;letter-spacing:.12em;text-transform:uppercase;border-bottom:1px solid #ffffff14;padding-bottom:10px;font-size:8px;font-weight:800}.siab2p-timeline-entry{border-left:2px solid var(--siab2p-accent-2);align-items:flex-start;margin-top:12px;padding:2px 0 2px 12px}.siab2p-timeline-entry-green{border-left-color:#10b981}.siab2p-timeline-entry strong{color:var(--siab2p-text);font-size:10px}.siab2p-timeline-entry span{color:#f7f7f7b8;margin-top:4px;font-size:9px;display:block}.siab2p-timeline-entry em{color:var(--siab2p-accent-1);font-size:9px;font-style:normal;font-weight:700}.siab2p-signature-paper{background:#0000004d;border:1px dashed #ffffff24;border-radius:10px;padding:14px}.siab2p-signature-head{text-align:center;border-bottom:1px solid #ffffff14;padding-bottom:10px}.siab2p-signature-head strong{color:var(--siab2p-text);text-transform:uppercase;font-size:10px;display:block}.siab2p-signature-head span{color:#f7f7f7c7;margin-top:4px;font-size:9px;display:block}.siab2p-signature-row{color:#f7f7f7bf;margin-top:10px;font-size:9px}.siab2p-signature-row strong{color:#10b981}.siab2p-signature-footer{color:#f7f7f7b3;align-items:flex-end;margin-top:14px;font-size:9px}.siab2p-signature-footer small{color:#f7f7f773;margin-top:3px;display:block}.siab2p-signature-footer div:last-child{text-align:center;border-top:1px solid #ffffff1f;min-width:112px;padding-top:6px}.siab2p-signature-footer em{color:#10b981;background:#10b9811a;border:1px solid #10b98140;border-radius:4px;margin-top:5px;padding:2px 8px;font-style:italic;font-weight:800;display:inline-flex}.siab2p-section-center-action{justify-content:center;margin-top:40px;display:flex}.siab2p-section-center-action button{min-height:44px;color:var(--siab2p-dim);letter-spacing:.12em;text-transform:uppercase;border-radius:999px;align-items:center;gap:8px;padding:0 24px;font-size:12px;font-weight:800;transition:color .2s,border-color .2s;display:inline-flex;border:1px solid var(--siab2p-stroke)!important}.siab2p-section-center-action button:hover{color:var(--siab2p-text);border-color:#89aacc8c!important}.siab2p-role-section{background:var(--siab2p-bg)}.siab2p-role-grid{grid-template-columns:minmax(320px,5fr) minmax(0,7fr);align-items:start;gap:32px;display:grid}.siab2p-role-list{gap:12px;display:grid}.siab2p-role-list-item{text-align:left;border-radius:16px;align-items:center;gap:16px;min-height:78px;padding:16px;transition:border-color .22s,background .22s,transform .22s;display:flex;border:1px solid var(--siab2p-stroke)!important;background:#14141452!important}.siab2p-role-list-item-active{box-shadow:0 0 24px #4e85bf24;border-color:var(--siab2p-accent-2)!important;background:#141414d1!important}.siab2p-role-list-icon,.siab2p-role-detail-title span{border:1px solid var(--siab2p-stroke);width:42px;height:42px;color:var(--siab2p-muted);background:#14141499;border-radius:12px;flex:none;justify-content:center;align-items:center;display:inline-flex}.siab2p-role-list-item-active .siab2p-role-list-icon{color:#06111f;background:linear-gradient(90deg, var(--siab2p-accent-1), var(--siab2p-accent-2));border-color:#0000}.siab2p-role-icon{width:24px;height:24px}.siab2p-role-list-copy{flex:1;min-width:0}.siab2p-role-list-copy>span{justify-content:space-between;align-items:center;gap:12px;display:flex}.siab2p-role-list-copy strong{color:var(--siab2p-text);white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:700;overflow:hidden}.siab2p-role-list-copy em{color:var(--siab2p-dim);letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;font-size:9px;font-style:normal;font-weight:800}.siab2p-role-list-item-active .siab2p-role-list-copy em{color:var(--siab2p-accent-1)}.siab2p-role-list-copy small{color:var(--siab2p-dim);white-space:nowrap;text-overflow:ellipsis;margin-top:6px;font-size:12px;display:block;overflow:hidden}.siab2p-role-detail{border:1px solid var(--siab2p-stroke);background:#1414146b;border-radius:24px;min-height:350px;padding:32px;position:relative;overflow:hidden}.siab2p-role-detail-meta{z-index:1;justify-content:space-between;gap:16px;margin-bottom:34px;display:flex;position:relative}.siab2p-role-detail-meta span,.siab2p-role-features h4{color:var(--siab2p-dim);letter-spacing:.16em;text-transform:uppercase;font-size:10px;font-weight:800}.siab2p-role-detail-meta strong{border:1px solid var(--siab2p-stroke);color:var(--siab2p-dim);text-transform:uppercase;letter-spacing:.18em;background:#ffffff0f;border-radius:999px;padding:6px 12px;font-size:10px}.siab2p-role-detail-title{z-index:1;align-items:center;gap:14px;display:flex;position:relative}.siab2p-role-detail-title span{border:1.5px solid var(--siab2p-accent-2);width:50px;height:50px;color:var(--siab2p-text)}.siab2p-role-detail-title h3{color:var(--siab2p-text);font-family:var(--siab2p-font-display);margin:0;font-size:clamp(28px,3vw,34px);font-style:italic;font-weight:700}.siab2p-role-detail>p{z-index:1;max-width:680px;color:var(--siab2p-dim);margin:22px 0 0;font-size:14px;font-weight:300;line-height:1.7;position:relative}.siab2p-role-features{z-index:1;border-top:1px solid #ffffff17;margin-top:44px;padding-top:24px;position:relative}.siab2p-role-features div{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:16px;display:grid}.siab2p-role-features span{color:#f7f7f7e0;background:#14141494;border:1px solid #ffffff12;border-radius:12px;align-items:center;gap:12px;padding:12px;font-size:12px;font-weight:600;display:flex}.siab2p-role-features i{background:linear-gradient(90deg, var(--siab2p-accent-1), var(--siab2p-accent-2));border-radius:999px;flex:none;width:6px;height:6px}.siab2p-dashboard-section{background:#1414141a}.siab2p-browser-mockup{border:1px solid var(--siab2p-stroke);background:var(--siab2p-surface);border-radius:16px;position:relative;overflow:hidden;box-shadow:0 30px 70px #00000070}.siab2p-browser-accent{background:linear-gradient(90deg, var(--siab2p-accent-1), var(--siab2p-accent-2));z-index:1;height:2px;position:absolute;top:0;left:0;right:0}.siab2p-browser-header{border-bottom:1px solid var(--siab2p-stroke);background:#05050594;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;padding:13px 20px;display:grid}.siab2p-window-dots{gap:7px;display:flex}.siab2p-window-dots span{background:#262626;border-radius:999px;width:10px;height:10px}.siab2p-address-pill{color:#f7f7f7e6;white-space:nowrap;background:#ffffff0f;border:1px solid #ffffff0f;border-radius:999px;padding:7px 26px;font-size:11px;font-weight:500;box-shadow:inset 0 1px #ffffff09}.siab2p-connected{color:var(--siab2p-accent-1);justify-content:flex-end;align-items:center;gap:7px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:9px;display:inline-flex}.siab2p-dashboard-tabs{border-bottom:1px solid var(--siab2p-stroke);background:#1414146b;grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.siab2p-dashboard-tab{color:#f7f7f794;letter-spacing:.08em;text-transform:uppercase;min-height:47px;font-size:11px;font-weight:800;transition:background .18s,color .18s,border-color .18s;border-right:1px solid var(--siab2p-stroke)!important}.siab2p-dashboard-tab:last-child{border-right:0!important}.siab2p-dashboard-tab-active{color:var(--siab2p-text);border-bottom:2px solid var(--siab2p-accent-2)!important;background:var(--siab2p-bg)!important}.siab2p-browser-content{background:var(--siab2p-bg);min-height:407px;padding:28px}.siab2p-dashboard-content{animation:.22s both siab2p-tab-in}.siab2p-dashboard-metrics{gap:12px;display:grid}.siab2p-dashboard-metrics-admin{grid-template-columns:repeat(3,minmax(0,1fr))}.siab2p-dashboard-metrics-head{grid-template-columns:repeat(2,minmax(0,1fr))}.siab2p-dashboard-metric{border:1px solid var(--siab2p-stroke);background:var(--siab2p-surface);border-radius:12px;padding:20px 18px;transition:border-color .18s}.siab2p-dashboard-metric:hover{border-color:#89aacc6b}.siab2p-dashboard-metric>span{color:#f7f7f7b8;font-size:12px;font-weight:700}.siab2p-dashboard-metric>div:not(.siab2p-schedule-head){justify-content:space-between;align-items:flex-end;gap:16px;margin-top:12px;display:flex}.siab2p-dashboard-metric strong{color:var(--siab2p-text);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:30px;font-weight:800;line-height:1}.siab2p-dashboard-list-block{margin-top:20px}.siab2p-dashboard-list-block:first-child{margin-top:0}.siab2p-dashboard-list-block>p{color:#f7f7f7f5;margin:0 0 10px 4px;font-size:12px;font-weight:800}.siab2p-dashboard-list{gap:7px;display:grid}.siab2p-dashboard-list-row{border:1px solid var(--siab2p-stroke);background:#141414d1;border-radius:11px;align-items:center;gap:14px;min-height:64px;padding:12px 16px;display:flex}.siab2p-dashboard-list-row>div{flex:1;min-width:0}.siab2p-dashboard-list-row strong{color:var(--siab2p-text);white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:800;display:block;overflow:hidden}.siab2p-dashboard-list-row small{color:#f7f7f7ad;white-space:nowrap;text-overflow:ellipsis;margin-top:4px;font-size:12px;display:block;overflow:hidden}.siab2p-row-dot{background:var(--siab2p-accent-1);border-radius:999px;flex:none;width:6px;height:6px}.siab2p-row-number{color:#f7f7f7cc;background:#ffffff12;border-radius:8px;justify-content:center;align-items:center;width:28px;height:28px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:10px;font-weight:800;display:inline-flex}.siab2p-row-time{color:#f7f7f7b8;white-space:nowrap;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:10px;font-style:normal}.siab2p-status-badge{letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;border-radius:4px;justify-content:center;align-items:center;padding:5px 9px;font-size:10px;font-weight:800;line-height:1;display:inline-flex}.siab2p-status-badge-emerald{color:#10b981;background:#10b98129;border:1px solid #10b98152}.siab2p-status-badge-sky{color:#38bdf8;background:#38bdf829;border:1px solid #38bdf852}.siab2p-status-badge-amber{color:#f59e0b;background:#f59e0b29;border:1px solid #f59e0b52}.siab2p-status-badge-rose{color:#f43f5e;background:#f43f5e29;border:1px solid #f43f5e52}.siab2p-status-badge-orange{color:#fb923c;background:#f973162b;border:1px solid #f9731661}.siab2p-status-badge-slate{color:#94a3b8;background:#64748b29;border:1px solid #64748b52}.siab2p-status-badge-neutral{color:#737373;background:#262626e6;border:1px solid #73737347}.siab2p-dashboard-schedule-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.siab2p-schedule-head{justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;display:flex}.siab2p-schedule-head em{color:var(--siab2p-accent-1);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;font-style:normal;font-weight:800}.siab2p-schedule-title{margin-bottom:6px;display:block;font-family:var(--siab2p-font-body)!important;font-size:14px!important}.siab2p-dashboard-metric small{color:#f7f7f7ad;font-size:12px}.siab2p-attendance-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.siab2p-attendance-card{text-align:center;border:1px solid;border-radius:12px;padding:14px}.siab2p-attendance-card span{letter-spacing:.08em;margin-bottom:8px;font-size:10px;font-weight:800;display:block}.siab2p-attendance-card strong{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:18px}.siab2p-attendance-hadir{color:#10b981;background:#10b98129;border-color:#10b98147}.siab2p-attendance-izin{color:#38bdf8;background:#38bdf829;border-color:#38bdf847}.siab2p-attendance-sakit{color:#f59e0b;background:#f59e0b29;border-color:#f59e0b47}.siab2p-attendance-terlambat{color:#fb923c;background:#f9731629;border-color:#f9731647}.siab2p-metric-progress{margin-top:14px}.siab2p-metric-progress b{background:linear-gradient(90deg, var(--siab2p-accent-1), var(--siab2p-accent-2))}.siab2p-small-action{background:var(--siab2p-text);color:var(--siab2p-bg);letter-spacing:.08em;text-transform:uppercase;border-radius:7px;padding:7px 10px;font-size:9px;font-weight:800}.siab2p-browser-status{border-top:1px solid var(--siab2p-stroke);color:var(--siab2p-dim);background:#1414146b;justify-content:space-between;align-items:center;gap:16px;padding:11px 20px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:10px;display:flex}.siab2p-browser-status strong{align-items:center;gap:7px;font-weight:500;display:inline-flex}.siab2p-parallax-section{padding-top:56px;padding-bottom:96px}.siab2p-parallax-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;padding-top:24px;display:grid}.siab2p-parallax-card{text-align:left;background:linear-gradient(#161616fa,#111111fa);border:1px solid #ffffff1f;border-radius:16px;flex-direction:column;justify-content:space-between;min-height:300px;padding:22px;transition:border-color .22s,transform .22s,box-shadow .22s;display:flex;position:relative;overflow:hidden;box-shadow:0 18px 44px #0003,inset 0 1px #ffffff06}.siab2p-parallax-card:hover{border-color:#89aacc85;box-shadow:0 22px 54px #00000047,inset 0 1px #ffffff09}.siab2p-parallax-card:nth-child(2),.siab2p-parallax-card:nth-child(5){transform:translateY(34px)}.siab2p-parallax-card:nth-child(4),.siab2p-parallax-card:nth-child(6){transform:translateY(44px)}.siab2p-parallax-card-head{z-index:1;justify-content:space-between;gap:12px;margin-bottom:18px;display:flex;position:relative}.siab2p-parallax-card-head span{color:var(--siab2p-accent-1);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:10px;font-weight:800;display:block}.siab2p-parallax-card-head strong{color:#f7f7f7e0;letter-spacing:-.02em;margin-top:7px;font-size:17px;font-weight:800;display:block}.siab2p-parallax-card-head em{color:var(--siab2p-accent-2);font-size:12px;font-style:normal}.siab2p-parallax-preview{z-index:1;margin-bottom:16px;position:relative}.siab2p-parallax-card>p{z-index:1;color:#f7f7f7ad;margin:0;font-size:12px;line-height:1.6;position:relative}.siab2p-benefit-line{z-index:1;color:var(--siab2p-accent-1);letter-spacing:.08em;text-transform:uppercase;border-top:1px solid #ffffff18;align-items:center;gap:8px;margin-top:16px;padding-top:12px;font-size:9px;font-weight:800;display:flex;position:relative}.siab2p-benefit-line i{background:var(--siab2p-accent-1);border-radius:999px;flex:none;width:6px;height:6px}.siab2p-parallax-mini-table{background:#05050533;border:1px solid #ffffff1f;border-radius:12px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;overflow:hidden}.siab2p-parallax-mini-table div,.siab2p-parallax-mini-table p{grid-template-columns:1fr 1.25fr .58fr;align-items:center;gap:8px;margin:0;padding:9px 12px;display:grid}.siab2p-parallax-mini-table div{color:#f7f7f7d6;letter-spacing:.1em;text-transform:uppercase;background:#ffffff09;font-size:8px;font-weight:800}.siab2p-parallax-mini-table p{color:#f7f7f7bf;border-top:1px solid #ffffff0f;font-size:9px}.siab2p-parallax-mini-table strong{color:var(--siab2p-text);font-family:var(--siab2p-font-body);text-overflow:ellipsis;white-space:nowrap;font-size:9px;font-weight:600;overflow:hidden}.siab2p-parallax-mini-table em{color:#10b981;font-style:normal;font-weight:800}.siab2p-parallax-progress{gap:10px;display:grid}.siab2p-parallax-progress p{color:#f7f7f7eb;justify-content:space-between;margin:0 0 5px;font-size:10px;font-weight:700;display:flex}.siab2p-parallax-progress small,.siab2p-parallax-bars small,.siab2p-parallax-checks small{color:#f7f7f7a3;letter-spacing:.12em;text-transform:uppercase;font-size:9px;font-weight:800}.siab2p-parallax-schedule{gap:12px;display:grid}.siab2p-parallax-schedule p{border-left:2px solid var(--siab2p-accent-2);gap:12px;margin:0;padding-left:12px;display:flex}.siab2p-parallax-schedule p:first-child{border-left-color:#10b981}.siab2p-parallax-schedule time{color:#f7f7f7ad;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:9px}.siab2p-parallax-schedule strong{color:var(--siab2p-text);font-size:10px;display:block}.siab2p-parallax-schedule em{color:#f7f7f7a8;margin-top:3px;font-size:9px;font-style:normal;display:block}.siab2p-parallax-checks{gap:8px;display:grid}.siab2p-parallax-checks p{color:#f7f7f7b3;align-items:center;gap:10px;margin:0;font-size:9px;display:flex}.siab2p-parallax-checks span{border:1px solid var(--siab2p-stroke);color:#f7f7f799;border-radius:4px;justify-content:center;align-items:center;width:16px;height:16px;display:inline-flex}.siab2p-check-done{text-decoration:line-through}.siab2p-check-done span{color:#10b981;background:#10b9811f;border-color:#10b98159;text-decoration:none}.siab2p-parallax-bars>div{align-items:end;gap:5px;height:62px;display:flex}.siab2p-parallax-bars p{flex-direction:column;flex:1;align-items:center;gap:6px;margin:0;display:flex}.siab2p-parallax-bars i{background:linear-gradient(90deg, var(--siab2p-accent-1), var(--siab2p-accent-2));opacity:.78;border-radius:3px 3px 0 0;width:100%}.siab2p-parallax-bars span{color:#f7f7f7a3;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:7px}.siab2p-parallax-report{text-align:center;background:#05050547;border:1px dashed #ffffff1a;border-radius:10px;padding:14px}.siab2p-parallax-report>strong{color:var(--siab2p-text);text-transform:uppercase;font-size:9px;display:block}.siab2p-parallax-report>span{color:#f7f7f7b8;margin:4px 0 13px;font-size:8px;display:block}.siab2p-parallax-report p{color:#f7f7f7b3;justify-content:space-between;margin:8px 0 0;font-size:9px;display:flex}.siab2p-parallax-report em{font-style:normal}.siab2p-parallax-report b{color:#10b981}.siab2p-parallax-report i{color:#10b981;background:#10b9811a;border:1px solid #10b98140;border-radius:4px;margin-top:13px;padding:2px 10px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:8px;font-style:italic;font-weight:800;display:inline-flex}.siab2p-lightbox{z-index:9999;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#050505e6;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.siab2p-lightbox-card{border:1px solid var(--siab2p-stroke);background:var(--siab2p-surface);border-radius:24px;width:min(100%,430px);padding:28px}.siab2p-lightbox-head{justify-content:space-between;align-items:center;gap:16px;display:flex}.siab2p-lightbox-head span{color:var(--siab2p-accent-1);letter-spacing:.12em;text-transform:uppercase;font-size:12px;font-weight:800}.siab2p-lightbox-head button{width:34px;height:34px;color:var(--siab2p-muted);border-radius:999px;border:1px solid var(--siab2p-stroke)!important}.siab2p-lightbox-card h3{color:var(--siab2p-text);font-family:var(--siab2p-font-display);margin:24px 0 8px;font-size:28px;font-style:italic}.siab2p-lightbox-card>p{color:var(--siab2p-muted);font-size:14px;line-height:1.6}.siab2p-lightbox-status{border:1px solid var(--siab2p-stroke);background:var(--siab2p-bg);color:#f7f7f7e0;border-radius:12px;align-items:center;gap:10px;margin-top:20px;padding:12px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;display:flex}.siab2p-stats-section{border-top:1px solid var(--siab2p-stroke);background:var(--siab2p-bg);padding:80px 0}.siab2p-stats-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:32px;display:grid}.siab2p-stat-item{text-align:center}.siab2p-stat-item strong{color:var(--siab2p-text);font-family:var(--siab2p-font-display);font-size:clamp(46px,4.6vw,64px);font-style:italic;font-weight:700;line-height:1;display:block}.siab2p-stat-item span{color:#f7f7f7d1;letter-spacing:.08em;text-transform:uppercase;margin-top:12px;font-size:12px;font-weight:800;display:block}.siab2p-footer{border-top:1px solid var(--siab2p-stroke);background:#14141433;padding:0 0 40px;overflow:hidden}.siab2p-marquee{border-bottom:1px solid var(--siab2p-stroke);border-top:1px solid var(--siab2p-stroke);background:#1414142e;width:100%;padding:10px 0;overflow:hidden}.siab2p-marquee-track{color:#f7f7f759;letter-spacing:.15em;text-transform:uppercase;white-space:nowrap;gap:16px;width:max-content;font-size:12px;font-weight:800;animation:30s linear infinite siab2p-marquee;display:flex}.siab2p-marquee-track span{flex:none;padding-inline:16px}.siab2p-footer-grid{grid-template-columns:5fr 3fr 4fr;gap:56px;padding-top:76px;padding-bottom:72px;display:grid}.siab2p-footer-brand{align-items:center;gap:12px;display:flex}.siab2p-footer-brand img{-o-object-fit:cover;object-fit:cover;width:46px;height:46px;box-shadow:0 0 0 2px #89aacc59}.siab2p-footer-brand strong{color:var(--siab2p-text);letter-spacing:.04em;font-size:16px;font-weight:800;display:block}.siab2p-footer-brand span{color:#f7f7f7cc;letter-spacing:.1em;text-transform:uppercase;margin-top:4px;font-size:10px;font-weight:800;display:block}.siab2p-footer-brand-block>p,.siab2p-footer-contact>p{color:#f7f7f7b3;font-size:12px;font-weight:300;line-height:1.65}.siab2p-footer-brand-block>p{max-width:395px;margin:24px 0 0 4px}.siab2p-footer-chips{flex-wrap:wrap;gap:9px;margin-top:22px;display:flex}.siab2p-footer-chips span{border:1px solid var(--siab2p-stroke);color:#f7f7f7c2;letter-spacing:.06em;text-transform:uppercase;background:#14141480;border-radius:999px;align-items:center;gap:7px;min-height:30px;padding:0 14px;font-size:10px;font-weight:800;display:inline-flex}.siab2p-footer-nav h4,.siab2p-footer-contact h4{color:var(--siab2p-text);letter-spacing:.16em;text-transform:uppercase;margin:0 0 22px;font-size:12px;font-weight:800}.siab2p-footer-nav{flex-direction:column;align-items:flex-start;display:flex}.siab2p-footer-nav button{color:#f7f7f7b8;align-items:center;gap:6px;min-height:38px;font-size:13px;font-weight:700;transition:color .18s;display:flex}.siab2p-footer-nav button span{opacity:0;color:var(--siab2p-accent-1);transition:opacity .18s}.siab2p-footer-nav button:hover{color:var(--siab2p-text)}.siab2p-footer-nav button:hover span{opacity:1}.siab2p-footer-contact>p{margin:0 0 22px}.siab2p-contact-card{border:1px solid var(--siab2p-stroke);background:#141414c7;border-radius:12px;gap:14px;padding:16px;display:grid}.siab2p-contact-card a,.siab2p-contact-card>span{color:#f7f7f7d6;align-items:flex-start;gap:12px;font-size:12px;line-height:1.45;display:flex}.siab2p-contact-card a{color:var(--siab2p-text);word-break:break-all;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-weight:800}.siab2p-footer-actions{flex-wrap:wrap;gap:12px;margin-top:22px;display:flex}.siab2p-footer-primary,.siab2p-footer-secondary{letter-spacing:.08em;text-transform:uppercase;border-radius:999px;justify-content:center;align-items:center;min-height:44px;padding:0 22px;font-size:12px;font-weight:800;display:inline-flex}.siab2p-footer-primary{background:linear-gradient(90deg, var(--siab2p-accent-1), var(--siab2p-accent-2));color:#06111f!important}.siab2p-footer-secondary{border:1px solid var(--siab2p-stroke);color:var(--siab2p-text)!important}.siab2p-footer-bottom{border-top:1px solid var(--siab2p-stroke);color:#f7f7f7b8;justify-content:space-between;align-items:center;gap:24px;padding-top:32px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:10px;display:flex}.siab2p-footer-bottom strong{align-items:center;gap:9px;font-weight:500;display:inline-flex}.siab2p-footer-bottom em{color:#f7f7f742;margin-inline:5px;font-style:normal}@keyframes siab2p-role-fade{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes siab2p-scroll-down{0%{transform:translateY(-100%)}to{transform:translateY(200%)}}@keyframes siab2p-tab-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes siab2p-marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}@media (prefers-reduced-motion:reduce){.siab2-preview *,.siab2-preview :before,.siab2-preview :after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}@media (width<=1024px){.siab2p-section-head-split,.siab2p-hero-grid,.siab2p-role-grid{grid-template-columns:1fr}.siab2p-hero-card-slot{justify-content:center}.siab2p-module-card-1,.siab2p-module-card-2,.siab2p-module-card-3,.siab2p-module-card-4{grid-column:span 6}.siab2p-parallax-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.siab2p-footer-grid{grid-template-columns:1fr 1fr}.siab2p-footer-contact{grid-column:1/-1}}@media (width<=767px){.siab2p-container,.siab2p-hero-grid,.siab2p-ledger-grid{width:min(100% - 48px,1232px)}.siab2p-nav-shell{padding-inline:16px;top:16px}.siab2p-nav{background:linear-gradient(#161616eb,#0f0f0fe0);border-color:#ffffff29;gap:10px;min-height:62px;padding:8px 8px 8px 16px}.siab2p-nav-brand-text,.siab2p-nav-links{display:none}.siab2p-nav-logo-wrap{width:38px;height:38px;box-shadow:0 0 12px #89aacc57}.siab2p-nav-cta{min-height:44px;font-size:12px}.siab2p-nav-cta span{min-height:36px;padding:0 15px}.siab2p-menu-toggle{flex:none;display:inline-flex}.siab2p-hero{min-height:auto;padding-top:112px}.siab2p-hero-inner{align-items:flex-start;padding:28px 0 0}.siab2p-hero-grid{gap:48px}.siab2p-hero-copy{text-align:center;flex-direction:column;align-items:center;max-width:none;display:flex}.siab2p-institution-badge{margin-bottom:26px}.siab2p-institution-badge img{width:44px;height:44px}.siab2p-institution-badge div{text-align:left}.siab2p-institution-badge p{letter-spacing:.24em;font-size:11px}.siab2p-hero h1{margin-bottom:18px;font-size:66px;line-height:.78}.siab2p-hero h2{letter-spacing:.095em;max-width:330px;margin-bottom:12px;font-size:16px;line-height:1.35}.siab2p-role-line{max-width:330px;margin-bottom:28px;font-size:14px;line-height:1.55}.siab2p-role-line strong{font-size:16px}.siab2p-hero-description{max-width:330px;font-size:12px;line-height:1.65}.siab2p-hero-actions{flex-direction:column;align-items:stretch;gap:16px;width:100%;max-width:186px;margin-top:34px}.siab2p-button{width:100%;min-height:49px;padding-inline:18px!important}.siab2p-button-outline{min-width:188px}.siab2p-hero-card-slot{justify-content:center}.siab2p-photo-panel{width:min(100%,390px)}.siab2p-photo-frame{border-radius:20px;padding:7px}.siab2p-photo-frame img,.siab2p-photo-sheen{border-radius:15px}.siab2p-photo-sheen{inset:7px}.siab2p-photo-badge{letter-spacing:.12em;padding:7px 10px;font-size:8px;top:17px;left:17px}.siab2p-photo-caption{gap:10px;bottom:17px;left:17px;right:17px}.siab2p-photo-caption strong{max-width:16ch;font-size:19px}.siab2p-photo-caption span,.siab2p-photo-meta span{font-size:8px}.siab2p-scroll-indicator{display:none}.siab2p-ledger-strip{margin-top:32px;position:relative}.siab2p-ledger-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.siab2p-ledger-item{border-bottom:1px solid var(--siab2p-stroke);min-height:68px}.siab2p-ledger-item:nth-child(odd){border-right:1px solid var(--siab2p-stroke)}.siab2p-section{padding:88px 0;scroll-margin-top:92px}.siab2p-section-head{margin-bottom:64px}.siab2p-section-head h2{letter-spacing:-.045em;font-size:38px;line-height:1.08}.siab2p-section-head p{margin-top:28px;font-size:12px;line-height:1.65}.siab2p-section-head-center p{margin-top:14px}.siab2p-module-grid{grid-template-columns:1fr;gap:20px}.siab2p-module-card-1,.siab2p-module-card-2,.siab2p-module-card-3,.siab2p-module-card-4{grid-column:span 1}.siab2p-module-card{min-height:auto;padding:22px}.siab2p-module-preview{margin-top:28px}.siab2p-mini-table-head,.siab2p-mini-table-row{grid-template-columns:1fr 1.2fr .9fr .55fr;gap:8px}.siab2p-dashboard-section .siab2p-section-head h2{font-size:38px}.siab2p-browser-header{grid-template-columns:auto minmax(0,1fr) auto;gap:10px;padding:13px 20px}.siab2p-address-pill{text-overflow:ellipsis;padding-inline:16px;font-size:11px;overflow:hidden}.siab2p-connected strong{display:none}.siab2p-dashboard-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.siab2p-dashboard-tab{min-height:47px;font-size:11px;border-bottom:1px solid var(--siab2p-stroke)!important}.siab2p-dashboard-tab:nth-child(2n){border-right:0!important}.siab2p-dashboard-tab-active{border-bottom:2px solid var(--siab2p-accent-2)!important}.siab2p-browser-content{min-height:450px;padding:20px}.siab2p-dashboard-metrics-admin,.siab2p-dashboard-metrics-head,.siab2p-dashboard-schedule-grid,.siab2p-attendance-grid{grid-template-columns:1fr}.siab2p-dashboard-list-row{flex-wrap:wrap;align-items:flex-start}.siab2p-row-time{display:none}.siab2p-role-features div{grid-template-columns:1fr}.siab2p-parallax-grid{grid-template-columns:1fr;gap:20px;padding-top:40px}.siab2p-parallax-card,.siab2p-parallax-card:nth-child(2),.siab2p-parallax-card:nth-child(4),.siab2p-parallax-card:nth-child(5),.siab2p-parallax-card:nth-child(6){transform:none}.siab2p-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:36px}.siab2p-stat-item:last-child{grid-column:1/-1}.siab2p-footer-grid{grid-template-columns:1fr;gap:48px;padding-top:86px}.siab2p-footer-contact{grid-column:auto}.siab2p-footer-bottom{flex-direction:column;align-items:flex-start}}@media (width<=420px){.siab2p-container,.siab2p-hero-grid,.siab2p-ledger-grid{width:calc(100% - 48px)}.siab2p-nav{width:calc(100vw - 32px)}.siab2p-card-metric-grid{gap:12px}.siab2p-card-metric{padding:13px 12px}.siab2p-card-metric strong,.siab2p-presence-row strong{font-size:14px}.siab2p-module-copy h3{font-size:20px}.siab2p-browser-mockup{border-radius:12px}.siab2p-footer-actions{flex-direction:column;align-items:flex-start}}.siab2-shell,.siab2-shell *{box-sizing:border-box}.siab2-shell{--siab2-shell-bg:#05070b;--siab2-shell-bg-2:#08111b;--siab2-shell-bg-3:#0c1724;--siab2-shell-surface:#0c1520c2;--siab2-shell-surface-strong:#080e16eb;--siab2-shell-surface-soft:#89aacc13;--siab2-shell-stroke:#ffffff1a;--siab2-shell-stroke-strong:#89aacc3d;--siab2-shell-text:#f7fbff;--siab2-shell-muted:#e8f2fcb3;--siab2-shell-dim:#e8f2fc7a;--siab2-shell-accent:#89aacc;--siab2-shell-accent-2:#4e85bf;--siab2-shell-accent-soft:#89aacc24;--siab2-shell-accent-glow:#4e85bf4d;--siab2-shell-green:#79d6b6;--primary:var(--siab2-shell-accent);--primary-2:var(--siab2-shell-accent-2);--primary-3:#376b9f;--primary-dim:#89aacc26;--primary-glow:#4e85bf47;--primary-soft:#89aacc1f;--secondary:#6db7da;--secondary-2:#9bd6f0;--secondary-3:#4e85bf;--secondary-dim:#6db7da26;--secondary-glow:#6db7da3d;--gradient-primary:linear-gradient(135deg, #89aacc 0%, #4e85bf 54%, #9bd6f0 100%);--gradient-hero:radial-gradient(620px circle at 14% 0%, #89aacc2e, transparent 56%), radial-gradient(560px circle at 92% 12%, #4e85bf26, transparent 58%), linear-gradient(180deg, #ffffff0e, #ffffff05);--gradient-card:linear-gradient(180deg, #89aacc12, #ffffff05);--dopamine-gradient:linear-gradient(135deg, #89aacc 0%, #4e85bf 52%, #79d6b6 100%);--shadow-glow-primary:0 0 28px #4e85bf3d;--glow:radial-gradient(720px circle at 14% -6%, #89aacc21, transparent 58%), radial-gradient(620px circle at 88% 6%, #4e85bf1c, transparent 62%);--glow-primary:radial-gradient(600px circle at 20% 0%, #89aacc29, transparent 55%);--glow-secondary:radial-gradient(600px circle at 20% 0%, #4e85bf21, transparent 55%);--surface:#0b141fb8;--surface-2:#101e2dc7;--surface-3:#182b3fdb;--surface-elevated:#0d1a28f0;--surface-glass:#09121da8;--border:#89aacc21;--border-2:#89aacc38;--border-strong:#89aacc57;--fg:var(--siab2-shell-text);--fg-secondary:#f1f7ffd1;--fg-muted:var(--siab2-shell-muted);--fg-dim:var(--siab2-shell-dim);--fg-faint:#e8f2fc61;isolation:isolate;background:radial-gradient(1000px circle at 10% -6%, #89aacc2e, transparent 54%), radial-gradient(740px circle at 92% 10%, #4e85bf2e, transparent 52%), linear-gradient(135deg, var(--siab2-shell-bg) 0%, var(--siab2-shell-bg-2) 46%, #05070b 100%);grid-template-columns:280px minmax(0,1fr);width:100%;min-width:0;max-width:100vw;min-height:100vh;padding-left:280px;display:block;position:relative;overflow-x:hidden}.siab2-shell:before,.siab2-shell:after{content:"";pointer-events:none;z-index:-2;position:fixed;inset:0}.siab2-shell:before{background-image:linear-gradient(#89aacc0e 1px,#0000 1px),linear-gradient(90deg,#89aacc0a 1px,#0000 1px);background-size:56px 56px;-webkit-mask-image:linear-gradient(#000000b8,#0000 72%);mask-image:linear-gradient(#000000b8,#0000 72%)}.siab2-shell:after{z-index:-1;background:radial-gradient(560px at 0 100%,#4e85bf24,#0000 60%),linear-gradient(90deg,#ffffff06,#0000 24% 76%,#ffffff06)}.siab2-shell-grid{display:none}.siab2-shell>*{min-width:0}.siab2-shell .siab2-shell-main{background:0 0;width:100%;min-width:0;max-width:calc(100vw - 280px);min-height:100vh;position:relative;overflow-x:hidden}.siab2-shell-page-wrap{z-index:1;width:100%;min-width:0;max-width:100%;position:relative;overflow-x:hidden}.siab2-shell .content{min-width:0;max-width:1500px;padding:clamp(18px,2vw,30px) clamp(18px,2.2vw,34px) 48px;overflow-x:hidden}.siab2-sidebar{border-right:1px solid var(--siab2-shell-stroke);-webkit-backdrop-filter:blur(26px)saturate(1.18);scrollbar-color:#89aacc47 transparent;background:linear-gradient(#89aacc1a,#0000 24%),linear-gradient(165deg,#080f18f5,#0a1623e6);width:280px;min-width:280px;height:100dvh;max-height:100dvh;position:fixed;inset:0 auto 0 0;box-shadow:24px 0 80px #00000057,inset -1px 0 #ffffff0a}.siab2-sidebar-aura{pointer-events:none;opacity:.9;background:radial-gradient(220px at 20% 4%,#89aacc38,#0000 65%),radial-gradient(260px at 98% 32%,#4e85bf24,#0000 68%);position:absolute;inset:0}.siab2-sidebar .siab2-sidebar-brand{border-bottom:1px solid #89aacc24;gap:12px;padding:20px 18px 16px}.siab2-sidebar-brand-mark{background:linear-gradient(145deg,#ffffff1c,#89aacc14);border-color:#89aacc52;border-radius:18px;width:48px;height:48px;box-shadow:0 0 0 5px #89aacc12,0 22px 40px #00000052}.siab2-sidebar-brand-text{gap:2px}.siab2-sidebar-kicker{color:var(--siab2-shell-accent);font:800 10px/1.1 var(--font-mono);letter-spacing:.14em;text-transform:uppercase}.siab2-sidebar .siab2-sidebar-brand-name{max-width:190px;font-family:var(--font-serif);letter-spacing:-.03em;color:#fff;background:linear-gradient(90deg, #fff 0%, #d7e7f8 48%, var(--siab2-shell-accent) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:17px;line-height:1.05}.siab2-sidebar .siab2-sidebar-brand-sub{max-width:190px;color:var(--siab2-shell-muted);font-family:var(--font-sans);letter-spacing:.06em;font-size:11px}.siab2-sidebar-close{margin-left:auto}.siab2-sidebar-nav{scrollbar-gutter:stable;padding:8px 14px 14px;overflow-y:auto}.siab2-sidebar-nav-block{margin-bottom:13px}.siab2-sidebar-nav-section{color:#e8f2fc75;letter-spacing:.14em;justify-content:flex-start;align-items:center;gap:10px;padding:0 9px 6px;display:flex}.siab2-sidebar-nav-item{color:#e8f2fca8;border:1px solid #0000;border-radius:15px;gap:11px;min-height:43px;margin-bottom:4px;padding:10px 11px}.siab2-sidebar-nav-icon{color:#e8f2fca3;background:#ffffff0b;border:1px solid #ffffff0e;border-radius:12px;flex:none;place-items:center;width:30px;height:30px;display:inline-grid}.siab2-sidebar-nav-label{white-space:normal;min-width:0;line-height:1.25;overflow:visible}.siab2-sidebar-nav-item:hover,.siab2-sidebar-nav-item:focus-visible{color:#fff;background:#89aacc1f;border-color:#89aacc38;transform:translate(3px)}.siab2-sidebar-nav-item-active,.siab2-sidebar-nav-item.active{color:#fff;background:linear-gradient(92deg,#89aacc3d,#4e85bf21);border-color:#89aacc57;box-shadow:0 16px 34px #0000003d,inset 0 1px #ffffff14}.siab2-sidebar-nav-item-active .siab2-sidebar-nav-icon,.siab2-sidebar-nav-item.active .siab2-sidebar-nav-icon{color:#fff;background:linear-gradient(135deg, var(--siab2-shell-accent), var(--siab2-shell-accent-2));border-color:#ffffff2e;box-shadow:0 0 22px #4e85bf5c}.siab2-sidebar-footer{border-top-color:#89aacc29;padding:14px 16px 18px}.siab2-sidebar-user-card{background:#ffffff0b;border-color:#89aacc33;border-radius:18px}.siab2-sidebar-user-card:hover{background:#89aacc17;border-color:#89aacc57}.siab2-sidebar-user-card .side-user-role{color:var(--siab2-shell-accent)}.siab2-topbar{z-index:120;-webkit-backdrop-filter:blur(22px)saturate(1.2);background:linear-gradient(90deg,#060c14db,#0a1521b8),#09121da8;border-bottom:1px solid #89aacc26;gap:12px;width:100%;max-width:100%;min-height:72px;padding:11px clamp(16px,2vw,26px);overflow:visible;box-shadow:0 18px 48px #0003,inset 0 -1px #ffffff08}.siab2-topbar-menu{min-width:40px;min-height:40px;color:var(--siab2-shell-accent);border-color:#89aacc33}.siab2-topbar-crumb{color:#e8f2fc94;flex-wrap:wrap;max-width:280px}.siab2-topbar-crumb-item{gap:6px}.siab2-topbar-crumb svg{color:#e8f2fc52}.siab2-topbar-crumb .now{color:#fff}.siab2-topbar-page-context{border-left:1px solid #89aacc29;gap:1px;min-width:168px;padding-left:14px;display:grid}.siab2-topbar-page-context span{color:var(--siab2-shell-accent);font:800 10px/1.2 var(--font-mono);letter-spacing:.13em;text-transform:uppercase}.siab2-topbar-page-context strong{color:#fff;letter-spacing:-.01em;font-size:clamp(14px,1vw,16px);line-height:1.2}.siab2-topbar-search{background:#ffffff0e;border:1px solid #89aacc29;border-radius:999px;min-width:210px;max-width:340px;padding:5px 7px 5px 11px}.siab2-shell .siab2-topbar-search input{background:0 0;border:0;padding:5px 7px}.siab2-shell .siab2-topbar-search input:focus-visible{box-shadow:none;background:0 0}.siab2-topbar-search:focus-within{border-color:#89aacc6b;box-shadow:0 0 0 3px #4e85bf29}.siab2-topbar-search-results{background:#09121df5;border-color:#89aacc38;min-width:260px}.siab2-topbar-status{background:#89aacc14;border:1px solid #89aacc29;border-radius:999px;min-height:34px;padding:7px 11px;box-shadow:inset 0 1px #ffffff0f}.siab2-topbar-status span:last-child{color:#f1f7ffd1;font:750 11px/1.1 var(--font-mono);letter-spacing:.06em}.siab2-topbar>.btn.icon,.siab2-topbar .notif-wrapper .btn.icon{color:#f1f7ffc7;background:#ffffff0e;border-color:#89aacc2e}.siab2-topbar>.btn.icon:hover,.siab2-topbar .notif-wrapper .btn.icon:hover{color:#fff;background:#89aacc21}.siab2-topbar .notif-badge{background:linear-gradient(135deg, var(--siab2-shell-accent), var(--siab2-shell-accent-2));color:#06101b;border-color:var(--siab2-shell-bg-2);box-shadow:0 0 18px #4e85bf57}.siab2-topbar-user{z-index:5;flex:none;position:relative}.siab2-topbar-user-trigger{max-width:260px;min-height:42px;color:var(--siab2-shell-text);cursor:pointer;transition:border-color .18s var(--ease-out), background .18s var(--ease-out), transform .18s var(--ease-out);background:linear-gradient(135deg,#89aacc1f,#ffffff09);border:1px solid #89aacc2e;border-radius:999px;align-items:center;gap:9px;padding:5px 9px 5px 6px;display:inline-flex}.siab2-topbar-user-trigger:hover,.siab2-topbar-user-trigger:focus-visible{background:#89aacc24;border-color:#89aacc6b;outline:none;transform:translateY(-1px)}.siab2-topbar-user-copy{text-align:left;min-width:0;display:grid}.siab2-topbar-user-copy strong,.siab2-topbar-profile-head strong{text-overflow:ellipsis;white-space:nowrap;max-width:150px;font-size:12px;line-height:1.2;overflow:hidden}.siab2-topbar-user-copy em,.siab2-topbar-profile-head em{color:var(--siab2-shell-accent);font:750 10px/1.2 var(--font-mono);letter-spacing:.08em;text-transform:uppercase}.siab2-topbar-user-chevron{color:#e8f2fc70;transform:rotate(90deg)}.siab2-topbar-profile-menu{z-index:450;background:#070e17f5;border-color:#89aacc38;min-width:236px;top:calc(100% + 10px);left:auto;right:0}.siab2-topbar-profile-head{background:#89aacc14;border:1px solid #89aacc24;border-radius:13px;align-items:center;gap:10px;margin-bottom:5px;padding:10px;display:flex}.siab2-topbar-profile-head span{min-width:0;display:grid}.siab2-shell .siab2-topbar-profile-menu button{color:#f1f7ffd1}.siab2-shell .siab2-topbar-profile-menu button:hover,.siab2-shell .siab2-topbar-profile-menu button:focus-visible{color:#fff;background:#89aacc1f}.siab2-shell .page-head{background:radial-gradient(420px at 6% 0,#89aacc21,#0000 60%),linear-gradient(135deg,#ffffff12,#ffffff06);border:1px solid #89aacc2b;border-radius:24px;align-items:center;margin-bottom:22px;padding:clamp(16px,2vw,22px);position:relative;overflow:hidden;box-shadow:0 24px 60px #0003,inset 0 1px #ffffff0f}.siab2-shell .page-head:after{content:"";pointer-events:none;opacity:.6;background-image:linear-gradient(120deg,#0000 0 42%,#89aacc14 43% 45%,#0000 46% 100%);width:38%;height:100%;position:absolute;inset:0 0 auto auto}.siab2-shell .page-head>*{z-index:1;position:relative}.siab2-shell .eyebrow{color:var(--siab2-shell-accent)}.siab2-shell .dot{box-shadow:0 0 16px #89aacc9e}.siab2-shell .page-title{color:#fff;text-shadow:0 12px 36px #00000042}.siab2-shell .page-sub{color:#e8f2fcad}.siab2-shell .dashboard-hero,.siab2-shell .dashboard-hero-panel,.siab2-shell .dashboard-mini-list,.siab2-shell .role-task-grid,.siab2-shell .cards-grid,.siab2-shell .page-actions,.siab2-shell .dashboard-hero-actions{min-width:0;max-width:100%}.siab2-shell .role-task-grid,.siab2-shell .cards-grid{grid-template-columns:repeat(auto-fit,minmax(min(210px,100%),1fr))}.siab2-shell .table-wrap{max-width:100%}@media (width<=1320px){.siab2-topbar-crumb,.siab2-topbar .live-clock,.siab2-topbar-user-copy{display:none}.siab2-topbar-search{min-width:180px;max-width:240px}.siab2-topbar-user-trigger{width:42px;padding:4px}}@media (width<=1180px){.siab2-shell{grid-template-columns:268px minmax(0,1fr);padding-left:268px}.siab2-sidebar{width:268px;min-width:268px}.siab2-shell .siab2-shell-main{max-width:calc(100vw - 268px)}}@media (width<=980px){.siab2-topbar-search{display:none}.siab2-topbar-page-context{min-width:0}}@media (width<=768px){.siab2-shell{min-height:100vh;padding-left:0;display:block}.siab2-shell .siab2-sidebar{width:min(88vw,342px);max-width:342px;min-width:unset;transition:transform .28s var(--ease-out);position:fixed;top:0;left:0;transform:translate(-104%)}.siab2-shell .siab2-sidebar.side-open,.siab2-shell .siab2-sidebar-open{left:0;transform:translate(0)}.siab2-shell .siab2-shell-main{max-width:100vw}.siab2-shell .siab2-shell-backdrop.side-open,.siab2-shell .siab2-shell-backdrop-open{background:#02070cad;display:block}.siab2-topbar{gap:8px;min-height:64px;padding:9px 12px}.siab2-topbar-page-context span{font-size:9px}.siab2-topbar-page-context strong{text-overflow:ellipsis;white-space:nowrap;max-width:34vw;overflow:hidden}.siab2-topbar .live-clock{display:none}.siab2-shell .content{padding:14px 12px 28px}.siab2-shell .page-head{border-radius:20px;align-items:flex-start}}@media (width<=560px){.siab2-topbar-status,.siab2-topbar-user-copy{display:none}.siab2-topbar-user-trigger{width:42px;padding:4px}.siab2-topbar-page-context{padding-left:10px}.siab2-topbar-page-context strong{max-width:38vw}.siab2-shell .page-head{gap:12px;display:grid}.siab2-shell .page-actions{justify-content:flex-start;width:100%}}.siab2-shell{--siab2-content-radius:24px;--siab2-content-radius-sm:16px;--siab2-content-hairline:#89aacc2e;--siab2-content-hairline-strong:#89aacc4d;--siab2-content-ink:#f6fafff0;--siab2-content-muted:#e2eef8a8;--siab2-content-surface:linear-gradient(180deg, #0e1a28d1, #070d16b8);--siab2-content-surface-soft:linear-gradient(180deg, #89aacc1b, #ffffff07);--siab2-content-glow:0 20px 54px #02070c57, 0 1px 0 #ffffff0e inset}.siab2-shell .siab2-shell-page-wrap .content{flex-direction:column;gap:18px;display:flex}.siab2-shell .siab2-shell-page-wrap .siab2-page-head{background:radial-gradient(500px at 10% 0,#89aacc1c,#0000 58%),linear-gradient(#0d1a28c2,#070d169e);border:1px solid #89aacc29;margin-bottom:0;box-shadow:0 18px 46px #00000038,inset 0 1px #ffffff0d}.siab2-shell .siab2-shell-page-wrap .siab2-page-eyebrow,.siab2-shell .siab2-shell-page-wrap .eyebrow{color:#bfd7eebd;letter-spacing:.16em}.siab2-shell .siab2-shell-page-wrap .siab2-page-title{color:var(--siab2-content-ink);letter-spacing:-.035em}.siab2-shell .siab2-shell-page-wrap .siab2-page-sub{max-width:72ch;color:var(--siab2-content-muted)}.siab2-shell .siab2-shell-page-wrap .siab2-page-actions,.siab2-shell .siab2-shell-page-wrap .siab2-action-bar,.siab2-shell .siab2-shell-page-wrap .siab2-table-actions,.siab2-shell .siab2-shell-page-wrap .table-actions,.siab2-shell .siab2-shell-page-wrap .row.page-actions{flex-wrap:wrap;gap:8px;min-width:0}.siab2-shell .siab2-shell-page-wrap .siab2-content-card,.siab2-shell .siab2-shell-page-wrap .card{border-color:var(--siab2-content-hairline);border-radius:var(--siab2-content-radius);background:var(--siab2-content-surface);box-shadow:var(--siab2-content-glow);overflow:hidden}.siab2-shell .siab2-shell-page-wrap .siab2-content-card:before,.siab2-shell .siab2-shell-page-wrap .card:before{content:"";pointer-events:none;opacity:.72;z-index:0;background:linear-gradient(90deg,#89aacc1f,#0000 18% 82%,#4e85bf1a),radial-gradient(420px at 100% 0,#4e85bf14,#0000 54%);position:absolute;inset:0}.siab2-shell .siab2-shell-page-wrap .siab2-content-card>*,.siab2-shell .siab2-shell-page-wrap .card>*{z-index:1;position:relative}.siab2-shell .siab2-shell-page-wrap .siab2-content-card:hover,.siab2-shell .siab2-shell-page-wrap .card:hover{border-color:var(--siab2-content-hairline-strong);transform:none;box-shadow:0 22px 58px #02070c61,inset 0 0 0 1px #89aacc0f}.siab2-shell .siab2-shell-page-wrap .siab2-content-card-head{border-bottom:1px solid #89aacc1f;margin-bottom:14px;padding-bottom:12px}.siab2-shell .siab2-shell-page-wrap .siab2-content-card-title{color:var(--siab2-content-ink);letter-spacing:-.015em;font-weight:760}.siab2-shell .siab2-shell-page-wrap .siab2-content-card-sub,.siab2-shell .siab2-shell-page-wrap .muted,.siab2-shell small{color:var(--siab2-content-muted)}.siab2-shell .siab2-shell-page-wrap .siab2-stat-card{isolation:isolate;background:radial-gradient(280px at 100% 0,#89aacc21,#0000 54%),linear-gradient(#111f2fdb,#080f19bd);border-color:#89aacc2e;border-radius:22px;min-height:142px;position:relative;box-shadow:0 18px 42px #0000004d,inset 0 1px #ffffff0e}.siab2-shell .siab2-shell-page-wrap .siab2-stat-card:hover{border-color:#89aacc5c;transform:translateY(-2px);box-shadow:0 20px 46px #00000057,0 0 26px #4e85bf24}.siab2-shell .siab2-shell-page-wrap .siab2-stat-card .stat-icon{color:#b9d2ec;background:#89aacc1f;border-color:#89aacc3d;border-radius:14px;width:42px;height:42px}.siab2-shell .siab2-shell-page-wrap .siab2-stat-card .stat-num{color:#f8fbff;font-size:clamp(25px,2.15vw,34px);line-height:1}.siab2-shell .siab2-shell-page-wrap .siab2-stat-card .stat-label{color:#e2eef8b8;text-transform:uppercase;letter-spacing:.12em;font-size:10.5px}.siab2-shell .siab2-shell-page-wrap .siab2-stat-card .stat-delta{color:#e2eef8a8}.siab2-shell .siab2-shell-page-wrap .siab2-stat-card.ok .stat-icon,.siab2-shell .siab2-shell-page-wrap .siab2-stat-card.ok{border-color:#79d6b63d}.siab2-shell .siab2-shell-page-wrap .siab2-stat-card.warn .stat-icon,.siab2-shell .siab2-shell-page-wrap .siab2-stat-card.warn{border-color:#f59e0b42}.siab2-shell .siab2-shell-page-wrap .siab2-stat-card.bad .stat-icon,.siab2-shell .siab2-shell-page-wrap .siab2-stat-card.bad{border-color:#f8717142}.siab2-shell .siab2-shell-page-wrap .siab2-data-table-wrap,.siab2-shell .siab2-shell-page-wrap .table-wrap{background:linear-gradient(#0a1420b8,#050a12a8);border-color:#89aacc2e;border-radius:18px;max-width:100%;box-shadow:inset 0 1px #ffffff0b}.siab2-shell .siab2-shell-page-wrap .siab2-data-table,.siab2-shell .siab2-shell-page-wrap .data-table{font-size:13px}.siab2-shell .siab2-shell-page-wrap .siab2-data-table th,.siab2-shell .siab2-shell-page-wrap .data-table th{color:#d1e3f3b3;text-transform:uppercase;letter-spacing:.105em;background:linear-gradient(#89aacc1f,#89aacc0d);border-bottom:1px solid #89aacc2e;padding:11px 12px;font-size:10.5px}.siab2-shell .siab2-shell-page-wrap .siab2-data-table td,.siab2-shell .siab2-shell-page-wrap .data-table td{color:#f4f9ffe8;border-bottom-color:#89aacc1b;padding:12px}.siab2-shell .siab2-shell-page-wrap .siab2-data-table tbody tr:nth-child(2n) td,.siab2-shell .siab2-shell-page-wrap .data-table tbody tr:nth-child(2n) td{background:#89aacc07}.siab2-shell .siab2-shell-page-wrap .siab2-data-table tbody tr:hover td,.siab2-shell .siab2-shell-page-wrap .data-table tbody tr:hover td{background:#89aacc16}.siab2-shell .siab2-shell-page-wrap .siab2-data-table tbody tr:hover,.siab2-shell .siab2-shell-page-wrap .data-table tbody tr:hover{box-shadow:inset 3px 0 #89aacc}.siab2-shell .siab2-shell-page-wrap .cell-wrap{line-height:1.45}.siab2-shell .siab2-shell-page-wrap .siab2-status-pill{color:#ecf5ffd1;background:#89aacc18;border-color:#89aacc2e;box-shadow:inset 0 1px #ffffff0a}.siab2-shell .siab2-shell-page-wrap .siab2-status-pill.acc,.siab2-shell .siab2-shell-page-wrap .siab2-status-pill.info{color:#b9d2ec;background:#89aacc26}.siab2-shell .siab2-shell-page-wrap .siab2-status-pill.ok{color:#98e5cb;background:#79d6b624;border-color:#79d6b63d}.siab2-shell .siab2-shell-page-wrap .siab2-status-pill.warn{color:#f9c978;background:#f59e0b21;border-color:#f59e0b3d}.siab2-shell .siab2-shell-page-wrap .siab2-status-pill.bad{color:#fda4a4;background:#f8717124;border-color:#f871713d}.siab2-shell .siab2-shell-page-wrap .siab2-form-field{gap:7px}.siab2-shell .siab2-shell-page-wrap .siab2-form-label{color:#e2eef8b8;letter-spacing:.055em;font-size:11.5px}.siab2-shell .siab2-shell-page-wrap .siab2-input,.siab2-shell .siab2-shell-page-wrap .siab2-select-input,.siab2-shell .siab2-shell-page-wrap .input{background:#89aacc11;border-color:#89aacc2e;border-radius:15px;box-shadow:inset 0 1px #ffffff09}.siab2-shell .siab2-shell-page-wrap .siab2-input:hover,.siab2-shell .siab2-shell-page-wrap .siab2-select-input:hover,.siab2-shell .siab2-shell-page-wrap .input:hover{background:#89aacc18;border-color:#89aacc4d}.siab2-shell .siab2-shell-page-wrap .siab2-input:focus-within,.siab2-shell .siab2-shell-page-wrap .siab2-select-input:focus-within,.siab2-shell .siab2-shell-page-wrap .input:focus-within{background:#0a1522eb;border-color:#89aacc94;box-shadow:0 0 0 3px #4e85bf33,0 0 24px #4e85bf1f}.siab2-shell .siab2-shell-page-wrap .siab2-input input,.siab2-shell .siab2-shell-page-wrap .siab2-input textarea,.siab2-shell .siab2-shell-page-wrap .siab2-select-input select,.siab2-shell .siab2-shell-page-wrap .input input,.siab2-shell .siab2-shell-page-wrap .input textarea,.siab2-shell .siab2-shell-page-wrap .input select{color:#f7fbfff0;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.siab2-shell .siab2-shell-page-wrap select option,.siab2-shell .siab2-shell-page-wrap select optgroup{color:#f7fbfff0;background-color:#0f1824}.siab2-shell .siab2-shell-page-wrap .form-grid,.siab2-shell .siab2-shell-page-wrap .policy-field-grid,.siab2-shell .siab2-shell-page-wrap .policy-time-grid{gap:13px}.siab2-shell .siab2-shell-page-wrap .form-grid,.siab2-shell .siab2-shell-page-wrap .master-data-layout,.siab2-shell .siab2-shell-page-wrap .master-data-user-layout{align-items:start}.siab2-shell .siab2-shell-page-wrap .master-data-list-panel .card,.siab2-shell .siab2-shell-page-wrap .master-data-form-panel .card{min-width:0}.siab2-shell .siab2-shell-page-wrap .checkline{align-items:center;width:100%}.siab2-shell .siab2-shell-page-wrap .checkline input[type=checkbox]{margin-top:0}.siab2-shell .siab2-shell-page-wrap .tabs,.siab2-shell .siab2-shell-page-wrap .master-data-tabs,.siab2-shell .siab2-shell-page-wrap .siab2-filter-tabs{background:#050c1475;border:1px solid #89aacc24;border-radius:18px;padding:7px;box-shadow:inset 0 1px #ffffff0a}.siab2-shell .siab2-shell-page-wrap .master-data-tabs-wrap{margin:4px 0 16px}.siab2-shell .siab2-shell-page-wrap .master-data-tab-group-label,.siab2-shell .siab2-shell-page-wrap .tab-label{color:#e2eef894}.siab2-shell .siab2-shell-page-wrap .siab2-action-button.primary,.siab2-shell .siab2-shell-page-wrap .btn.primary{color:#06111d;background:linear-gradient(135deg,#89aacc 0%,#4e85bf 100%);border-color:#89aaccc2;box-shadow:0 10px 24px #4e85bf3d}.siab2-shell .siab2-shell-page-wrap .siab2-action-button.primary:hover,.siab2-shell .siab2-shell-page-wrap .btn.primary:hover{background:linear-gradient(135deg,#a4bed8 0%,#5f98cf 100%);border-color:#b9d2ece6;box-shadow:0 12px 28px #4e85bf4d}.siab2-shell .siab2-shell-page-wrap .siab2-action-button.ghost,.siab2-shell .siab2-shell-page-wrap .btn.ghost{background:#89aacc0e;border-color:#89aacc2e}.siab2-shell .siab2-shell-page-wrap .siab2-empty-state,.siab2-shell .siab2-shell-page-wrap .siab2-loading-state,.siab2-shell .siab2-shell-page-wrap .siab2-error-state,.siab2-shell .siab2-shell-page-wrap .app-state{background:radial-gradient(280px at 50% 0,#89aacc1f,#0000 62%),linear-gradient(#0c1826c2,#070e17a8);border:1px solid #89aacc29;border-radius:22px}.siab2-shell .siab2-shell-page-wrap .app-state-icon{color:#b9d2ec;background:#89aacc1a;border:1px solid #89aacc33}.siab2-shell .siab2-shell-page-wrap .siab2-help-box,.siab2-shell .siab2-shell-page-wrap .siab2-step-guide,.siab2-shell .siab2-shell-page-wrap .simple-help,.siab2-shell .siab2-shell-page-wrap .step-guide{background:#89aacc10;border-color:#89aacc26;border-radius:20px}.siab2-shell .siab2-shell-page-wrap .siab2-quick-action-card,.siab2-shell .siab2-shell-page-wrap .quick-action-card{background:linear-gradient(#89aacc18,#ffffff06);border-color:#89aacc29;border-radius:20px}.siab2-shell .siab2-shell-page-wrap .siab2-quick-action-card:hover,.siab2-shell .siab2-shell-page-wrap .quick-action-card:hover{border-color:#89aacc52;box-shadow:0 14px 28px #00000038,0 0 22px #4e85bf1f}.siab2-shell .siab2-shell-page-wrap .attendance-checkpoint,.siab2-shell .siab2-shell-page-wrap .smart-help,.siab2-shell .siab2-shell-page-wrap .simple-summary,.siab2-shell .siab2-shell-page-wrap .cleanup-card,.siab2-shell .siab2-shell-page-wrap .activation-safe,.siab2-shell .siab2-shell-page-wrap .security-note{background:#89aacc11;border-color:#89aacc29}.siab2-shell .siab2-shell-page-wrap .codeblock{color:#ebf5ffdb;background:#02070c6b;border:1px solid #89aacc24}@media (width<=1024px){.siab2-shell .siab2-shell-page-wrap .siab2-content-card,.siab2-shell .siab2-shell-page-wrap .card{border-radius:20px}.siab2-shell .siab2-shell-page-wrap .siab2-stat-card{min-height:128px}}@media (width<=720px){.siab2-shell .siab2-shell-page-wrap .content{gap:14px}.siab2-shell .siab2-shell-page-wrap .siab2-content-card,.siab2-shell .siab2-shell-page-wrap .card{padding:15px}.siab2-shell .siab2-shell-page-wrap .siab2-content-card-head{gap:10px;display:grid}.siab2-shell .siab2-shell-page-wrap .siab2-page-actions,.siab2-shell .siab2-shell-page-wrap .siab2-action-bar,.siab2-shell .siab2-shell-page-wrap .table-actions,.siab2-shell .siab2-shell-page-wrap .siab2-table-actions{justify-content:flex-start;width:100%}.siab2-shell .siab2-shell-page-wrap .siab2-page-actions>*,.siab2-shell .siab2-shell-page-wrap .siab2-action-bar>*,.siab2-shell .siab2-shell-page-wrap .table-actions>*{max-width:100%}.siab2-shell .siab2-shell-page-wrap .siab2-stat-card{min-height:118px;padding:15px}.siab2-shell .siab2-shell-page-wrap .siab2-data-table,.siab2-shell .siab2-shell-page-wrap .data-table{min-width:640px;font-size:12.5px}.siab2-shell .siab2-shell-page-wrap .siab2-data-table th,.siab2-shell .siab2-shell-page-wrap .siab2-data-table td,.siab2-shell .siab2-shell-page-wrap .data-table th,.siab2-shell .siab2-shell-page-wrap .data-table td{padding:10px}.siab2-shell .siab2-shell-page-wrap .form-grid{grid-template-columns:1fr}}@media (width>=721px) and (width<=1180px){.siab2-shell .siab2-shell-page-wrap .master-data-layout,.siab2-shell .siab2-shell-page-wrap .master-data-user-layout{grid-template-columns:1fr}.siab2-shell .siab2-shell-page-wrap .master-data-list-panel,.siab2-shell .siab2-shell-page-wrap .master-data-form-panel,.siab2-shell .siab2-shell-page-wrap .master-data-table-region,.siab2-shell .siab2-shell-page-wrap .user-table-region{width:100%;min-width:0}.siab2-shell .siab2-shell-page-wrap .master-data-toolbar{grid-template-columns:minmax(220px,1fr) minmax(160px,220px) minmax(160px,220px)}.siab2-shell .siab2-shell-page-wrap .master-data-table-region .siab2-data-table,.siab2-shell .siab2-shell-page-wrap .user-table-region .siab2-data-table,.siab2-shell .siab2-shell-page-wrap .master-data-table-region .data-table,.siab2-shell .siab2-shell-page-wrap .user-table-region .data-table{min-width:680px}}@media (width<=720px){.siab2-shell .siab2-shell-page-wrap .siab2-data-table-wrap,.siab2-shell .siab2-shell-page-wrap .table-wrap,.siab2-shell .siab2-shell-page-wrap .master-data-table-region .table-wrap,.siab2-shell .siab2-shell-page-wrap .user-table-region .table-wrap{box-shadow:none;background:0 0;border:0;overflow:visible}.siab2-shell .siab2-shell-page-wrap .siab2-data-table,.siab2-shell .siab2-shell-page-wrap .data-table,.siab2-shell .siab2-shell-page-wrap .master-data-table-region .siab2-data-table,.siab2-shell .siab2-shell-page-wrap .user-table-region .siab2-data-table,.siab2-shell .siab2-shell-page-wrap .master-data-table-region .data-table,.siab2-shell .siab2-shell-page-wrap .user-table-region .data-table{border-collapse:separate;border-spacing:0;width:100%;font-size:12.5px;display:block;min-width:0!important}.siab2-shell .siab2-shell-page-wrap .siab2-data-table thead,.siab2-shell .siab2-shell-page-wrap .data-table thead{display:none}.siab2-shell .siab2-shell-page-wrap .siab2-data-table tbody,.siab2-shell .siab2-shell-page-wrap .data-table tbody{gap:12px;width:100%;display:grid}.siab2-shell .siab2-shell-page-wrap .siab2-data-table tr,.siab2-shell .siab2-shell-page-wrap .data-table tr{background:linear-gradient(#0d1927c7,#050b13b8);border:1px solid #89aacc29;border-radius:18px;gap:0;width:100%;min-width:0;padding:12px;display:grid;box-shadow:0 12px 24px #00000038,inset 0 1px #ffffff0a}.siab2-shell .siab2-shell-page-wrap .siab2-data-table tbody tr:hover,.siab2-shell .siab2-shell-page-wrap .data-table tbody tr:hover{box-shadow:0 12px 24px #00000038,inset 3px 0 #89aacc}.siab2-shell .siab2-shell-page-wrap .siab2-data-table tbody tr:nth-child(2n) td,.siab2-shell .siab2-shell-page-wrap .data-table tbody tr:nth-child(2n) td,.siab2-shell .siab2-shell-page-wrap .siab2-data-table tbody tr:hover td,.siab2-shell .siab2-shell-page-wrap .data-table tbody tr:hover td{background:0 0}.siab2-shell .siab2-shell-page-wrap .siab2-data-table td,.siab2-shell .siab2-shell-page-wrap .data-table td{color:#f4f9ffeb;text-align:left;border:0;border-bottom:1px solid #89aacc13;grid-template-columns:1fr;gap:4px;width:100%;min-width:0;padding:9px 0;display:grid}.siab2-shell .siab2-shell-page-wrap .siab2-data-table td:last-child,.siab2-shell .siab2-shell-page-wrap .data-table td:last-child{border-bottom:0}.siab2-shell .siab2-shell-page-wrap .siab2-data-table td:before,.siab2-shell .siab2-shell-page-wrap .data-table td:before{content:attr(data-label) ":";color:#bed5ebb8;letter-spacing:.115em;text-transform:uppercase;overflow-wrap:anywhere;flex:none;min-width:0;max-width:100%;font-size:10px;font-weight:800;line-height:1.35}.siab2-shell .siab2-shell-page-wrap .siab2-data-table .cell-wrap,.siab2-shell .siab2-shell-page-wrap .data-table .cell-wrap,.siab2-shell .siab2-shell-page-wrap .cell-wrap{color:#f8fbfff0;text-align:left;overflow-wrap:anywhere;white-space:normal;justify-content:flex-start;align-items:flex-start;gap:7px;width:100%;min-width:0;max-width:none;line-height:1.45;display:flex;overflow:visible}.siab2-shell .siab2-shell-page-wrap .cell-wrap>.row,.siab2-shell .siab2-shell-page-wrap .cell-actions .row,.siab2-shell .siab2-shell-page-wrap .master-data-user-cell,.siab2-shell .siab2-shell-page-wrap .master-data-action-row{flex-wrap:wrap;justify-content:flex-start;gap:8px;width:100%;min-width:0}.siab2-shell .siab2-shell-page-wrap .master-data-user-cell{align-items:center}.siab2-shell .siab2-shell-page-wrap .master-data-user-cell span:last-child,.siab2-shell .siab2-shell-page-wrap .cell-wrap .mono,.siab2-shell .siab2-shell-page-wrap .cell-wrap b,.siab2-shell .siab2-shell-page-wrap .cell-wrap small{overflow-wrap:anywhere;white-space:normal;min-width:0;max-width:100%}.siab2-shell .siab2-shell-page-wrap .siab2-data-table .cell-actions,.siab2-shell .siab2-shell-page-wrap .data-table .cell-actions{text-align:left;border-top:1px solid #89aacc1f;gap:8px;margin-top:3px;padding-top:12px;display:grid}.siab2-shell .siab2-shell-page-wrap .siab2-table-actions,.siab2-shell .siab2-shell-page-wrap .table-actions,.siab2-shell .siab2-shell-page-wrap .master-data-action-row{flex-wrap:wrap;justify-content:flex-start;gap:8px;width:100%;min-width:0;max-width:100%;display:flex}.siab2-shell .siab2-shell-page-wrap .cell-actions .siab2-action-button,.siab2-shell .siab2-shell-page-wrap .cell-actions .btn,.siab2-shell .siab2-shell-page-wrap .master-data-action-row .btn{white-space:normal;flex:128px;min-width:min(128px,100%);max-width:100%}.siab2-shell .siab2-shell-page-wrap .siab2-status-pill,.siab2-shell .siab2-shell-page-wrap .pill{white-space:normal;overflow-wrap:anywhere;max-width:100%;line-height:1.25}}.siab2-preview .siab2p-role-grid{grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);align-items:stretch;gap:clamp(32px,4.5vw,60px);display:grid}.siab2-preview .siab2p-role-list,.siab2-preview .siab2p-role-detail{min-width:0;max-width:100%}.siab2-preview .siab2p-role-list{z-index:1;isolation:isolate;grid-column:1;gap:12px;display:grid;position:relative;overflow:hidden}.siab2-preview .siab2p-role-list-item{box-sizing:border-box;background:linear-gradient(#12161cdb,#080c11c7);align-items:flex-start;width:100%;min-width:0;max-width:100%;overflow:hidden;transform:none!important}.siab2-preview .siab2p-role-list-item-active{box-shadow:inset 3px 0 0 var(--siab2p-accent-2), 0 16px 32px #4e85bf1f;transform:none!important}.siab2-preview .siab2p-role-list-copy,.siab2-preview .siab2p-role-list-copy>span{min-width:0;max-width:100%}.siab2-preview .siab2p-role-list-copy>span{align-items:flex-start}.siab2-preview .siab2p-role-list-copy strong,.siab2-preview .siab2p-role-list-copy em,.siab2-preview .siab2p-role-list-copy small{max-width:100%}.siab2-preview .siab2p-role-list-copy small{white-space:normal;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.siab2-preview .siab2p-role-detail{z-index:1;-webkit-backdrop-filter:none;isolation:isolate;border-color:#89aacc52;grid-column:2;width:100%;min-height:100%;position:relative;overflow:hidden;box-shadow:0 24px 70px #00000070,inset 0 1px #ffffff14;background:linear-gradient(#10151d 0%,#080d14 100%)!important;margin:0!important;transform:none!important}.siab2-preview .siab2p-role-detail-meta,.siab2-preview .siab2p-role-detail .siab2p-card-hover-wash{display:none!important}.siab2-preview .siab2p-role-detail-title{align-items:flex-start}.siab2-preview .siab2p-role-detail-title h3{overflow-wrap:anywhere;min-width:0}.siab2-preview .siab2p-role-detail>p{max-width:none}.siab2-preview .siab2p-role-features{margin-top:34px}.siab2-preview .siab2p-role-features span:before{content:none!important}.siab2-preview .siab2p-role-features span{overflow-wrap:anywhere;background:#ffffff0b;min-width:0}.siab2-preview .siab2p-card-title-dot{gap:0}.siab2-preview .siab2p-official-profile-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.siab2-preview .siab2p-card-metric strong,.siab2-preview .siab2p-ledger-item strong,.siab2-preview .siab2p-stat-item strong,.siab2-preview .siab2p-stat-label{overflow-wrap:anywhere}.siab2-preview .siab2p-stat-item{min-width:0}.siab2-preview .siab2p-stat-item strong{font-size:clamp(28px,4vw,52px)}.siab2-preview .siab2p-stat-label-email{-moz-column-gap:0;color:#f7f7f7d6;letter-spacing:.015em;overflow-wrap:normal;text-transform:none;white-space:normal;word-break:normal;flex-wrap:wrap;justify-content:center;gap:2px 0;max-width:100%;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:clamp(10px,.72vw,12px);line-height:1.25;display:inline-flex}.siab2-preview .siab2p-stat-label-email span{color:inherit;font:inherit;letter-spacing:inherit;line-height:inherit;text-transform:none;white-space:nowrap;margin:0;display:inline}.siab2-preview .siab2p-footer-nav{align-items:flex-start;gap:0}.siab2-preview .siab2p-footer-nav h4{margin:0 0 20px}.siab2-preview .siab2p-footer-nav button{text-align:left;justify-content:flex-start;gap:0;min-height:32px;padding:0;line-height:1.35}.siab2-preview .siab2p-footer-nav button span{display:none}.siab2-preview .siab2p-contact-card strong{min-width:70px;color:var(--siab2p-accent-1);letter-spacing:.12em;text-transform:uppercase;font-size:10px}.siab2-preview .siab2p-contact-card a{color:var(--siab2p-text);text-decoration:none}.siab2-preview .siab2p-browser-header{gap:12px}.siab2-preview .siab2p-connected{justify-content:center}@media (width<=1024px){.siab2-preview .siab2p-role-grid{grid-template-columns:minmax(0,1fr);gap:22px}.siab2-preview .siab2p-role-list,.siab2-preview .siab2p-role-detail{grid-column:1;width:100%}.siab2-preview .siab2p-role-detail{min-height:auto}}@media (width<=520px){.siab2-preview .siab2p-official-profile-grid{grid-template-columns:1fr}.siab2-preview .siab2p-contact-card strong{min-width:62px}}.account-slip-workspace{gap:16px;display:grid}.account-slip-checkbox{color:var(--muted,#64748b);align-items:center;gap:8px;margin:10px 0 14px;font-size:.9rem;font-weight:700;display:inline-flex}.account-slip-user-list{max-height:420px;overflow:auto}.account-slip-actions{flex-wrap:wrap;gap:10px;margin-top:14px}.account-slip-print-area{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px;display:grid}.teacher-journal-form{gap:16px;display:grid}.teacher-journal-meta{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.teacher-journal-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;padding-top:4px;display:flex}.teacher-journal-actions>span{color:var(--fg-muted);font-size:var(--text-xs);margin-right:auto}.teacher-journal-form input[readonly],.teacher-journal-form textarea[readonly],.teacher-journal-form select:disabled{color:var(--fg-secondary);cursor:default}@media (width<=640px){.teacher-journal-meta{grid-template-columns:1fr}.teacher-journal-actions .btn{width:100%}}.account-login-slip{color:#0f172a;page-break-inside:avoid;background:#fff;border:1px solid #0f172a29;border-radius:18px;flex-direction:column;gap:10px;min-height:160px;padding:14px;display:flex}.account-login-slip__header{border-bottom:1px solid #0f172a1f;justify-content:space-between;align-items:center;gap:10px;padding-bottom:8px;display:flex}.account-login-slip dl{gap:6px;margin:0;display:grid}.account-login-slip dl div{gap:2px;display:grid}.account-login-slip dt{color:#64748b;letter-spacing:.08em;text-transform:uppercase;font-size:10px;font-weight:900}.account-login-slip dd{margin:0;font-size:13px;font-weight:800}.account-login-slip__password{letter-spacing:.06em;background:#f8fafc;border:1px dashed #94a3b8;border-radius:10px;padding:6px 8px;display:inline-block;font-size:17px!important}.account-login-slip p{color:#475569;margin:auto 0 0;font-size:11px;font-weight:700;line-height:1.35}@media print{body:has(.account-slip-print-area) *{visibility:hidden!important}:is(body:has(.account-slip-print-area) .account-slip-print-area,body:has(.account-slip-print-area) .account-slip-print-area *){visibility:visible!important}body:has(.account-slip-print-area) .account-slip-print-area{background:#fff;grid-template-columns:repeat(2,1fr);gap:8mm;width:190mm;padding:10mm;position:absolute;top:0;left:0;display:grid!important}body:has(.account-slip-print-area) .account-login-slip{border:.35mm solid #0f172a;border-radius:4mm;min-height:58mm;padding:5mm}}.belajar-lab.app.siab2-shell{position:relative}.belajar-watermark{pointer-events:none;z-index:0;font:800 18vw/1 var(--font-sans,system-ui);letter-spacing:.12em;color:#ffffff09;place-items:center;display:grid;position:fixed;inset:0;transform:rotate(-18deg)}.belajar-lab .siab2-shell-main,.belajar-lab .siab2-sidebar,.belajar-lab .siab2-shell-page-wrap{z-index:1;position:relative}.belajar-hub{min-height:100vh;color:var(--fg,#f0ede8);background:radial-gradient(900px circle at 10% -10%, #89aacc29, transparent 55%), var(--bg,#16181c);padding:clamp(24px,4vw,48px);position:relative}.belajar-hub.present .belajar-hub-lead,.belajar-hub.present .belajar-hub-card{font-size:1.05em}.belajar-hub-inner{z-index:1;max-width:1080px;margin:0 auto;position:relative}.belajar-hub h1{letter-spacing:-.03em;margin:12px 0 8px;font-size:clamp(28px,4vw,40px)}.belajar-hub-lead{color:#e8f2fcb8;max-width:62ch;margin-bottom:22px}.belajar-hub-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin-bottom:18px;display:grid}.belajar-hub-card{text-align:left;color:inherit;cursor:pointer;background:linear-gradient(160deg,#89aacc1f,#080e16b8);border:1px solid #89aacc38;border-radius:18px;gap:6px;padding:16px;transition:transform .18s,border-color .18s;display:grid}.belajar-hub-card:hover{border-color:#89aacc73;transform:translateY(-2px)}.belajar-hub-card b{font-size:16px}.belajar-hub-card span{color:#e8f2fcb3;font-size:13px}.belajar-hub-card small{color:#89aacccc;font-family:var(--font-mono,monospace)}.belajar-hub-help ol{color:#e8f2fcc7;margin:8px 0 12px 18px}.belajar-path{background:#080e168c;border:1px solid #89aacc38;border-radius:20px;margin:0 0 22px;padding:16px}.belajar-path-head h2{margin:0 0 4px;font-size:18px}.belajar-path-head p{margin:0 0 12px}.belajar-path-list{gap:10px;margin:0;padding:0;list-style:none;display:grid}.belajar-path-item{background:#ffffff08;border:1px solid #89aacc29;border-radius:16px;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:12px;display:grid}.belajar-path-order{color:#e8f2fc;background:#89aacc33;border-radius:999px;place-items:center;width:32px;height:32px;font-weight:700;display:grid}.belajar-path-title-row{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:2px;display:flex}.belajar-path-body{gap:2px;min-width:0;display:grid}.belajar-path-body strong{font-size:14px}.belajar-path-body span{color:#e8f2fcad;font-size:13px}.belajar-path-item.status-selesai{border-color:#34d39959}.belajar-path-item.status-berjalan{border-color:#fbbf2466}.belajar-hub-card{position:relative}.belajar-hub-status{letter-spacing:.02em;color:#89aaccf2;font-size:11px;font-style:normal;font-weight:700}.belajar-hub-status.selesai{color:#6ee7b7}.belajar-hub-status.berjalan{color:#fcd34d}.belajar-role-switch{border-top:1px solid #89aacc1f;margin-top:auto;padding:10px 12px 4px}.belajar-role-switch small{color:#e8f2fc80;margin-bottom:6px;font-size:11px;display:block}.belajar-role-chips{flex-wrap:wrap;gap:6px;display:flex}.belajar-chip{color:#e8f2fcc7;cursor:pointer;background:#ffffff0a;border:1px solid #89aacc38;border-radius:999px;padding:4px 8px;font-size:11px}.belajar-chip.on{color:#fff;background:#89aacc3d}.belajar-nav-stub{opacity:.72}.belajar-top-actions{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.belajar-bell-wrap{display:inline-flex;position:relative}.belajar-analogy-line{color:#e8f2fcd1;background:#89aacc14;border:1px dashed #89aacc47;border-radius:12px;margin:0 0 12px;padding:10px 12px;font-size:13px}.belajar-lab .siab2-shell-page-wrap>.belajar-analogy-line{margin:12px clamp(12px,2vw,22px) 0}.belajar-analogy{color:#fde68a;background:#f59e0b1a;border:1px solid #f59e0b38;border-radius:12px;margin:8px 0 0;padding:10px 12px;font-size:13px}.belajar-timeline{margin-top:16px}.belajar-timeline-item{border-bottom:1px solid #ffffff0f;gap:2px;padding:8px 0;display:grid}.belajar-timeline-item small{color:#e8f2fc80}.belajar-notif-row{border-bottom:1px solid #ffffff0f;padding:8px 0;font-size:13px}.belajar-coach-layer{z-index:500;pointer-events:none;position:fixed;inset:0}.belajar-coach-layer.has-target:before{content:"";pointer-events:none;background:#02060c73;position:absolute;inset:0}.belajar-spotlight{z-index:501;pointer-events:none;border-radius:14px;position:fixed;box-shadow:0 0 0 9999px #02060c9e,0 0 0 2px #89aaccd9}.belajar-coach-card{pointer-events:auto;z-index:502;background:#09101af5;border:1px solid #89aacc47;border-radius:18px;width:min(420px,100vw - 24px);padding:14px 14px 12px;position:fixed;bottom:16px;right:16px;box-shadow:0 24px 50px #0006}.belajar-coach-card h3{color:#f8fafc;margin:4px 0 8px;font-size:17px}.belajar-coach-card p{color:#e8f2fcdb;margin:0;font-size:13px;line-height:1.5}.belajar-coach-tools{align-items:center;gap:6px;display:flex}.belajar-coach-tools .pill{margin-right:auto}.belajar-coach-actions{flex-wrap:wrap;gap:6px;margin-top:12px;display:flex}.belajar-mission-meta{margin:4px 0 8px}.belajar-mission-meta small{color:#bfdbfee6;letter-spacing:.02em;margin-bottom:6px;font-size:11px;font-weight:600;display:block}.belajar-mission-bar{background:#ffffff14;border-radius:999px;height:6px;overflow:hidden}.belajar-mission-bar>span{border-radius:inherit;background:linear-gradient(90deg,#60a5fa,#34d399);height:100%;transition:width .25s;display:block}.belajar-wait-hint{background:#fbbf241f;border:1px solid #fbbf2459;border-radius:10px;padding:8px 10px;font-weight:600;color:#fde68a!important;margin-top:10px!important}.belajar-role-jump{margin-top:10px}.belajar-voice-fallback{margin-top:8px!important;font-size:12px!important}.belajar-coach-reopen{z-index:40;position:fixed;bottom:16px;right:16px}@media (width<=640px){.belajar-path-item{grid-template-columns:auto 1fr}.belajar-path-item .btn{grid-column:1/-1;justify-self:stretch}.belajar-coach-card{width:auto;bottom:12px;left:12px;right:12px}}.belajar-impact-backdrop{z-index:560;background:#02070cb8;place-items:end center;padding:16px;display:grid;position:fixed;inset:0}.belajar-impact-panel{background:linear-gradient(#122033,#0a121c);border:1px solid #89aacc4d;border-radius:20px 20px 14px 14px;width:min(520px,100%);padding:16px;animation:.28s belajarImpactIn;box-shadow:0 30px 60px #00000073}@keyframes belajarImpactIn{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.belajar-impact-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.belajar-impact-badge{color:#fde68a;align-items:center;gap:6px;font-size:12px;font-weight:700;display:inline-flex}.belajar-impact-panel h2{margin:10px 0 6px;font-size:20px}.belajar-impact-list{gap:8px;margin:12px 0;display:grid}.belajar-impact-card{text-align:left;width:100%;color:inherit;cursor:pointer;background:#89aacc14;border:1px solid #89aacc38;border-radius:14px;justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;display:flex}.belajar-impact-card b{display:block}.belajar-impact-card small{color:#89aacce6}.belajar-impact-card p{color:#e8f2fcb8;margin:4px 0 0;font-size:12px}.belajar-impact-hint{margin-bottom:12px;font-size:12px}.belajar-closed{background:var(--bg,#16181c);place-items:center;min-height:100vh;padding:24px;display:grid}@media (width<=900px){.belajar-lab .hide-sm{display:none!important}}