@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap";.ui-main-layout{background:0 0;flex-direction:column;min-height:100vh;display:flex}.ui-header{-webkit-backdrop-filter:blur(18px)saturate(145%);border-bottom:1px solid var(--color-border);height:72px;padding:0 var(--space-6);z-index:40;background:linear-gradient(135deg,#ffffffb8,#fff7d670);justify-content:space-between;align-items:center;display:flex;position:sticky;top:0;box-shadow:0 4px 30px #1e1e1e04}.app-brand{flex-shrink:0;align-items:center;gap:7px;min-width:0;display:inline-flex}.app-brand-icon{object-fit:contain;flex-shrink:0;width:60px;height:60px;display:block;transform:translateY(1px)}.app-brand-copy{flex-direction:column;justify-content:center;gap:2px;min-width:0;line-height:1;display:flex}.app-brand-title{color:#202124;letter-spacing:-.015em;font-size:1.1rem;font-weight:700;line-height:1}.app-brand-subtitle{color:#6b7280;white-space:nowrap;font-size:.68rem;font-weight:500;line-height:1}.ui-header-user{align-items:center;gap:var(--space-4);flex-shrink:0;display:flex}.ui-logout-btn{color:var(--color-text-muted);border:1px solid var(--color-border);background:#ffffff80;border-radius:50%;align-items:center;padding:8px;transition:all .2s;display:flex}.ui-logout-btn:hover{color:var(--color-error);background-color:var(--danger-bg);border-color:#b4231826}.ui-layout-body{flex:1;display:flex}.ui-main-content{padding:var(--space-8) var(--space-6);flex:1;width:100%;max-width:1240px;margin:0 auto}.ui-desktop-nav{margin:0 var(--space-4);flex:1;justify-content:center;align-items:center;display:none}.ui-desktop-nav-pill{-webkit-backdrop-filter:blur(8px);background:linear-gradient(135deg,#ffffff8c,#fff7d659);border:1px solid #2020200f;border-radius:999px;gap:4px;padding:4px 6px;display:flex}.ui-desktop-nav-link{align-items:center;gap:var(--space-2);border-radius:var(--radius-pill);color:var(--color-text-muted);white-space:nowrap;padding:6px 12px;font-size:.85rem;font-weight:500;transition:all .2s;display:flex}.ui-desktop-nav-link:hover{color:var(--color-text-main);background-color:#ffffffb3}.ui-desktop-nav-link.active{background-color:var(--color-accent-charcoal);border-color:#0000;box-shadow:0 4px 12px #1e1e1e1f;color:#fff!important}.ui-mobile-bottom-nav{-webkit-backdrop-filter:blur(20px)saturate(145%);height:72px;padding:0 var(--space-2);z-index:90;background:linear-gradient(135deg,#ffffffc7,#fff7d67a);border:1px solid #ffffffb8;border-radius:24px;justify-content:space-around;align-items:center;display:none;position:fixed;bottom:16px;left:16px;right:16px;box-shadow:0 12px 35px #1e1e1e14}.ui-mobile-bottom-nav-item{color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;padding:8px 0;font-size:.7rem;font-weight:600;transition:all .2s;display:flex}.ui-mobile-bottom-nav-item.active{color:var(--color-text-main)}.ui-mobile-bottom-nav-item.active svg{color:var(--color-accent-strong);transform:translateY(-2px)}.ui-mobile-menu-overlay{-webkit-backdrop-filter:blur(4px);z-index:100;background-color:#1e1e1e66;align-items:flex-end;display:flex;position:fixed;inset:0}.ui-mobile-menu-sheet{-webkit-backdrop-filter:blur(24px)saturate(145%);width:100%;padding:24px var(--space-6) 48px;background:linear-gradient(135deg,#ffffffeb,#fff7d699);border-top:1px solid #ffffffb8;border-radius:30px 30px 0 0;animation:.28s cubic-bezier(.4,0,.2,1) forwards slideUpMenu;box-shadow:0 -10px 40px #1e1e1e1a}@keyframes slideUpMenu{0%{transform:translateY(100%)}to{transform:translateY(0)}}.ui-mobile-menu-sheet-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.ui-mobile-menu-sheet-header h3{color:var(--color-text-main);margin:0;font-size:1.15rem;font-weight:600}.ui-mobile-menu-close-btn{color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;padding:4px;font-size:1.75rem;line-height:1}.ui-mobile-menu-sheet-grid{grid-template-columns:repeat(3,1fr);gap:12px 8px;display:grid}.ui-mobile-menu-sheet-item{color:var(--color-text-muted);text-align:center;cursor:pointer;background:#ffffff80;border:1px solid #2020200d;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;padding:12px 6px;font-size:.75rem;font-weight:600;transition:all .2s;display:flex}.ui-mobile-menu-sheet-item:hover,.ui-mobile-menu-sheet-item.active{border-color:var(--color-accent-strong);color:var(--color-text-main);background:#ffffffd9}.ui-mobile-menu-sheet-item-icon{color:var(--color-text-muted);margin-bottom:6px;transition:color .2s}.ui-mobile-menu-sheet-item.active .ui-mobile-menu-sheet-item-icon{color:var(--color-accent-strong)}@media (width>=1024px){.ui-desktop-nav{display:flex}}@media (width<=1023px){.ui-mobile-bottom-nav{display:flex}.ui-header-user span.text-muted{display:none!important}.ui-main-content{padding-bottom:110px!important}}.ui-notif-bell-container{align-items:center;display:flex}.ui-notif-bell-btn{border:1px solid var(--color-border);color:var(--color-text-muted);cursor:pointer;background:#ffffff80;border-radius:50%;justify-content:center;align-items:center;margin-right:8px;padding:8px;transition:all .2s;display:flex;position:relative}.ui-notif-bell-btn:hover{color:var(--color-text-main);background-color:#ffffffd9;border-color:#20202026}.ui-notif-bell-btn.has-unread{color:var(--color-text-main)}.ui-notif-badge{background-color:var(--color-accent-strong);color:var(--color-accent-charcoal);border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;min-width:16px;height:16px;font-size:.65rem;font-weight:700;display:flex;position:absolute;top:-2px;right:-2px}.ui-notif-dropdown{-webkit-backdrop-filter:blur(24px)saturate(160%);border-radius:var(--radius-lg);border:1px solid var(--color-border-glass);width:min(320px,100vw - 32px);box-shadow:var(--shadow-lg);z-index:50;background:linear-gradient(135deg,#ffffffeb,#fff7d699);flex-direction:column;animation:.2s ease-out slideDown;display:flex;position:absolute;top:45px;right:0;overflow:hidden}@media (width<=639px){.ui-notif-dropdown{width:auto;position:fixed;top:76px;left:16px;right:16px}}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.ui-notif-dropdown-header{border-bottom:1px solid var(--color-border);background:#fdfbf3cc;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.ui-notif-dropdown-header h4{color:var(--color-text-main);margin:0;font-size:.85rem;font-weight:700}.ui-notif-mark-all{color:var(--color-accent-hover);cursor:pointer;background:0 0;border:none;font-size:.75rem;font-weight:600}.ui-notif-mark-all:hover{text-decoration:underline}.ui-notif-dropdown-list{flex-direction:column;max-height:280px;display:flex;overflow-y:auto}.ui-notif-dropdown-item{cursor:pointer;border-bottom:1px solid #2020200d;flex-direction:column;gap:2px;padding:12px 16px;transition:background .15s;display:flex}.ui-notif-dropdown-item:hover{background:#fdfbf399}.ui-notif-dropdown-item.unread{border-left:3px solid var(--color-accent-strong);background:#fff9e180}.ui-notif-item-title{color:var(--color-text-main);text-align:left;font-size:.8rem;font-weight:600}.ui-notif-item-msg{color:var(--color-text-muted);text-align:left;font-size:.75rem;line-height:1.35}.ui-notif-dropdown-empty{text-align:center;color:var(--color-text-muted);padding:24px;font-size:.85rem}.ui-notif-dropdown-footer{border-top:1px solid var(--color-border);text-align:center;background:#fdfbf3cc;padding:10px 16px;font-size:.8rem;font-weight:600}.ui-notif-dropdown-footer a{color:var(--color-text-main);text-decoration:none}.ui-notif-dropdown-footer a:hover{color:var(--color-accent-hover);text-decoration:underline}.ui-support-banner{background-color:var(--color-accent-soft)!important;color:var(--color-accent-charcoal)!important;border-bottom:1px solid #ffc9284d!important}.ui-suspended-banner{background-color:var(--danger-bg)!important;color:var(--danger-text)!important;border-bottom:1px solid #b4231826!important}@media (width<=768px){.app-brand-subtitle{display:none}.app-brand-icon{width:38px;height:38px}}.lp-root{color:#e4e0d8;background:radial-gradient(circle at 88% 8%,#ffc92824 0%,#0000 30%),radial-gradient(circle at 10% 85%,#ffb40012 0%,#0000 28%),linear-gradient(140deg,#111110 0%,#161410 50%,#1c1a0e 100%);min-height:100vh;position:relative;overflow-x:hidden}.lp-orb{pointer-events:none;z-index:0;filter:blur(100px);border-radius:50%;position:fixed}.lp-orb-1{background:radial-gradient(circle,#ffc92829 0%,#0000 65%);width:700px;height:700px;animation:30s ease-in-out infinite alternate lp-drift-1;top:-200px;right:-100px}.lp-orb-2{background:radial-gradient(circle,#ff960017 0%,#0000 65%);width:500px;height:500px;animation:38s ease-in-out infinite alternate lp-drift-2;bottom:15%;left:-160px}@keyframes lp-drift-1{0%{transform:translate(0)scale(1)}to{transform:translate(40px,30px)scale(1.08)}}@keyframes lp-drift-2{0%{transform:translate(0)scale(1)}to{transform:translate(-30px,-22px)scale(1.06)}}@media (prefers-reduced-motion:reduce){.lp-orb{animation:none}}.lp-nav{z-index:100;-webkit-backdrop-filter:blur(20px)saturate(150%);background:#0e0d0ad1;border-bottom:1px solid #ffffff0f;padding:0 24px;position:sticky;top:0}.lp-nav-inner{justify-content:space-between;align-items:center;max-width:1180px;height:64px;margin:0 auto;display:flex}.lp-brand{align-items:center;gap:10px;text-decoration:none;display:flex}.lp-brand-icon{object-fit:contain;flex-shrink:0;width:34px;height:34px}.lp-brand-name{letter-spacing:-.035em;color:#e4e0d8;font-size:1.3rem;font-weight:800}.lp-nav-right{align-items:center;gap:8px;display:flex}.lp-nav-link{color:#857e72;border-radius:999px;align-items:center;gap:6px;padding:8px 14px;font-size:.875rem;font-weight:500;text-decoration:none;transition:all .16s;display:flex}.lp-nav-link:hover{color:#e4e0d8;background:#ffffff0f}.lp-nav-cta{color:#1a1714;background:linear-gradient(135deg,#ffd95a,#ffc200);border:1px solid #ffc92859;border-radius:999px;align-items:center;gap:6px;padding:9px 18px;font-size:.875rem;font-weight:700;text-decoration:none;transition:all .16s;display:flex;box-shadow:0 4px 16px #ffc92838,inset 0 0 0 1px #ffffff0a}.lp-nav-cta:hover{transform:translateY(-1px);box-shadow:0 8px 24px #ffc92852}.lp-hero{z-index:1;padding:76px 24px 64px;position:relative}.lp-hero-inner{grid-template-columns:1fr 420px;align-items:center;gap:72px;max-width:1180px;margin:0 auto;display:grid}@media (width<=980px){.lp-hero-inner{grid-template-columns:1fr;gap:48px;max-width:560px}}.lp-eyebrow{letter-spacing:.1em;text-transform:uppercase;color:#6b6558;align-items:center;gap:8px;margin-bottom:22px;font-size:.75rem;font-weight:700;display:inline-flex}.lp-eyebrow-dot{background:#ffc200;border-radius:50%;flex-shrink:0;width:7px;height:7px;box-shadow:0 0 0 3px #ffc20033}.lp-headline{letter-spacing:-.045em;color:#ede8de;margin:0 0 22px;font-size:clamp(2.6rem,5vw,4rem);font-weight:800;line-height:1.03}.lp-subtext{color:#7a7268;max-width:46ch;margin:0 0 36px;font-size:1.05rem;line-height:1.68}.lp-chips{flex-wrap:wrap;gap:8px;display:flex}.lp-chip{color:#c4bfb4;background:#ffffff0d;border:1px solid #ffffff17;border-radius:999px;align-items:center;gap:6px;padding:7px 14px;font-size:.81rem;font-weight:600;transition:all .16s;display:inline-flex}.lp-chip:hover{background:#ffffff17;transform:translateY(-1px)}.lp-chip-icon{color:#ffc200;align-items:center;display:flex}.lp-login-card{-webkit-backdrop-filter:blur(24px)saturate(130%);background:linear-gradient(148deg,#1e1c12e6,#16140ad9);border:1px solid #ffc92824;border-radius:28px;padding:36px 32px;animation:.5s cubic-bezier(.22,.61,.36,1) both lp-card-in;box-shadow:0 32px 80px #0006,inset 0 1px #ffffff0a}@keyframes lp-card-in{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.lp-login-title{letter-spacing:-.025em;color:#ede8de;margin:0 0 6px;font-size:1.35rem;font-weight:700}.lp-login-subtitle{color:#7a7268;margin:0 0 28px;font-size:.875rem;line-height:1.5}.lp-google-btn{color:#ede8de;cursor:pointer;background:#ffffff12;border:1px solid #ffffff24;border-radius:999px;justify-content:center;align-items:center;gap:10px;width:100%;min-height:52px;padding:14px 24px;font-family:inherit;font-size:.95rem;font-weight:600;transition:all .18s;display:flex;box-shadow:0 2px 8px #0003}.lp-google-btn:hover:not(:disabled){background:#ffffff1f;border-color:#fff3;transform:translateY(-1px);box-shadow:0 6px 20px #00000047}.lp-google-btn:disabled{opacity:.65;cursor:not-allowed}.lp-google-btn:focus-visible{outline-offset:3px;outline:2px solid #ffc200}.lp-spinner{border:2.5px solid #ffffff1f;border-top-color:#ffc200;border-radius:50%;flex-shrink:0;width:18px;height:18px;animation:.65s linear infinite lp-spin}@keyframes lp-spin{to{transform:rotate(360deg)}}.lp-error{color:#ff9080;text-align:center;background:#b423182e;border:1px solid #b423184d;border-radius:12px;margin-top:14px;padding:10px 14px;font-size:.84rem;font-weight:500;line-height:1.5}.lp-login-divider{color:#4a4640;text-transform:uppercase;letter-spacing:.07em;align-items:center;gap:12px;margin:20px 0;font-size:.75rem;font-weight:600;display:flex}.lp-login-divider:before,.lp-login-divider:after{content:"";background:#ffffff12;flex:1;height:1px}.lp-login-actions{gap:10px;display:flex}.lp-action-kiosk,.lp-action-register{white-space:nowrap;border-radius:999px;flex:1;justify-content:center;align-items:center;gap:6px;padding:11px 14px;font-size:.855rem;font-weight:600;text-decoration:none;transition:all .16s;display:flex}.lp-action-kiosk{color:#c4bfb4;background:#ffffff0f;border:1px solid #ffffff1a}.lp-action-kiosk:hover{background:#ffffff1a;transform:translateY(-1px)}.lp-action-register{color:#1a1714;background:linear-gradient(135deg,#ffd95a,#ffc200);border:1px solid #ffc92859;font-weight:700;box-shadow:0 4px 16px #ffc92838}.lp-action-register:hover{transform:translateY(-1px);box-shadow:0 8px 24px #ffc92852}.lp-action-kiosk:focus-visible,.lp-action-register:focus-visible{outline-offset:3px;outline:2px solid #ffc200}.lp-login-note{color:#4a4640;text-align:center;margin-top:18px;font-size:.73rem;line-height:1.55}.lp-stats{z-index:1;padding:0 24px 64px;position:relative}.lp-stats-inner{background:#ffffff08;border:1px solid #ffffff12;border-radius:24px;grid-template-columns:repeat(4,1fr);gap:16px;max-width:1180px;margin:0 auto;padding:36px 48px;display:grid;box-shadow:0 8px 32px #0003}@media (width<=760px){.lp-stats-inner{grid-template-columns:repeat(2,1fr);gap:20px;padding:28px 24px}}.lp-stat{text-align:center;flex-direction:column;align-items:center;gap:4px;padding:0 8px;display:flex}.lp-stat+.lp-stat{border-left:1px solid #ffffff0f}@media (width<=760px){.lp-stat+.lp-stat{border-left:none}}.lp-stat-value{letter-spacing:-.04em;color:#ede8de;font-variant-numeric:tabular-nums;font-size:1.85rem;font-weight:800;line-height:1}.lp-stat-label{color:#5c564e;text-transform:uppercase;letter-spacing:.055em;margin-top:4px;font-size:.775rem;font-weight:600}.lp-features{z-index:1;padding:60px 24px 64px;position:relative}.lp-features-inner{max-width:1180px;margin:0 auto}.lp-section-header{text-align:center;margin-bottom:52px}.lp-section-title{letter-spacing:-.038em;color:#ede8de;margin:0 0 12px;font-size:clamp(1.7rem,3.2vw,2.3rem);font-weight:800}.lp-section-sub{color:#7a7268;margin:0;font-size:1rem}.lp-features-grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}@media (width<=840px){.lp-features-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=520px){.lp-features-grid{grid-template-columns:1fr}}.lp-feature-card{background:#ffffff08;border:1px solid #ffffff12;border-radius:20px;padding:28px 24px;transition:transform .22s cubic-bezier(.4,0,.2,1),box-shadow .22s,border-color .22s;box-shadow:0 4px 20px #0000002e}.lp-feature-card:hover{border-color:#ffc92838;transform:translateY(-3px);box-shadow:0 16px 44px #00000047}.lp-feature-icon{color:#ffd95a;background:linear-gradient(135deg,#ffd95a2e,#ffc2001f);border:1px solid #ffc92838;border-radius:14px;justify-content:center;align-items:center;width:46px;height:46px;margin-bottom:18px;display:flex}.lp-feature-title{letter-spacing:-.01em;color:#e4e0d8;margin:0 0 8px;font-size:.95rem;font-weight:700}.lp-feature-desc{color:#7a7268;margin:0;font-size:.85rem;line-height:1.62}.lp-how{z-index:1;padding:60px 24px;position:relative}.lp-how-inner{max-width:1180px;margin:0 auto}.lp-steps{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}@media (width<=720px){.lp-steps{grid-template-columns:1fr}}.lp-step{background:#ffffff08;border:1px solid #ffffff12;border-radius:20px;flex-direction:column;gap:14px;padding:28px 24px;display:flex;box-shadow:0 4px 20px #0000002e}.lp-step-num{color:#1a1714;background:linear-gradient(135deg,#ffd95a,#ffc200);border-radius:11px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:1rem;font-weight:800;display:flex;box-shadow:0 4px 14px #ffc20047}.lp-step-title{color:#e4e0d8;margin:0 0 6px;font-size:.95rem;font-weight:700}.lp-step-desc{color:#7a7268;margin:0;font-size:.85rem;line-height:1.62}.lp-footer{z-index:1;border-top:1px solid #ffffff0f;margin-top:24px;padding:32px 24px;position:relative}.lp-footer-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;max-width:1180px;margin:0 auto;display:flex}.lp-footer-brand{align-items:center;gap:8px;text-decoration:none;display:flex}.lp-footer-icon{object-fit:contain;width:26px;height:26px}.lp-footer-name{letter-spacing:-.025em;color:#e4e0d8;font-size:.95rem;font-weight:700}.lp-footer-copy{color:#4a4640;font-size:.78rem}.lp-footer-links{gap:20px;display:flex}.lp-footer-links a{color:#6b6558;font-size:.8rem;font-weight:500;text-decoration:none;transition:color .14s}.lp-footer-links a:hover{color:#e4e0d8}.lp-demo-btn{color:#a89f72;cursor:pointer;background:#ffc9280a;border:1.5px dashed #ffc92859;border-radius:10px;justify-content:center;align-items:center;gap:8px;width:100%;padding:11px 16px;font-size:.875rem;font-weight:600;transition:border-color .15s,color .15s,background .15s;display:flex}.lp-demo-btn:hover{color:#ffd95a;background:#ffc92814;border-color:#ffc928a6}.lp-demo-note{text-align:center;color:#4a4640;margin:6px 0 0;font-size:.73rem}.ui-button{border-radius:var(--radius-pill);white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;font-weight:500;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex}.ui-button:disabled{cursor:not-allowed;opacity:.6;color:var(--color-text-dim)!important;box-shadow:none!important;background:#f1f2f280!important;border-color:#2020200d!important;transform:none!important}.ui-button--full{width:100%}.ui-button--primary{background:linear-gradient(180deg, var(--color-accent), var(--color-accent-strong));color:var(--color-accent-charcoal);box-shadow:0 10px 22px #ffc92847}.ui-button--primary:hover:not(:disabled){background:linear-gradient(180deg, var(--color-accent-hover), #e0b300);transform:translateY(-1.5px);box-shadow:0 12px 26px #ffc92859}.ui-button--primary:active:not(:disabled){transform:translateY(.5px);box-shadow:0 6px 14px #ffc92833}.ui-button--secondary{background-color:var(--color-card);-webkit-backdrop-filter:blur(8px);border:1px solid var(--color-border);color:var(--color-text-main);box-shadow:0 4px 10px #1e1e1e05}.ui-button--secondary:hover:not(:disabled){background-color:#ffffffd9;border-color:#20202026;transform:translateY(-1px)}.ui-button--secondary:active:not(:disabled){background-color:var(--color-card-alt);transform:translateY(0)}.ui-button--outline{border:1px solid var(--color-border-divider);color:var(--color-text-main);background-color:#0000}.ui-button--outline:hover:not(:disabled){background-color:var(--color-card);border-color:var(--color-accent-strong);transform:translateY(-1px)}.ui-button--ghost{color:var(--color-text-muted);background-color:#0000}.ui-button--ghost:hover:not(:disabled){background-color:var(--color-card);color:var(--color-text-main)}.ui-button--danger,button.bg-error,button.text-error{background:var(--danger-bg)!important;color:var(--danger-text)!important;border:1px solid #b4231826!important;box-shadow:0 4px 12px #b423180d!important}.ui-button--danger:hover:not(:disabled){transform:translateY(-1px);background:#fad2cf!important}.ui-button--sm{padding:6px 14px;font-size:.875rem}.ui-button--md{padding:10px 20px;font-size:.95rem}.ui-button--lg{padding:12px 28px;font-size:1.05rem}.ui-card{border-radius:var(--radius-xl);-webkit-backdrop-filter:blur(18px)saturate(145%);border:1px solid var(--color-border-glass);box-shadow:var(--shadow-lg);background:linear-gradient(135deg,#ffffffb8,#fff7d670);transition:transform .25s cubic-bezier(.4,0,.2,1),box-shadow .25s cubic-bezier(.4,0,.2,1),border-color .25s cubic-bezier(.4,0,.2,1);overflow:hidden}.ui-card-header{padding:var(--space-6) var(--space-6) 0}.ui-card-title{color:var(--color-text-main);margin:0;font-size:1.25rem;font-weight:600}.ui-card-content{padding:var(--space-6)}.ui-input-wrapper{gap:var(--space-1);flex-direction:column;width:100%;display:flex}.ui-input-label{color:var(--color-text-muted);margin-bottom:2px;font-size:.875rem;font-weight:500}.ui-input{width:100%;color:var(--color-text-main);border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:#ffffffbd;padding:10px 16px;font-size:.95rem;line-height:1.5;transition:border-color .2s,box-shadow .2s,background-color .2s}.ui-input:focus{border-color:var(--color-accent-strong);background-color:#ffffffe6;outline:none;box-shadow:0 0 0 4px #ffc92840}.ui-input:disabled{opacity:.7;cursor:not-allowed;background-color:#f1f2f280}.ui-input--error{border-color:var(--color-error)}.ui-input--error:focus{border-color:var(--color-error);box-shadow:0 0 0 4px #b4231826}.ui-input-error-msg{color:var(--color-error);margin-top:var(--space-1);font-size:.75rem;font-weight:500}.guru-murid-container{flex-direction:column;gap:0;width:100%;max-width:1180px;margin:0 auto;display:flex}.guru-murid-header{background:var(--color-card);border:1px solid var(--color-border);border-left:5px solid var(--color-accent);border-radius:var(--radius-lg);flex-direction:row;justify-content:space-between;align-items:center;gap:16px;width:100%;margin-bottom:12px;padding:12px 16px;display:flex}.header-title-area{flex-direction:column;flex:1;min-width:0;display:flex}.guru-murid-import-btn{flex-shrink:0;align-self:flex-start;margin-top:4px}.guru-murid-tabs{justify-content:center;margin-bottom:16px;display:flex}.guru-murid-content{flex-direction:column;gap:20px;width:100%;display:flex}.pill-btn{border-radius:var(--radius-pill);color:var(--color-text-muted);cursor:pointer;white-space:nowrap;background:0 0;border:none;padding:8px 28px;font-size:.95rem;font-weight:600;transition:all .2s}.management-stats-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;width:100%;margin-bottom:20px;display:grid}.stat-card{border:1px solid var(--sbps-card-border);min-height:100px;box-shadow:var(--sbps-card-shadow);border-radius:var(--sbps-radius-card);-webkit-backdrop-filter:blur(18px)saturate(140%);background:linear-gradient(135deg,#ffffffb8,#fff7d670);flex-direction:column;justify-content:center;transition:transform .2s,border-color .2s,box-shadow .2s;display:flex}.stat-card-content{flex-direction:column;gap:4px;display:flex;padding:18px 20px!important}.search-filters-bar{border-radius:var(--radius-lg);border:1px solid var(--sbps-card-border);box-shadow:var(--sbps-card-shadow);-webkit-backdrop-filter:blur(18px)saturate(140%);background:linear-gradient(135deg,#ffffffb8,#fff7d670);flex-direction:column;width:100%;margin-bottom:16px;padding:20px;display:flex}.filter-grid-layout{flex-direction:column;gap:14px;width:100%;display:flex}.filter-row-fields{grid-template-columns:1fr;gap:12px;width:100%;display:grid}.filter-field-group{flex-direction:column;gap:6px;width:100%;display:flex}.filter-field-label{color:var(--color-text-muted);letter-spacing:.01em;font-size:.82rem;font-weight:600}.filter-select{border-radius:var(--radius-md);border:1px solid var(--color-border);background-color:var(--color-card);height:40px;color:var(--color-text-main);appearance:none;cursor:pointer;background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;background-size:14px;width:100%;padding:0 36px 0 12px;font-size:.9rem}.filter-row-actions{justify-content:flex-end;width:100%;display:flex}.action-buttons{align-items:center;gap:10px;display:flex}@media (width>=600px) and (width<=899px){.management-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.filter-row-fields{grid-template-columns:repeat(2,1fr)}.filter-field-group.search-field{grid-column:span 2}}@media (width>=900px){.filter-row-fields{grid-template-columns:2.2fr 1fr 1fr;align-items:flex-end;gap:14px}.filter-row-fields:has(>:nth-child(4)){grid-template-columns:2fr 1fr 1fr 1fr}}@media (width<=599px){.guru-murid-header{flex-direction:column;align-items:stretch;gap:12px;margin-bottom:16px}.guru-murid-import-btn{justify-content:center;align-self:stretch;width:100%;margin-top:0}.guru-murid-tabs{margin-bottom:16px}.pill-nav{width:100%}.pill-btn{text-align:center;flex:1;padding:8px 12px}.management-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.filter-row-actions{justify-content:stretch}.action-buttons{flex-direction:column-reverse;gap:8px;width:100%}.action-buttons button,.action-buttons .ui-button{justify-content:center;width:100%!important}}@media (width<=380px){.management-stats-grid{grid-template-columns:1fr}}.modal-card{background:#fffcf4fa;border:1px solid #ffffffb8;border-radius:28px;flex-direction:column;width:min(560px,100vw - 32px);max-height:calc(100dvh - 96px);margin:auto;animation:.25s ease-out modalFadeIn;display:flex;position:relative;overflow:hidden;box-shadow:0 28px 80px #0003}.modal-xl{width:min(850px,100vw - 32px)}.modal-card>div:not(.modal-header):not(.modal-footer),.modal-card form>div:not(.modal-footer){flex:1;min-height:0;overflow-y:auto}.modal-header{padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--color-border);flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.modal-footer{padding:var(--space-4) var(--space-6);border-top:1px solid var(--color-border);justify-content:flex-end;gap:var(--space-3);flex-shrink:0;display:flex}.table-wrap{border:1px solid var(--sbps-card-border);border-radius:var(--sbps-radius-card);-webkit-backdrop-filter:blur(18px)saturate(145%);box-shadow:var(--sbps-card-shadow);background:#ffffff9e;overflow-x:auto}.data-table th,.data-table td{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border);font-size:.95rem}.data-table th{background-color:var(--color-card-alt);color:var(--color-text-muted);font-weight:600}.status-badge.active{color:#065f46;background-color:#d1fae5}.status-badge.inactive{color:#991b1b;background-color:#fee2e2}.status-badge.migrated{color:#92400e;background-color:#fef3c7}@media (width>=768px){.mobile-card-list{display:none}}@media (width>=768px){.desktop-table-wrap{display:block}}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}@media (width<=640px){.modal-overlay{padding:12px}.modal-card,.modal-xl{width:100%!important;max-height:calc(100dvh - 24px)!important}}.inventori-container{gap:var(--space-4);flex-direction:column;display:flex}.inventori-header{background:var(--color-card);border:1px solid var(--color-border);border-left:5px solid var(--color-accent);border-radius:var(--radius-lg);flex-direction:column;align-items:flex-start;gap:10px;padding:12px 16px;display:flex}@media (width>=768px){.inventori-header{flex-direction:row;justify-content:space-between;align-items:center}}.pill-nav{background-color:var(--color-card-alt);border-radius:var(--radius-pill);border:1px solid var(--color-border);padding:4px;display:inline-flex}.pill-btn{padding:var(--space-2) var(--space-6);border-radius:var(--radius-pill);color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;font-size:.95rem;font-weight:600;transition:all .2s}.pill-btn.active{background-color:var(--color-accent);color:#000;box-shadow:var(--shadow-sm)}.stats-grid{gap:var(--space-4);margin-bottom:var(--space-6);grid-template-columns:repeat(2,1fr);display:grid}@media (width>=1024px){.stats-grid{grid-template-columns:repeat(6,1fr)}}.stat-card{border:1px solid var(--sbps-card-border);box-shadow:var(--sbps-card-shadow);border-radius:var(--sbps-radius-card);-webkit-backdrop-filter:blur(18px)saturate(140%);background:linear-gradient(135deg,#ffffffb8,#fff7d670);transition:transform .2s,border-color .2s,box-shadow .2s}.stat-card:hover{border-color:var(--color-accent);box-shadow:var(--sbps-card-shadow-hover);transform:translateY(-2px)}.stat-card-content{gap:var(--space-1);flex-direction:column;display:flex}.stat-label{color:var(--color-text-muted);font-size:.85rem;font-weight:600}.stat-val{color:var(--color-text-main);font-size:1.8rem;font-weight:700;line-height:1.1}.search-filters-bar{gap:var(--space-4);margin-bottom:var(--space-6);padding:var(--space-4);border-radius:var(--radius-lg);border:1px solid var(--sbps-card-border);box-shadow:var(--sbps-card-shadow);-webkit-backdrop-filter:blur(18px)saturate(140%);background:linear-gradient(135deg,#ffffffb8,#fff7d670);flex-direction:column;display:flex}.filters-row{gap:var(--space-3);grid-template-columns:1fr;width:100%;display:grid}@media (width>=640px){.filters-row{grid-template-columns:repeat(2,1fr)}}@media (width>=1024px){.filters-row{grid-template-columns:repeat(4,1fr)}}.filter-group{gap:var(--space-1);flex-direction:column;display:flex}.filter-group label{color:var(--color-text-muted);font-size:.8rem;font-weight:600}.filter-select{padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);border:1px solid var(--color-border);background-color:var(--color-card-alt);color:var(--color-text-main);width:100%;font-size:.95rem}.filter-select:focus{border-color:var(--color-accent);outline:none}.action-bar{gap:var(--space-2);flex-wrap:wrap;justify-content:flex-end;width:100%;display:flex}.table-wrap{-webkit-overflow-scrolling:touch;border:1px solid var(--sbps-card-border);border-radius:var(--sbps-radius-card);-webkit-backdrop-filter:blur(18px)saturate(145%);box-shadow:var(--sbps-card-shadow);background:#ffffff9e;max-width:100%;overflow-x:auto}.data-table th,.data-table td{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border);vertical-align:top;font-size:.9rem}.data-table th{background-color:var(--color-card-alt);color:var(--color-text-muted);white-space:nowrap;font-weight:600}.inv-compact-table{table-layout:auto;min-width:980px}.inv-compact-table .col-cover{width:72px;min-width:72px;max-width:72px;vertical-align:middle!important;padding:8px 6px!important}.inv-compact-table .col-acq{white-space:nowrap;width:115px;min-width:100px}.inv-compact-table .col-buku{min-width:200px}.inv-compact-table .col-pengarang{width:140px;min-width:110px}.inv-compact-table .col-klasifikasi{width:180px;min-width:150px}.inv-compact-table .col-status{white-space:nowrap;width:100px;min-width:90px}.inv-compact-table .col-tindakan{z-index:2;background:#fffcf4e0;border-left:1px solid #d9b45029;width:116px;min-width:116px;position:sticky;right:0;box-shadow:-10px 0 18px #785a140f}.inv-compact-table thead .col-tindakan{background:#fffbeff0;border-left:1px solid #d9b45029;box-shadow:-10px 0 18px #785a140f}.inv-compact-table tbody tr:hover .col-tindakan{background:#fff9e6f5}.inv-acq-num{letter-spacing:.01em;color:var(--color-text-main);font-variant-numeric:tabular-nums;font-size:.88rem;font-weight:700}.inv-title{color:var(--color-text-main);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:.92rem;font-weight:600;line-height:1.35;display:-webkit-box;overflow:hidden}.inv-sub{color:var(--color-text-muted);white-space:nowrap;text-overflow:ellipsis;max-width:220px;margin:2px 0 0;font-size:.78rem;line-height:1.3;overflow:hidden}.inv-author{color:var(--color-text-main);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.88rem;line-height:1.4;display:-webkit-box;overflow:hidden}.inv-klas-primary{color:var(--color-text-main);margin:0;font-size:.88rem;font-weight:600}.book-cover-cell{border-radius:var(--radius-sm);background-color:#fffbefbf;border:1px solid #0000000f;flex-shrink:0;justify-content:center;align-items:center;width:56px;min-width:56px;max-width:56px;height:76px;min-height:76px;max-height:76px;display:flex;position:relative;overflow:hidden}.book-cover-placeholder{border-radius:var(--radius-sm);background-color:var(--color-card-alt);border:1px dashed var(--color-border);width:56px;min-width:56px;max-width:56px;height:76px;min-height:76px;max-height:76px;color:var(--color-text-muted);flex-shrink:0;justify-content:center;align-items:center;display:flex}.book-cover-upload-preview{border-radius:var(--radius-md);border:1px solid var(--color-border);background-color:var(--color-card-alt);flex-shrink:0;justify-content:center;align-items:center;width:90px;min-width:90px;max-width:90px;height:120px;min-height:120px;max-height:120px;display:flex;overflow:hidden}.book-cover-img-fit{object-fit:contain;object-position:center;flex-shrink:0;width:100%;max-width:100%;height:100%;max-height:100%;display:block}.book-cover-cell.clickable{cursor:pointer;transition:opacity .2s,border-color .2s,box-shadow .2s}.book-cover-cell.clickable:hover{opacity:.88;border-color:var(--color-accent-strong);box-shadow:0 4px 12px #785a1426}.book-cover-upload-preview.clickable{cursor:pointer;transition:opacity .2s,border-color .2s,box-shadow .2s}.book-cover-upload-preview.clickable:hover{opacity:.88;border-color:var(--color-accent-strong);box-shadow:0 4px 12px #785a1426}.lightbox-overlay{z-index:11000;background-color:#000000d1;justify-content:center;align-items:center;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.lightbox-content{justify-content:center;align-items:center;max-width:min(90vw,720px);max-height:85vh;display:flex;position:relative}.lightbox-image{object-fit:contain;border-radius:var(--radius-md);max-width:100%;max-height:85vh;box-shadow:0 20px 50px #00000080}.lightbox-close-btn{color:#fff;cursor:pointer;background-color:#ffffff26;border:1px solid #ffffff40;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:all .2s;display:flex;position:absolute;top:-48px;right:0}.lightbox-close-btn:hover{background-color:var(--color-accent);color:#000;border-color:var(--color-accent);transform:scale(1.1)}@media (width<=640px){.lightbox-close-btn{background-color:#00000080;top:12px;right:12px}}.status-badge{border-radius:var(--radius-pill);text-transform:uppercase;padding:2px 8px;font-size:.75rem;font-weight:600;display:inline-flex}.status-badge.ada{color:#065f46;background-color:#d1fae5}.status-badge.hilang{color:#991b1b;background-color:#fee2e2}.status-badge.pilih-buang,.status-badge.lupus{color:#92400e;background-color:#fef3c7}.status-badge.archived{color:#374151;background-color:#e5e7eb}.action-btn-cell{gap:var(--space-1);display:flex}.action-btn-cell button{border-radius:10px!important;transition:all .2s!important}.action-btn-cell button:hover{color:#92400e!important;background-color:#fef3c7cc!important;border-color:#0000!important}.modal-overlay{z-index:9999;box-sizing:border-box;background:radial-gradient(circle at 80% 20%,#ffd95a1a,#0000 36%),#1c1c1c6b;justify-content:center;align-items:center;width:100vw;height:100dvh;padding:48px 16px;display:flex;position:fixed;inset:0;overflow-y:auto}.modal-card{background:#fffcf4fa;border:1px solid #ffffffb8;border-radius:28px;flex-direction:column;width:min(560px,100vw - 32px);max-height:calc(100dvh - 96px);margin:auto;display:flex;position:relative;overflow:hidden;box-shadow:0 28px 80px #0003;animation:.25s ease-out modalFadeIn!important}.modal-card--premium{width:min(820px,100vw - 32px)!important;max-width:none!important}.modal-xl{width:min(560px,100vw - 32px)!important;max-width:none!important}.modal-header{z-index:2;background:#fffbefd1;border-bottom:1px solid #20202014;flex-shrink:0;justify-content:space-between;align-items:center;padding:22px 28px 18px;display:flex}.modal-close-btn{border-radius:var(--radius-pill);border:1px solid var(--color-border);width:38px;height:38px;color:var(--color-text-muted);cursor:pointer;background-color:#ffffffb3;justify-content:center;align-items:center;transition:all .2s;display:flex}.modal-close-btn:hover{background-color:var(--color-accent);color:#000;border-color:var(--color-accent);transform:scale(1.05)}.modal-close-btn:active{transform:scale(.95)}.modal-body{background-color:#faf9f6;flex:1;min-height:0;padding:24px 28px;overflow-y:auto}.modal-footer{justify-content:flex-end;gap:var(--space-3);background:#ffffffe0;border-top:1px solid #20202014;flex-shrink:0;padding:18px 28px;display:flex}.modal-footer button{border-radius:var(--radius-pill)!important;padding:var(--space-2) var(--space-6)!important;height:44px!important;font-size:.95rem!important;font-weight:600!important;transition:all .2s!important}.modal-footer button[type=submit]{background-color:var(--color-accent)!important;color:#000!important;border-color:var(--color-accent)!important}.modal-footer button[type=submit]:hover:not(:disabled){background-color:#f59e0b!important;border-color:#f59e0b!important}.form-section{margin-bottom:var(--space-6);padding:var(--space-5) var(--space-6);border:1px solid var(--sbps-card-border-soft);box-shadow:var(--sbps-card-shadow);-webkit-backdrop-filter:blur(18px)saturate(140%);background:linear-gradient(135deg,#ffffffb8,#fff7d670);border-radius:20px}.form-section:last-child{margin-bottom:0}.form-section-title{color:var(--color-text-main);margin-bottom:var(--space-5);padding-bottom:var(--space-2);border-bottom:2px solid var(--color-border);font-size:1rem;font-weight:700;position:relative}.form-section-title:after{content:"";background-color:var(--color-accent);width:40px;height:2px;position:absolute;bottom:-2px;left:0}.form-grid-premium{gap:var(--space-4);flex-direction:column;display:flex}.form-col-2{gap:var(--space-4);grid-template-columns:1fr;display:grid}@media (width>=640px){.form-col-2{grid-template-columns:1fr 1fr}}.form-col-full{gap:var(--space-1);flex-direction:column;display:flex}.form-grid{gap:var(--space-4);grid-template-columns:1fr;display:grid}@media (width>=640px){.form-grid{grid-template-columns:repeat(2,1fr)}}.form-group-full{grid-column:1/-1}.form-label{color:var(--color-text-main);margin-bottom:var(--space-1);font-size:.9rem;font-weight:600;display:block}.form-select,.form-textarea{width:100%;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);border:1px solid var(--color-border);background-color:var(--color-card);color:var(--color-text-main);font-size:.95rem}.form-select:focus,.form-textarea:focus{border-color:var(--color-accent);outline:none}.form-textarea{resize:vertical;min-height:80px}.form-error{color:#991b1b;padding:var(--space-3);border-radius:var(--radius-md);margin-bottom:var(--space-4);background-color:#fef2f2;border:1px solid #fca5a5;font-size:.9rem}.cover-upload-area{gap:var(--space-4);padding:var(--space-4);border:1px dashed var(--color-border);border-radius:var(--radius-lg);background-color:var(--color-card-alt);align-items:center;display:flex}.import-section{gap:var(--space-4);flex-direction:column;display:flex}.preview-err-box{border-radius:var(--radius-md);padding:var(--space-4);color:#991b1b;gap:var(--space-1);background-color:#fef2f2;border:1px solid #fca5a5;flex-direction:column;max-height:250px;font-size:.9rem;display:flex;overflow-y:auto}.preview-err-title{margin-bottom:var(--space-1);align-items:center;gap:var(--space-2);font-weight:700;display:flex}.import-preview-table-wrap{border:1px solid var(--color-border);border-radius:var(--radius-md);max-height:300px;overflow-y:auto}.analysis-grid{gap:var(--space-6);grid-template-columns:1fr;display:grid}@media (width>=768px){.analysis-grid{grid-template-columns:repeat(2,1fr)}}.analysis-card{border:1px solid var(--sbps-card-border);border-radius:var(--sbps-radius-card);box-shadow:var(--sbps-card-shadow);-webkit-backdrop-filter:blur(18px)saturate(140%);background:linear-gradient(135deg,#ffffffb8,#fff7d670)}.analysis-header{padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--color-border);color:var(--color-text-main);background-color:var(--color-card-alt);border-top-left-radius:var(--radius-lg);border-top-right-radius:var(--radius-lg);font-weight:600}.analysis-body{padding:var(--space-6);gap:var(--space-4);flex-direction:column;display:flex}.analysis-row{gap:var(--space-1);flex-direction:column;display:flex}.analysis-row-header{color:var(--color-text-main);justify-content:space-between;font-size:.95rem;font-weight:600;display:flex}.analysis-row-bar-wrap{background-color:#2020200f;border-radius:9999px;width:100%;height:6px;overflow:hidden}.analysis-row-bar{background-color:#f59e0b;border-radius:9999px;height:100%;transition:width .3s}.analysis-row-bar.zero-bar{opacity:.1;width:0%!important}.analysis-row-bar.bg-blue-500{background-color:#3b82f6!important}.analysis-row-bar.bg-purple-500{background-color:#8b5cf6!important}.analysis-row-bar.bg-green-500{background-color:#10b981!important}.analysis-row-bar.bg-red-500{background-color:#ef4444!important}.analysis-row-bar.bg-orange-500{background-color:#f97316!important}.analysis-footnote{color:var(--color-text-muted);margin-top:12px;font-size:.78rem;font-style:italic}.inventory-analytics-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}@media (width<=900px){.inventory-analytics-grid{grid-template-columns:1fr}}.inventory-ddc-card{grid-column:1/-1}.ddc-grid{grid-template-columns:1fr;gap:16px;display:grid}@media (width>=768px){.ddc-grid{grid-template-columns:repeat(2,1fr);gap:24px}}.ddc-item-row{flex-direction:column;gap:6px;width:100%;display:flex}.ddc-item-info{justify-content:space-between;align-items:center;gap:12px;width:100%;display:flex}.ddc-item-label{color:var(--color-text-main);word-break:break-word;min-width:0;font-size:.9rem;font-weight:600}.ddc-item-value{color:var(--color-text-muted);flex-shrink:0;font-size:.88rem;font-weight:600}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.mobile-card-list{gap:var(--space-3);flex-direction:column;display:flex}@media (width>=768px){.mobile-card-list{display:none}}.mobile-data-card{padding:var(--space-4);border-radius:var(--radius-lg);border:1px solid var(--sbps-card-border);box-shadow:var(--sbps-card-shadow);-webkit-backdrop-filter:blur(18px)saturate(140%);gap:var(--space-2);background:linear-gradient(135deg,#ffffffb8,#fff7d670);flex-direction:column;display:flex}.mobile-data-row{justify-content:space-between;align-items:center;display:flex}.desktop-table-wrap{display:none}@media (width>=768px){.desktop-table-wrap{display:block}}.modal-card--premium input,.modal-card--premium .form-select{width:100%;height:48px!important;padding:var(--space-2) var(--space-4)!important;color:var(--color-text-main)!important;background-color:#fff!important;border:1px solid #0000001f!important;border-radius:14px!important;font-size:.95rem!important;transition:all .2s!important}.modal-card--premium textarea{width:100%;padding:var(--space-3) var(--space-4)!important;color:var(--color-text-main)!important;background-color:#fff!important;border:1px solid #0000001f!important;border-radius:14px!important;font-size:.95rem!important;transition:all .2s!important}.modal-card--premium input:focus,.modal-card--premium .form-select:focus,.modal-card--premium textarea:focus{border-color:var(--color-accent)!important;outline:none!important;box-shadow:0 0 0 3px #fbbf2440!important}.classification-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:18px 22px;display:grid}.classification-field{min-width:0}@media (width<=640px){.modal-overlay{align-items:flex-end;padding:12px}.modal-card,.modal-card--premium,.modal-xl{border-radius:24px 24px 0 0!important;width:100%!important;height:auto!important;max-height:calc(100dvh - 24px)!important;margin:0 auto!important}.form-select,.form-textarea,.modal-card input,.modal-card--premium input{padding:var(--space-3) var(--space-4)!important;font-size:16px!important}.modal-body{padding:var(--space-4)!important}.modal-footer{padding:var(--space-4)!important;gap:var(--space-2)!important;flex-direction:column-reverse!important;display:flex!important}.modal-footer button{width:100%!important;margin:0!important}.form-section{padding:var(--space-4) var(--space-3)!important;margin-bottom:var(--space-4)!important;border-radius:12px!important}.classification-grid{gap:var(--space-4)!important;grid-template-columns:1fr!important}}.inventory-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;width:100%;display:grid}@media (width<=768px){.inventory-summary-grid{grid-template-columns:1fr}}.pinjaman-container{--primary-color:var(--color-accent,#fbbf24);--text-dark:var(--color-text-main,#2d3748);--text-muted:var(--color-text-muted,#718096);--border-color:var(--color-border,#e2e8f0);--bg-hover:var(--color-card-alt,#f4f4f5);flex-direction:column;height:100%;display:flex}.pinjaman-header{background:var(--color-card);border:1px solid var(--color-border);border-left:5px solid var(--color-accent);border-radius:var(--radius-lg);margin-bottom:12px;padding:12px 16px}.pinjaman-header h1{color:var(--text-dark);margin-bottom:2px;font-size:1.35rem;font-weight:700}.pinjaman-header p{color:var(--text-muted);font-size:.85rem}.pinjaman-tabs{scrollbar-width:none;background-color:#fff;border-radius:12px;gap:12px;max-width:100%;margin-bottom:16px;padding:8px;display:flex;overflow-x:auto;box-shadow:0 2px 8px #0000000d}.pinjaman-tabs::-webkit-scrollbar{display:none}.pinjaman-tab{color:var(--text-muted);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:8px;flex:1 0;justify-content:center;align-items:center;gap:8px;padding:12px 16px;font-weight:600;transition:all .2s;display:flex}.pinjaman-tab:hover{background-color:var(--bg-hover)}.pinjaman-tab.active{background-color:var(--primary-color);color:var(--text-dark);box-shadow:0 2px 4px #0000001a}.pinjaman-kiosk .pinjaman-tab{padding:16px 24px;font-size:1.25rem}.pinjaman-form-card,.pemulangan-form-card{box-shadow:var(--shadow-md);border:1px solid var(--border-color);background-color:#fff;border-radius:16px;width:100%;max-width:700px;margin:0 auto;padding:22px 24px}.form-input::placeholder{color:var(--text-muted);opacity:.65;text-overflow:ellipsis}.pinjaman-kiosk .form-input{padding:16px;font-size:1.25rem}.form-actions{justify-content:flex-end;margin-top:24px;display:flex}.btn-submit{background-color:var(--primary-color);color:#000;border-radius:var(--radius-pill,9999px);cursor:pointer;border:none;justify-content:center;align-items:center;gap:8px;padding:12px 32px;font-size:1rem;font-weight:600;transition:all .2s;display:flex;box-shadow:0 4px 6px -1px #fdcb5826,0 2px 4px -1px #fdcb581a}.btn-submit:active:not(:disabled){transform:translateY(0)}.btn-submit:disabled{background-color:var(--border-color);color:var(--text-muted);opacity:.6;cursor:not-allowed;box-shadow:none;transform:none}.pinjaman-kiosk .btn-submit{border-radius:var(--radius-pill,9999px);justify-content:center;width:100%;padding:16px 32px;font-size:1.25rem}.duration-selector{gap:12px;display:flex}.duration-btn{border:1px solid var(--border-color);cursor:pointer;background:#fff;border-radius:8px;flex:1;padding:10px;font-weight:500;transition:all .2s}.duration-btn.active{border-color:var(--primary-color);color:var(--text-dark);background-color:#fdcb581a}.info-card{background-color:var(--bg-hover);border:1px solid var(--border-color);border-radius:12px;gap:16px;margin-top:16px;padding:16px;display:flex}.info-icon{color:var(--primary-color);background:#fff;border-radius:50%;height:max-content;padding:8px}.info-content h4{color:var(--text-dark);margin-bottom:4px;font-weight:600}.info-content p{color:var(--text-muted);margin:0 0 4px;font-size:.95rem}.badge-late{color:#dc2626;background-color:#fee2e2;border-radius:12px;margin-left:8px;padding:2px 8px;font-size:.8rem;font-weight:600;display:inline-block}.badge-status.lewat{color:#dc2626;background-color:#fee2e2}.badge-status.hilang{color:#4b5563;background-color:#f3f4f6}.sejarah-controls{gap:16px;margin-bottom:16px;display:flex}@media (width<=639px){.sejarah-controls{flex-direction:column;align-items:stretch}.sejarah-search,.sejarah-filter{width:100%}}.sejarah-search{flex:1;position:relative}.sejarah-search input{border:1px solid var(--border-color);border-radius:8px;width:100%;padding:10px 10px 10px 36px}.sejarah-search .search-icon{color:var(--text-muted);position:absolute;top:50%;left:10px;transform:translateY(-50%)}.sejarah-filter{border:1px solid var(--border-color);background:#fff;border-radius:8px;min-width:150px;padding:10px}.sejarah-table-container{background:#fff;border-radius:12px;overflow-x:auto;box-shadow:0 2px 8px #0000000d}.sejarah-table{border-collapse:collapse;width:100%}.sejarah-table th,.sejarah-table td{text-align:left;border-bottom:1px solid var(--border-color);padding:16px}.sejarah-table th{background-color:var(--bg-hover);color:var(--text-muted);white-space:nowrap;font-size:.9rem;font-weight:600}.sejarah-table tr:hover{background-color:#00000003}.sejarah-table td{font-size:.95rem}.action-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px;transition:all .2s}.action-btn:hover{background-color:var(--bg-hover);color:var(--text-dark)}.action-btn.danger:hover{color:#dc2626;background-color:#fee2e2}.error-message{color:#dc2626;background-color:#fee2e2;border-radius:8px;margin-bottom:16px;padding:12px;font-weight:500}.success-message{color:#16a34a;background-color:#dcfce7;border-radius:8px;margin-bottom:16px;padding:12px;font-weight:500}.relative{position:relative}.autocomplete-dropdown{border:1px solid var(--border-color);z-index:50;background-color:#fff;border-radius:12px;max-height:250px;margin-top:4px;position:absolute;top:100%;left:0;right:0;overflow-y:auto;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.autocomplete-item{cursor:pointer;border-bottom:1px solid var(--border-color);text-align:left;flex-direction:column;gap:4px;padding:12px 16px;transition:background-color .2s;display:flex}.autocomplete-item-title{color:var(--text-dark);justify-content:space-between;align-items:center;font-size:.95rem;font-weight:600;display:flex}.autocomplete-item-meta{color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:8px;font-size:.85rem;display:flex}.selected-item-card{padding-right:48px;position:relative;border-color:var(--primary-color)!important;background-color:#fdcb580d!important}.clear-selection-btn{background:var(--bg-hover);color:var(--text-muted);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:1.5rem;font-weight:300;line-height:1;transition:all .2s;display:flex;position:absolute;top:50%;right:16px;transform:translateY(-50%)}.clear-selection-btn:hover{color:#dc2626;background-color:#fee2e2}@media (width<=640px){.pinjaman-form-card,.pemulangan-form-card{border-radius:12px;padding:20px}.form-input{padding:10px 14px;font-size:.95rem}.form-input::placeholder{font-size:.9rem}.duration-selector{flex-direction:column;gap:8px}.duration-btn{width:100%;padding:12px;font-size:1rem}.btn-submit{justify-content:center;width:100%;padding:14px 24px;font-size:1rem}.pinjaman-kiosk .pinjaman-form-card,.pinjaman-kiosk .pemulangan-form-card{border-radius:18px;padding:20px 16px}.pinjaman-kiosk .pinjaman-header h1{font-size:1.6rem}.pinjaman-kiosk .pinjaman-header p{font-size:.95rem}}.pinjaman-kiosk{gap:16px;width:100%;max-width:900px;margin:0 auto;padding:28px 20px}.pinjaman-kiosk .pinjaman-header{text-align:center;margin-bottom:18px}.pinjaman-kiosk .pinjaman-header h1{letter-spacing:-.025em;color:var(--text-dark);font-size:2.25rem;font-weight:800}.pinjaman-kiosk .pinjaman-header p{color:var(--text-muted);font-size:1.15rem}.pinjaman-kiosk .pinjaman-tabs{background:var(--color-card);-webkit-backdrop-filter:blur(12px);border:1px solid var(--color-border-glass);box-shadow:var(--shadow-sm);scrollbar-width:none;border-radius:9999px;max-width:100%;margin-bottom:18px;padding:8px;overflow-x:auto}.pinjaman-kiosk .pinjaman-tabs::-webkit-scrollbar{display:none}.pinjaman-kiosk .pinjaman-tab{border-radius:9999px;padding:14px 28px;font-size:1.1rem;font-weight:700;transition:all .2s cubic-bezier(.4,0,.2,1)}.pinjaman-kiosk .pinjaman-tab.active{background-color:var(--primary-color);color:var(--text-dark);box-shadow:0 4px 10px #fbbf2433}.pinjaman-kiosk .pinjaman-form-card,.pinjaman-kiosk .pemulangan-form-card{background:var(--color-card);-webkit-backdrop-filter:blur(16px);border:1px solid var(--color-border-glass);box-shadow:var(--shadow-md);border-radius:28px;max-width:100%;padding:40px}.pinjaman-kiosk .form-group label{margin-bottom:10px;font-size:1.1rem;font-weight:700}.pinjaman-kiosk .form-input{background-color:#ffffffd9;border:1px solid #2020201f;border-radius:14px;min-height:52px;padding:16px 20px;font-size:1.15rem;box-shadow:inset 0 2px 4px #00000005}.pinjaman-kiosk .form-input:focus{border-color:var(--primary-color);background-color:#fff;box-shadow:0 0 0 4px #fbbf2433}.pinjaman-kiosk .autocomplete-dropdown{box-shadow:var(--shadow-lg);border:1px solid var(--color-border);border-radius:16px;margin-top:6px;padding:6px 0}.pinjaman-kiosk .autocomplete-item{border-bottom:1px solid #0000000a;padding:16px 20px}.pinjaman-kiosk .autocomplete-item-title{font-size:1.1rem;font-weight:700}.pinjaman-kiosk .autocomplete-item-meta{font-size:.9rem}.pinjaman-kiosk .info-card.selected-item-card{box-shadow:var(--shadow-sm);border-radius:18px;margin-top:16px;padding:18px 24px;background:var(--color-card-alt)!important;border:1.5px dashed var(--primary-color)!important}.pinjaman-kiosk .info-content h4{font-size:1.15rem;font-weight:700}.pinjaman-kiosk .info-content p{font-size:.95rem}.pinjaman-kiosk .clear-selection-btn{background:#0000000d;width:32px;height:32px;font-size:1.5rem}.pinjaman-kiosk .duration-btn{border-radius:12px;padding:14px;font-size:1.05rem;font-weight:600}.pinjaman-kiosk .duration-btn.active{border-color:var(--primary-color);background-color:var(--color-accent-soft);box-shadow:0 2px 4px #fbbf241a}.pinjaman-kiosk .btn-submit{padding:18px 32px;font-size:1.2rem;font-weight:700;box-shadow:0 4px 12px #fbbf2440}.pinjaman-kiosk .btn-submit:disabled{color:#94a3b8;opacity:.8;box-shadow:none;background-color:#e2e8f0}.pinjaman-kiosk .sejarah-controls{flex-direction:column;gap:12px;margin-bottom:24px}@media (width>=640px){.pinjaman-kiosk .sejarah-controls{flex-direction:row}}.pinjaman-kiosk .sejarah-search input{border-radius:12px;padding:14px 14px 14px 44px;font-size:1.05rem}.pinjaman-kiosk .sejarah-search .search-icon{left:14px}.pinjaman-kiosk .sejarah-filter{border-radius:12px;min-height:50px;padding:14px;font-size:1.05rem}.pinjaman-kiosk .sejarah-table-container{border:1px solid var(--border-color);border-radius:16px}.pinjaman-kiosk .sejarah-table th{padding:18px 16px;font-size:.95rem}.pinjaman-kiosk .sejarah-table td{padding:18px 16px;font-size:1rem}.log-container{--primary-color:var(--color-accent,#fbbf24);--text-dark:var(--color-text-main,#2d3748);--text-muted:var(--color-text-muted,#718096);--border-color:var(--color-border,#e2e8f0);--bg-hover:var(--color-card-alt,#f4f4f5);flex-direction:column;height:100%;display:flex}.log-header{background:var(--color-card);border:1px solid var(--color-border);border-left:5px solid var(--color-accent);border-radius:var(--radius-lg);margin-bottom:12px;padding:12px 16px}.log-header h1{color:var(--text-dark);margin-bottom:2px;font-size:1.35rem;font-weight:700}.log-header p{color:var(--text-muted);font-size:.85rem}.log-tabs{background-color:#fff;border-radius:12px;gap:12px;margin-bottom:16px;padding:8px;display:flex;box-shadow:0 2px 8px #0000000d}.log-tab{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:8px;padding:12px 16px;font-weight:600;transition:all .2s;display:flex}.log-tab:hover{background-color:var(--bg-hover)}.log-tab.active{background-color:var(--primary-color);color:var(--text-dark);box-shadow:0 2px 4px #0000001a}.log-kiosk .log-tab{padding:16px 24px;font-size:1.25rem}.kiosk-log-tabs{scrollbar-width:none;background:#fffbefc7;border:1px solid #ffffffc7;border-radius:999px;align-items:center;gap:6px;width:fit-content;max-width:100%;margin:0 auto 24px;padding:6px;display:flex;overflow-x:auto;box-shadow:0 18px 45px #20212414}.kiosk-log-tabs::-webkit-scrollbar{display:none}.kiosk-log-tab{white-space:nowrap;min-width:200px;min-height:58px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;padding:0 24px;font-size:1.1rem;font-weight:700;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex}.kiosk-log-tab:hover{background-color:var(--bg-hover)}.kiosk-log-tab.active{background-color:var(--primary-color);color:var(--text-dark);box-shadow:0 4px 10px #fbbf2433}.tab-text-desktop{display:inline}.tab-text-mobile{display:none}.log-form-wrapper{flex-direction:column;gap:16px;width:100%;display:flex}.log-form-card{box-shadow:var(--shadow-md);border:1px solid var(--border-color);background-color:#fff;border-radius:16px;width:100%;max-width:760px;margin:0 auto 20px;padding:22px 24px}.log-form-card h3{color:var(--text-dark);border-bottom:2px solid var(--primary-color);margin-bottom:20px;padding-bottom:6px;font-size:1.25rem;font-weight:700;display:inline-block}.form-grid{grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px;display:grid}@media (width<=640px){.form-grid{grid-template-columns:1fr;gap:12px}}.form-group{margin-bottom:16px}.form-group label{color:var(--text-dark);margin-bottom:8px;font-weight:600;display:block}.form-input{border:1px solid var(--border-color);width:100%;color:var(--text-dark);background-color:#fff;border-radius:8px;padding:12px 16px;font-size:1rem;transition:all .2s}.form-input:focus{border-color:var(--primary-color);outline:none;box-shadow:0 0 0 3px #fbbf2433}.form-input::placeholder{color:var(--text-muted)}.classes-grid{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.class-chip{border:1px solid var(--border-color);color:var(--text-dark);background-color:#fff;border-radius:20px;padding:8px 16px;font-size:.9rem;font-weight:600;transition:all .2s}.class-chip:hover{background-color:var(--bg-hover);border-color:var(--text-muted)}.class-chip.active{background-color:var(--primary-color);border-color:var(--primary-color);color:var(--text-dark);box-shadow:0 2px 4px #0000001a}.student-checklist-section{border:1px solid var(--border-color);background-color:#fafafa;border-radius:12px;margin-bottom:24px;padding:20px}.student-checklist-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:16px;display:flex}.student-checklist-header h4{color:var(--text-dark);font-size:1rem;font-weight:600}.chip-action-btn{border:1px solid var(--border-color);color:var(--text-dark);background-color:#fff;border-radius:20px;padding:6px 12px;font-size:.85rem;font-weight:600;transition:all .2s}.chip-action-btn:hover{background-color:var(--bg-hover)}.chip-action-btn.danger{color:#ef4444;border-color:#fca5a5}.chip-action-btn.danger:hover{background-color:#fee2e2}.student-checklist-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;max-height:280px;padding:8px 4px;display:grid;overflow-y:auto}.student-checklist-item{border:1px solid var(--border-color);cursor:pointer;-webkit-user-select:none;user-select:none;background-color:#fff;border-radius:8px;align-items:center;gap:10px;padding:10px 14px;transition:all .15s;display:flex}.student-checklist-item:hover{border-color:var(--primary-color);background-color:#fbbf2405}.student-checklist-item.ticked{border-color:var(--primary-color);background-color:#fbbf2414}.student-checklist-details{flex-direction:column;display:flex}.student-name{color:var(--text-dark);font-size:.9rem;font-weight:600;line-height:1.25}.student-meta{color:var(--text-muted);font-size:.75rem}.btn-submit{border-radius:var(--radius-pill,9999px);background-color:var(--primary-color);width:100%;color:var(--text-dark);justify-content:center;align-items:center;padding:14px 24px;font-size:1.05rem;font-weight:700;transition:all .2s;display:flex;box-shadow:0 4px 6px -1px #0000001a}.btn-submit:hover:not(:disabled){background-color:var(--color-accent-hover,#f59e0b);transform:translateY(-1px);box-shadow:0 6px 8px -1px #00000026}.btn-submit:disabled{color:#64748b;cursor:not-allowed;box-shadow:none;background-color:#cbd5e1;transform:none}.autocomplete-dropdown{border:1px solid var(--border-color);box-shadow:var(--shadow-lg);z-index:40;background-color:#fff;border-radius:8px;max-height:260px;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow-y:auto}.autocomplete-item{border-bottom:1px solid var(--border-color);cursor:pointer;padding:12px 16px;transition:background-color .15s}.autocomplete-item:last-child{border-bottom:none}.autocomplete-item:hover{background-color:var(--bg-hover)}.autocomplete-item-title{color:var(--text-dark);font-size:.95rem;font-weight:600}.autocomplete-item-meta{color:var(--text-muted);font-size:.8rem}.autocomplete-no-results{color:var(--text-muted);text-align:center;padding:16px;font-size:.95rem}.clear-input-btn{background:var(--bg-hover);color:var(--text-muted);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:1.25rem;display:flex;position:absolute;top:42px;right:16px}.clear-input-btn:hover{color:#dc2626;background-color:#fee2e2}.info-card{border:1px solid var(--primary-color);background-color:#fdcb580d;border-radius:8px;padding:12px 16px;font-size:.95rem}.info-icon{color:var(--color-accent-hover,#f59e0b);align-items:center;display:flex}.info-content h4{color:var(--text-dark);font-weight:700}.info-content p{color:var(--text-muted);font-size:.85rem}.sejarah-section{border:1px solid var(--border-color);background-color:#fff;border-radius:16px;flex-direction:column;gap:16px;padding:24px;display:flex;box-shadow:0 4px 6px #00000005}.sejarah-controls{align-items:center;gap:12px;display:flex}.sejarah-search{align-items:center;display:flex;position:relative}.sejarah-search .search-icon{color:var(--text-muted);position:absolute;left:12px}.sejarah-search input{border:1px solid var(--border-color);border-radius:8px;width:100%;padding:10px 16px 10px 38px;font-size:.95rem}.sejarah-search input:focus{border-color:var(--primary-color);outline:none}.sejarah-filter{border:1px solid var(--border-color);color:var(--text-dark);background-color:#fff;border-radius:8px;min-height:40px;padding:10px 16px;font-size:.95rem}.sejarah-filter:focus{border-color:var(--primary-color);outline:none}.sejarah-table-container{border:1px solid var(--border-color);border-radius:12px;overflow-x:auto}.sejarah-table{border-collapse:collapse;text-align:left;width:100%}.sejarah-table th{color:var(--text-dark);border-bottom:1px solid var(--border-color);background-color:#fafafa;padding:16px;font-weight:600}.sejarah-table td{border-bottom:1px solid var(--border-color);color:var(--text-dark);padding:16px;font-size:.95rem}.sejarah-table tr:last-child td{border-bottom:none}.badge-status{border-radius:20px;padding:4px 10px;font-size:.8rem;font-weight:600;display:inline-block}.badge-status.dipinjam{color:#b45309;background-color:#fbbf2426}.badge-status.dipulangkan{color:#047857;background-color:#10b9811a}.fixed{position:fixed}.inset-0{inset:0}.bg-opacity-50{background-color:#00000080}.z-50{z-index:50}.rounded-xl{border-radius:.75rem}.bg-white{background-color:#fff}.p-6{padding:1.5rem}.max-w-lg{max-w:32rem}.max-w-md{max-w:28rem}.log-kiosk{gap:24px;width:100%;max-width:900px;margin:0 auto;padding:40px 24px}.kiosk-log-header{text-align:center;margin-bottom:28px}.kiosk-log-title{letter-spacing:-.03em;color:var(--text-dark);margin-bottom:8px;font-size:clamp(2rem,3vw,2.6rem);font-weight:800}.kiosk-log-subtitle{color:#6b7280;font-size:1rem}.kiosk-log-card{background:#fffbefc7;border:1px solid #ffffffc7;border-radius:28px;width:min(780px,100vw - 32px);margin:0 auto 32px;padding:34px 40px;box-shadow:0 24px 70px #2021241a}.kiosk-log-form-title{letter-spacing:-.02em;color:var(--text-dark);text-align:left;margin:0 0 24px;font-size:1.35rem;font-weight:800}.kiosk-log-form-title:after{content:"";background:#facc15;border-radius:999px;width:48px;height:3px;margin-top:10px;display:block}.log-kiosk .kiosk-log-card form{flex-direction:column;gap:20px;display:flex}.log-kiosk .form-group{flex-direction:column;gap:8px;margin-bottom:0;display:flex}.log-kiosk .form-group label{color:var(--text-dark);margin-bottom:0;font-size:.95rem;font-weight:700}.log-kiosk .form-input{background-color:#ffffffb8;border:1px solid #2020201f;border-radius:14px;padding:0 16px;font-size:1.15rem;box-shadow:inset 0 2px 4px #00000005}.log-kiosk .form-input:not(textarea){height:52px}.log-kiosk textarea.form-input{min-height:80px;padding-top:12px;padding-bottom:12px}.log-kiosk .form-input:focus{border-color:var(--primary-color);background-color:#fff;box-shadow:0 0 0 4px #fbbf2433}.log-kiosk .autocomplete-dropdown{box-shadow:var(--shadow-lg);border:1px solid var(--color-border);border-radius:16px;margin-top:6px;padding:6px 0}.log-kiosk .autocomplete-item{border-bottom:1px solid #0000000a;padding:16px 20px}.log-kiosk .autocomplete-item-title{font-size:1.1rem;font-weight:700}.log-kiosk .autocomplete-item-meta{font-size:.9rem}.log-kiosk .class-chip{min-height:44px;color:var(--text-dark);cursor:pointer;background-color:#ffffffb8;border:1px solid #2020201f;border-radius:9999px;justify-content:center;align-items:center;padding:0 20px;font-size:1rem;font-weight:700;transition:all .2s;display:inline-flex}.log-kiosk .class-chip:hover{background-color:var(--bg-hover)}.log-kiosk .class-chip.active{background-color:var(--primary-color);border-color:var(--primary-color);color:var(--text-dark);box-shadow:0 4px 10px #fbbf2433}.log-kiosk .classes-grid{gap:10px;margin-top:8px}.log-kiosk .student-checklist-section{border:1px solid var(--border-color);background-color:#fff6;border-radius:18px;padding:24px}.log-kiosk .student-checklist-item{border-radius:12px;padding:14px 18px}.log-kiosk .student-name{font-size:1.05rem;font-weight:700}.log-kiosk .student-meta{font-size:.85rem}.log-kiosk .btn-submit{background-color:var(--primary-color);width:100%;height:54px;color:var(--text-dark);cursor:pointer;border:none;border-radius:9999px;justify-content:center;align-items:center;padding:0 32px;font-size:1.15rem;font-weight:700;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 4px 12px #fbbf2440}.log-kiosk .btn-submit:hover:not(:disabled){background-color:var(--color-accent-hover,#f59e0b);transform:translateY(-1px);box-shadow:0 6px 16px #fbbf2459}.log-kiosk .btn-submit:disabled{color:#64748b;opacity:.8;box-shadow:none;cursor:not-allowed;background-color:#cbd5e1;transform:none}.selected-students-container{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;margin-top:16px;margin-bottom:24px;display:grid}.selected-student-chip{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#fbbf2414;border:1px solid #fbbf2466;border-radius:12px;justify-content:space-between;align-items:center;padding:12px 16px;transition:all .2s;display:flex;box-shadow:0 2px 5px #00000005}.selected-student-chip:hover{background:#fbbf241f;border-color:#fbbf2499;transform:translateY(-1px);box-shadow:0 4px 8px #0000000d}.selected-student-details{flex-direction:column;gap:2px;display:flex;overflow:hidden}.selected-student-meta{color:var(--text-muted);font-size:.8rem}.remove-student-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0 4px;font-size:1.5rem;line-height:1;transition:color .15s,transform .15s;display:flex}.remove-student-btn:hover{color:#ef4444;transform:scale(1.15)}.log-kiosk .selected-student-chip{padding:16px 20px}.log-kiosk .selected-student-name{font-size:1.05rem}.log-kiosk .selected-student-meta{font-size:.9rem}.log-kiosk .remove-student-btn{font-size:1.75rem}.active-class-heading{color:var(--text-dark);align-items:center;font-size:1.1rem;font-weight:700;display:flex}.student-count-badge{background-color:var(--primary-color);color:var(--text-dark);border-radius:999px;margin-left:8px;padding:2px 8px;font-size:.8rem;font-weight:700}.selected-students-panel{border:1px solid var(--border-color);background-color:#fffbefa3;border-radius:22px;margin-bottom:24px;padding:18px 20px}.log-kiosk .selected-students-panel{padding:22px 24px}.selected-students-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.selected-students-header h4{color:var(--text-dark);align-items:center;margin:0;font-size:1.1rem;font-weight:800;display:flex}.selected-students-clear{color:#ef4444;cursor:pointer;background-color:#0000;border:1px solid #fca5a5;border-radius:999px;padding:6px 12px;font-size:.8rem;font-weight:700;transition:all .2s}.selected-students-clear:hover{background-color:#fee2e2;border-color:#ef4444}.selected-students-empty{text-align:center;color:var(--text-muted);padding:16px 0;font-size:.9rem;font-style:italic}.selected-students-list{flex-direction:column;gap:12px;max-height:240px;padding-right:6px;display:flex;overflow-y:auto}.selected-class-group{flex-direction:column;gap:6px;display:flex}.selected-class-heading{color:#92400e;text-transform:uppercase;letter-spacing:.04em;margin-top:4px;margin-bottom:2px;padding-left:2px;font-size:.78rem;font-weight:800}.selected-class-students{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.selected-student-row{background:#ffffffb8;border:1px solid #20212414;border-radius:14px;justify-content:space-between;align-items:center;gap:12px;min-height:46px;padding:8px 12px;transition:all .15s;display:flex}.selected-student-row:hover{background:#ffffffe6;border-color:#d4a37366}.selected-student-main{flex:1;min-width:0}.selected-student-name{color:#202124;white-space:nowrap;text-overflow:ellipsis;font-size:.92rem;font-weight:700;overflow:hidden}.selected-student-meta{color:#6b7280;white-space:nowrap;text-overflow:ellipsis;margin-top:1px;font-size:.75rem;overflow:hidden}.selected-student-remove{color:#6b7280;cursor:pointer;background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:1.25rem;line-height:1;transition:all .2s;display:inline-flex}.selected-student-remove:hover{color:#dc2626;background:#ef444414;transform:scale(1.1)}@media (width<=640px){.selected-students-panel{padding:12px 14px}.selected-students-list{max-height:220px}.selected-class-students{grid-template-columns:1fr}.kiosk-log-card{border-radius:18px;padding:20px 16px}.kiosk-log-title{font-size:1.6rem}}.kiosk-log-action-bar{z-index:20;background:linear-gradient(#fff0,#fffffff5 32%,#fffffffa);border-top:1px solid #0000000d;justify-content:space-between;align-items:center;gap:14px;margin-top:22px;padding:20px 0 0;display:flex;position:sticky;bottom:0}.log-kiosk .kiosk-log-action-bar{background:linear-gradient(#fffbef00,#fffbeff5 32%,#fffbeffa);border-top:1px solid #20212414}.kiosk-log-action-summary{color:#5f6673;font-size:.95rem;font-weight:700}.kiosk-log-submit-btn{color:#202124;cursor:pointer;background:linear-gradient(135deg,#ffd84d,#f6b900);border:none;border-radius:999px;justify-content:center;align-items:center;min-height:54px;padding:0 28px;font-weight:800;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex;box-shadow:0 4px 12px #fbbf2440}.kiosk-log-submit-btn:hover:not(:disabled){color:#fff;background:linear-gradient(135deg,#f6b900,#d97706);transform:translateY(-1px);box-shadow:0 6px 16px #fbbf2459}.kiosk-log-submit-btn:disabled{color:#9ca3af;box-shadow:none;cursor:not-allowed;background:#e5e7eb;transform:none}@media (width<=640px){.kiosk-log-action-bar{padding-bottom:env(safe-area-inset-bottom,12px);flex-direction:column;align-items:stretch;gap:10px}.kiosk-log-action-summary{text-align:center;font-size:.9rem}.kiosk-log-submit-btn{width:100%}}.tempahan-container{max-width:1200px;margin:0 auto;padding:18px 20px}.tempahan-header{background:var(--color-card);border:1px solid var(--color-border);border-left:5px solid var(--color-accent);border-radius:var(--radius-lg);margin-bottom:12px;padding:12px 16px}.tempahan-header h1{color:var(--color-text-main);margin-bottom:2px;font-size:1.35rem;font-weight:700}.tempahan-header p{color:var(--color-text-muted);font-size:.85rem}.tempahan-tabs{border-bottom:1px solid var(--color-border);gap:8px;margin-bottom:16px;display:flex}.tempahan-tab{color:#5f6673;cursor:pointer;background:0 0;border:none;border-radius:8px 8px 0 0;align-items:center;gap:8px;padding:12px 24px;font-weight:600;transition:all .2s;display:flex;position:relative}.tempahan-tab:hover{color:#202124;background:#ffffff73}.tempahan-tab.active{color:#202124}.tempahan-tab.active:after{content:"";background:linear-gradient(90deg,#262626,#ffc928);border-radius:999px;height:3px;position:absolute;bottom:-1px;left:0;right:0}.tempahan-grid{grid-template-columns:1fr;gap:16px;display:grid}@media (width>=1024px){.tempahan-grid{grid-template-columns:350px 1fr}}.tempahan-card{border-radius:var(--radius-lg);border:1px solid var(--color-border);background:#fff;padding:18px 20px;box-shadow:0 1px 3px #0000000d}.tempahan-card h3{color:var(--color-text-main);align-items:center;gap:8px;margin-bottom:16px;font-size:1.2rem;font-weight:600;display:flex}.form-grid{grid-template-columns:1fr;gap:16px;display:grid}@media (width>=640px){.form-grid.cols-2{grid-template-columns:1fr 1fr}}.form-group{flex-direction:column;gap:6px;display:flex}.form-group label{color:var(--color-text-main);font-size:.875rem;font-weight:600}.form-input{border:1px solid var(--color-border);border-radius:var(--radius-md);background:#fff;padding:10px 12px;font-size:.95rem;transition:border-color .2s}.form-input:focus{border-color:var(--color-accent);outline:none}.form-input:disabled{cursor:not-allowed;background:#f3f4f6}.btn-submit{background:var(--color-accent);width:100%;color:var(--color-text-main);cursor:pointer;border:none;border-radius:9999px;padding:12px;font-size:1rem;font-weight:600;transition:opacity .2s}.btn-submit:hover:not(:disabled){opacity:.9}.btn-submit:disabled{opacity:.5;cursor:not-allowed}.conflict-warning{color:#856404;border-radius:var(--radius-md);background:#fff3cd;border:1px solid #ffeeba;margin-bottom:16px;padding:12px;font-size:.9rem}.reservation-list{flex-direction:column;gap:16px;display:flex}.reservation-card{border:1px solid var(--color-border);border-radius:var(--radius-md);background:#fff;flex-direction:column;gap:12px;padding:16px;display:flex}.reservation-card-header{justify-content:space-between;align-items:flex-start;display:flex}.reservation-title{color:var(--color-text-main);font-size:1.1rem;font-weight:600}.reservation-meta{color:var(--color-text-muted);flex-direction:column;gap:4px;margin-top:4px;font-size:.9rem;display:flex}.status-badge{text-transform:uppercase;border-radius:9999px;padding:4px 10px;font-size:.75rem;font-weight:600}.status-menunggu{color:#d97706;background:#fef3c7}.status-diluluskan{color:#059669;background:#d1fae5}.status-ditolak{color:#dc2626;background:#fee2e2}.status-dibatalkan{color:#4b5563;background:#f3f4f6}.reservation-actions{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.btn-action{border-radius:var(--radius-md);cursor:pointer;border:1px solid #0000;align-items:center;gap:6px;padding:6px 12px;font-size:.85rem;font-weight:600;display:flex}.btn-approve{color:#fff;background:#10b981}.btn-approve:hover{background:#059669}.btn-reject{color:#fff;background:#ef4444}.btn-reject:hover{background:#dc2626}.btn-cancel{color:#4b5563;background:#f3f4f6;border-color:#d1d5db}.btn-cancel:hover{background:#e5e7eb}.btn-whatsapp{color:#fff;background:#25d366;text-decoration:none}.btn-whatsapp:hover{background:#128c7e}.filters-bar{flex-wrap:wrap;gap:12px;margin-bottom:16px;display:flex}.filters-bar select,.filters-bar input{border:1px solid var(--color-border);border-radius:var(--radius-md);padding:8px 12px;font-size:.9rem}.empty-state{text-align:center;color:var(--color-text-muted);border-radius:var(--radius-md);border:1px dashed var(--color-border);background:#f9fafb;padding:40px}.error-message{color:#dc2626;border-radius:var(--radius-md);background:#fee2e2;border:1px solid #fecaca;margin-bottom:16px;padding:12px}.success-message{color:#059669;border-radius:var(--radius-md);background:#d1fae5;border:1px solid #a7f3d0;margin-bottom:16px;padding:12px}.class-picker-options{flex-wrap:wrap;gap:8px;margin-top:4px;display:flex}.picker-chip{border:1px solid var(--color-border);border-radius:var(--radius-pill);color:var(--color-text-main);background:#fff;align-items:center;padding:6px 12px;font-size:.85rem;font-weight:500;transition:all .2s;display:inline-flex}.picker-chip:hover:not(:disabled){border-color:var(--color-accent);background:#fdfbf7}.picker-chip.active{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-text-main);font-weight:600}.picker-chip:disabled{opacity:.6;cursor:not-allowed}.fallback-note{color:var(--color-text-muted);margin:8px 0;font-size:.85rem;font-style:italic}.selected-chips-container{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.selected-label{color:var(--color-text-muted);font-size:.85rem;font-weight:600}.selected-chips-list{flex-wrap:wrap;gap:6px;display:flex}.chip-badge{color:#374151;border:1px solid var(--color-border);border-radius:var(--radius-pill);background:#f3f4f6;align-items:center;gap:4px;padding:4px 10px;font-size:.8rem;font-weight:500;display:inline-flex}.chip-remove{color:#9ca3af;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:14px;height:14px;margin-left:4px;padding:0;font-size:1.1rem;line-height:1;transition:color .15s;display:inline-flex}.chip-remove:hover{color:var(--color-error)}.mt-2{margin-top:8px}.mt-3{margin-top:12px}.tetapan-container{max-width:1200px;margin:0 auto;padding:18px 20px}.tetapan-header{background:var(--color-card);border:1px solid var(--color-border);border-left:5px solid var(--color-accent);border-radius:var(--radius-lg);margin-bottom:12px;padding:12px 16px}.tetapan-header h1{color:var(--color-text-main);margin-bottom:2px;font-size:1.35rem;font-weight:700}.tetapan-header p{color:var(--color-text-muted);font-size:.85rem}.tetapan-grid{grid-template-columns:1fr;gap:16px;display:grid}@media (width>=1024px){.tetapan-grid{grid-template-columns:1fr 320px}}.tetapan-card{border-radius:var(--radius-lg);border:1px solid var(--color-border);background:#fff;padding:24px;box-shadow:0 1px 3px #0000000d}.tetapan-sidebar-card{border-radius:var(--radius-lg);border:1px solid var(--color-border);background:#fff;height:fit-content;padding:24px;box-shadow:0 1px 3px #0000000d}.section-title{color:var(--color-text-main);border-bottom:2px solid var(--color-bg);padding-bottom:8px;font-size:1.1rem;font-weight:600}.grid-2{grid-template-columns:1fr;gap:16px;display:grid}@media (width>=640px){.grid-2{grid-template-columns:1fr 1fr}}.status-container{justify-content:space-between;align-items:center;font-size:.95rem;display:flex}.status-pill{border-radius:9999px;padding:4px 12px;font-size:.8rem;font-weight:600}.status-pill.trial{color:#d97706;background:#fef3c7}.status-pill.active{color:#059669;background:#d1fae5}.detail-row{justify-content:space-between;font-size:.9rem;display:flex}.notice-box{border-radius:var(--radius-md);border:1px solid var(--color-border);background:#f8fafc;padding:16px}.notice-box strong{color:var(--color-text-main);font-size:.9rem;display:block}.section-helper-text{color:var(--color-text-muted,#718096);margin-top:4px;font-size:.88rem}.notification-mode-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:14px;display:grid}.notification-mode-card{text-align:left;cursor:pointer;background:#fffbefb8;border:1px solid #2021241a;border-radius:20px;flex-direction:column;justify-content:space-between;padding:18px;transition:all .16s;display:flex}.notification-mode-card:hover:not(.notification-mode-card--disabled){background:#fffbefe6;border-color:#f6b90080}.notification-mode-card--selected{box-shadow:0 16px 38px #f6b90029;background:#ffd84d2e!important;border-color:#f6b900!important}.notification-mode-card--disabled{opacity:.55;cursor:not-allowed}.notification-mode-title{color:#202124;margin-bottom:6px;font-size:.95rem;font-weight:800}.notification-mode-description{color:#6b7280;font-size:.88rem;line-height:1.45}.notification-mode-badge{color:#92400e;background:#ffd84d47;border-radius:999px;width:fit-content;margin-top:12px;padding:5px 10px;font-size:.75rem;font-weight:700;display:inline-flex}@media (width<=768px){.notification-mode-grid{grid-template-columns:1fr}}.kiosk-mgmt-container{max-width:1200px;margin:0 auto;padding:18px 20px}.kiosk-mgmt-header{background:var(--color-card);border:1px solid var(--color-border);border-left:5px solid var(--color-accent);border-radius:var(--radius-lg);justify-content:space-between;align-items:center;margin-bottom:12px;padding:12px 16px;display:flex}.kiosk-mgmt-header h1{color:var(--color-text-main);margin-bottom:2px;font-size:1.35rem;font-weight:700}.kiosk-mgmt-header p{color:var(--color-text-muted);font-size:.85rem}.btn-add{background:var(--color-accent);color:var(--color-text-main);border-radius:9999px;align-items:center;gap:8px;padding:10px 18px;font-weight:600;transition:opacity .2s;display:flex}.btn-add:hover{opacity:.9}.kiosk-list-card{border-radius:var(--radius-lg);border:1px solid var(--color-border);background:#fff;overflow:hidden;box-shadow:0 1px 3px #0000000d}.kiosk-table{border-collapse:collapse;text-align:left;width:100%}.kiosk-table th,.kiosk-table td{border-bottom:1px solid var(--color-border);padding:16px 20px;font-size:.95rem}.kiosk-table th{color:var(--color-text-muted);text-transform:uppercase;background:#f8fafc;font-size:.85rem;font-weight:600}.kiosk-status-pill{border-radius:9999px;padding:4px 10px;font-size:.75rem;font-weight:600}.kiosk-status-pill.enabled{color:#059669;background:#d1fae5}.kiosk-status-pill.disabled{color:#dc2626;background:#fee2e2}.kiosk-row-actions{justify-content:flex-end;gap:8px;display:flex}.btn-row-action{border-radius:var(--radius-md);border:1px solid var(--color-border);width:32px;height:32px;color:var(--color-text-muted);background:#fff;justify-content:center;align-items:center;transition:all .15s;display:flex}.btn-row-action:hover:not(:disabled){border-color:var(--color-accent);color:var(--color-text-main);background:#fdfbf7}.btn-row-action.deactivate{color:#059669}.btn-row-action.deactivate:hover:not(:disabled){color:#dc2626;background:#fef2f2;border-color:#fecaca}.btn-row-action.activate:hover:not(:disabled){color:#059669;background:#ecfdf5;border-color:#a7f3d0}.modal-overlay{z-index:9999;box-sizing:border-box;background:radial-gradient(circle at 80% 20%,#ffd95a1a,#0000 36%),#1c1c1c6b;justify-content:center;align-items:center;width:100vw;height:100dvh;padding:48px 16px;animation:.2s ease-out modalFadeIn;display:flex;position:fixed;inset:0;overflow-y:auto}.modal-card{background:#fffcf4fa;border:1px solid #ffffffb8;border-radius:28px;flex-direction:column;width:min(520px,100vw - 32px);max-height:calc(100dvh - 96px);margin:auto;display:flex;position:relative;overflow:hidden;box-shadow:0 28px 80px #0003}.modal-card form{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.modal-header{border-bottom:1px solid var(--color-border);flex-shrink:0;justify-content:space-between;align-items:center;padding:18px 24px;display:flex}.modal-header h3{color:var(--color-text-main);font-size:1.1rem;font-weight:600}.close-btn{color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;font-size:1.5rem}.modal-body{flex:1;min-height:0;padding:24px;overflow-y:auto}.modal-footer{border-top:1px solid var(--color-border);background:#f8fafc;flex-shrink:0;justify-content:flex-end;gap:12px;padding:16px 24px;display:flex}.credentials-card{text-align:center;background:#fffcf4fa;border:1px solid #ffffffb8;border-radius:28px;flex-direction:column;width:min(520px,100vw - 32px);max-height:calc(100dvh - 96px);margin:auto;padding:28px;display:flex;position:relative;overflow:hidden;box-shadow:0 28px 80px #0003}.credentials-card h3{color:var(--color-text-main);margin-bottom:8px;font-size:1.2rem;font-weight:700}.warning-text{color:#b45309;border-radius:var(--radius-md);background:#fffbeb;border:1px solid #fde68a;margin-bottom:20px;padding:8px 12px;font-size:.85rem;font-weight:500}.credentials-info-box{border-radius:var(--radius-md);border:1px solid var(--color-border);text-align:left;background:#f8fafc;flex-direction:column;gap:12px;padding:16px;display:flex}.info-row{align-items:center;font-size:1.05rem;display:flex}.info-row .label{color:var(--color-text-muted);width:90px;font-weight:500}.info-row .val{color:var(--color-text-main);flex:1;font-weight:700}.btn-copy{color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px;transition:all .15s}.btn-copy:hover{color:var(--color-text-main);background:#e2e8f0}.btn-confirm{background:var(--color-text-main);color:#fff;border-radius:var(--radius-md);cursor:pointer;justify-content:center;align-items:center;gap:8px;width:100%;padding:12px;font-weight:600;display:flex}.btn-confirm:hover{background:#1a202c}.default-kiosk-alert-card{-webkit-backdrop-filter:blur(12px);border-radius:var(--radius-xl);padding:var(--space-6);box-shadow:var(--shadow-md);justify-content:space-between;align-items:center;gap:var(--space-4);background:#fffbefb8;border:1px solid #ffc92840;display:flex}@media (width<=768px){.default-kiosk-alert-card{flex-direction:column;align-items:flex-start}}@media (width<=640px){.modal-overlay{padding:12px}.modal-card,.credentials-card{width:100%!important;max-height:calc(100dvh - 24px)!important}}.audit-container{max-width:1200px;margin:0 auto;padding:24px 20px}.audit-header{background:var(--color-card);border:1px solid var(--color-border);border-left:5px solid var(--color-accent);border-radius:var(--radius-lg);margin-bottom:12px;padding:12px 16px}.audit-title{color:#202124;letter-spacing:-.02em;margin-bottom:2px;font-size:1.5rem;font-weight:700}.audit-subtitle{color:#5f6673;margin:0;font-size:.85rem;line-height:1.4}.audit-filter-card{-webkit-backdrop-filter:blur(12px);background:#fffbefb8;border:1px solid #ffffffb8;border-radius:26px;margin-bottom:24px;padding:24px;box-shadow:0 8px 30px #d4a3730a}.audit-filter-title{color:#202124;align-items:center;gap:8px;margin-bottom:18px;font-size:1.05rem;font-weight:700;display:inline-flex}.audit-filter-grid{grid-template-columns:minmax(260px,1.6fr) repeat(5,minmax(150px,1fr));align-items:end;gap:16px;display:grid}@media (width<=1024px){.audit-filter-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=768px){.audit-filter-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=480px){.audit-filter-grid{grid-template-columns:1fr}}.audit-filter-field{flex-direction:column;gap:8px;display:flex}.audit-filter-label{color:#5f6673;letter-spacing:.01em;text-transform:uppercase;font-size:.78rem;font-weight:600}.audit-filter-input,.audit-filter-select{color:#202124;background:#ffffffa3;border:1px solid #2021241a;border-radius:14px;width:100%;height:48px;padding:0 14px;font-family:inherit;font-size:.88rem;transition:all .2s}.audit-filter-input:focus,.audit-filter-select:focus{border-color:var(--color-accent);background:#ffffffd9;outline:none}.audit-search-wrapper{position:relative}.audit-search-wrapper svg{color:#6b7280;pointer-events:none;z-index:1;width:18px;height:18px;position:absolute;top:50%;left:16px;transform:translateY(-50%)}.audit-search-wrapper .audit-filter-input{padding-left:46px}.audit-date-wrapper{position:relative}.audit-date-input{width:100%;padding-left:14px;padding-right:42px}.audit-date-icon{color:#5f6673;pointer-events:none;width:18px;height:18px;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.audit-date-input::-webkit-calendar-picker-indicator{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;padding:0;position:absolute;top:0;left:0}.btn-clear-filters{color:var(--color-error);cursor:pointer;background:#ef44440d;border:1px solid #ef44441a;border-radius:999px;padding:8px 16px;font-size:.85rem;font-weight:600;transition:background .15s}.btn-clear-filters:hover{background:#ef44441f;border-color:#ef444433}.audit-list-card{border-radius:var(--radius-lg);border:1px solid var(--color-border);background:#fff;overflow:hidden;box-shadow:0 1px 3px #0000000d}.audit-table{border-collapse:collapse;text-align:left;width:100%}.audit-table th,.audit-table td{border-bottom:1px solid var(--color-border);padding:14px 16px;font-size:.9rem}.audit-table th{color:var(--color-text-muted);text-transform:uppercase;background:#f8fafc;font-size:.8rem;font-weight:600}.audit-row-header{cursor:pointer;transition:background .15s}.audit-row-header:hover{background:#f8fafc}.audit-row-header.expanded{background:#fdfbf7}.module-badge{border-radius:4px;padding:4px 8px;font-size:.75rem;font-weight:600}.module-badge.mod-guru-dan-murid{color:#4338ca;background:#e0e7ff}.module-badge.mod-inventori-buku{color:#c2410c;background:#ffedd5}.module-badge.mod-pinjaman-dan-pemulangan{color:#15803d;background:#dcfce7}.module-badge.mod-log-penggunaan{color:#7e22ce;background:#f3e8ff}.module-badge.mod-tempahan-pss{color:#0369a1;background:#e0f2fe}.module-badge.mod-tetapan-sekolah{color:#475569;background:#f1f5f9}.module-badge.mod-kiosk-pss{color:#0f766e;background:#ccfbf1}.audit-row-detail{background:#fcfbfa}.detail-panel{padding:16px 24px}.detail-section-title{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:10px;font-size:.85rem;font-weight:700}.readable-details-grid{border-radius:var(--radius-md);border:1px solid var(--color-border);background:#fff;grid-template-columns:1fr;gap:8px;max-width:640px;padding:16px;display:grid}@media (width>=640px){.readable-details-grid{grid-template-columns:1fr 1fr}}.details-row{font-size:.85rem;display:flex}.details-lbl{color:var(--color-text-muted);width:140px;font-weight:600}.details-val{color:var(--color-text-main);flex:1;font-weight:500}.btn-toggle-tech{color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;padding:0;text-decoration:underline}.btn-toggle-tech:hover{color:var(--color-text-main)}.tech-json{color:#f1f5f9;border-radius:var(--radius-md);background:#1e293b;max-width:100%;padding:14px;font-family:monospace;font-size:.8rem;overflow-x:auto}.notif-viewer-container{max-width:800px;margin:0 auto;padding:24px}.notif-viewer-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.notif-viewer-header h1{color:var(--color-text-main);margin-bottom:4px;font-size:1.5rem;font-weight:700}.btn-mark-all{border:1px solid var(--color-border);color:var(--color-text-main);cursor:pointer;background:#fff;border-radius:9999px;align-items:center;gap:6px;padding:8px 16px;font-size:.85rem;font-weight:600;transition:background .15s;display:flex}.btn-mark-all:hover{border-color:var(--color-accent);background:#f8fafc}.notif-tabs{border-bottom:1px solid var(--color-border);gap:8px;padding-bottom:2px;display:flex}.notif-tab{color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;padding:8px 16px;font-size:.9rem;font-weight:600;transition:all .2s}.notif-tab:hover{color:var(--color-text-main)}.notif-tab.active{color:var(--color-accent);border-bottom-color:var(--color-accent)}.notif-list{flex-direction:column;gap:12px;display:flex}.notif-card{border-radius:var(--radius-md);border:1px solid var(--color-border);cursor:pointer;background:#fff;gap:14px;padding:16px;transition:all .15s;display:flex;position:relative}.notif-card:hover{border-color:var(--color-accent);box-shadow:0 1px 3px #0000000d}.notif-card.unread{border-left:4px solid var(--color-accent);background:#fdfbf7}.notif-icon-wrapper{align-items:flex-start;padding-top:2px;display:flex}.notif-content{flex:1}.notif-title-row{justify-content:space-between;align-items:flex-start;margin-bottom:4px;display:flex}.notif-card-title{color:var(--color-text-main);font-size:.95rem;font-weight:600}.notif-time{color:var(--color-text-muted);white-space:nowrap;align-items:center;gap:4px;font-size:.75rem;display:flex}.notif-message{color:var(--color-text-muted);font-size:.85rem;line-height:1.45}.btn-notif-action{background:var(--color-accent);color:var(--color-text-main);border-radius:var(--radius-md);cursor:pointer;align-items:center;gap:6px;padding:6px 12px;font-size:.8rem;font-weight:600;display:inline-flex}.btn-notif-action:hover{opacity:.9}.unread-dot-indicator{background-color:var(--color-accent);border-radius:50%;width:8px;height:8px;position:absolute;top:18px;right:18px}@font-face{font-family:Renner;src:url(/fonts/Renner_400%20Book.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}:root{--color-bg:#f7f4ec;--color-bg-secondary:#fff7d6;--color-bg-grey:#ecedef;--color-bg-glow:#fff3b8;--color-card:#ffffff94;--color-card-alt:#fdfbf3c2;--color-card-muted:#f1f2f2b3;--color-card-dark:#262626;--font-sans:"Renner", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--color-text-main:#202124;--color-text-muted:#5f6673;--color-text-dim:#8a91a0;--color-accent:#ffd95a;--color-accent-hover:#f5c400;--color-accent-strong:#ffc928;--color-accent-soft:#fff1b8;--color-accent-charcoal:#262626;--color-border:#20202014;--color-border-glass:#ffffffb8;--color-border-divider:#2020201a;--success-bg:#ddf8e8;--success-text:#087a3a;--warning-bg:#fff1c7;--warning-text:#9a6a00;--danger-bg:#ffe1e1;--danger-text:#b42318;--neutral-bg:#edeff2;--neutral-text:#4b5563;--color-error:#b42318;--color-success:#087a3a;--shadow-sm:0 4px 12px #1e1e1e08;--shadow-md:0 10px 25px #1e1e1e0d;--shadow-lg:0 18px 45px #1e1e1e12;--radius-md:12px;--radius-lg:18px;--radius-xl:24px;--radius-2xl:30px;--radius-pill:9999px;--sbps-surface-glass:#fffbefa8;--sbps-surface-glass-strong:#ffffffb8;--sbps-surface-warm:#fff7d68a;--sbps-surface-muted:#ecedef7a;--sbps-card-border:#ffffffb8;--sbps-card-border-soft:#2020200f;--sbps-card-shadow:0 18px 45px #1e1e1e12;--sbps-card-shadow-hover:0 24px 60px #1e1e1e1a;--sbps-radius-card:24px;--sbps-radius-panel:28px;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-6:1.5rem;--space-8:2rem;--space-12:3rem;font-family:Renner,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{font-family:Renner,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body{color:var(--color-text-main);-webkit-font-smoothing:antialiased;background-color:#0000;background-image:radial-gradient(circle at 85% 12%,#ffd95a59,#0000 32%),linear-gradient(135deg,#eef0f1 0%,#f8f5ec 45%,#fff3b8 100%);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:auto,auto;background-attachment:fixed;background-origin:padding-box,padding-box;background-clip:border-box,border-box;min-height:100vh;line-height:1.6}a{color:inherit;text-decoration:none}button,input,select,textarea{font-family:inherit}button{cursor:pointer;background:0 0;border:none}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#20202014;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:#20202029}input:not([type=checkbox]):not([type=radio]),select,textarea{color:var(--color-text-main)!important;background-color:#ffffffbd!important;border:1px solid #2020201a!important;border-radius:12px!important;outline:none!important;padding:10px 16px!important;font-size:.95rem!important;transition:all .2s!important}input:not([type=checkbox]):not([type=radio]):focus,select:focus,textarea:focus{border-color:var(--color-accent-strong)!important;box-shadow:0 0 0 4px #ffc92840!important}input:disabled,select:disabled,textarea:disabled{opacity:.6!important;cursor:not-allowed!important;background-color:#f1f2f280!important}.table-wrap{margin-top:10px;-webkit-backdrop-filter:blur(18px)saturate(145%)!important;background:#ffffff9e!important;border:1px solid #ffffffb8!important;border-radius:24px!important;overflow-x:auto!important;box-shadow:0 18px 45px #1e1e1e12!important}.data-table{border-collapse:collapse!important;text-align:left!important;width:100%!important}.data-table th{color:var(--color-text-muted)!important;background-color:#f1f2f2ad!important;border-bottom:1px solid #20202014!important;padding:14px 16px!important;font-weight:600!important}.data-table td{color:var(--color-text-main)!important;border-bottom:1px solid #2020200f!important;padding:14px 16px!important}.data-table tbody tr:last-child td{border-bottom:none!important}.data-table tbody tr:hover{background-color:#fdfbf380!important}.status-badge{letter-spacing:.025em;border:1px solid #0000;justify-content:center;align-items:center;border-radius:var(--radius-pill)!important;text-transform:none!important;padding:4px 12px!important;font-size:.75rem!important;font-weight:600!important;line-height:1!important;display:inline-flex!important}.status-badge.active,.status-badge.ada,.status-badge.diluluskan,.status-badge.kembali,.status-badge.disah,.status-badge.selesai,.status-badge--active{background-color:var(--success-bg)!important;color:var(--success-text)!important;border-color:#087a3a26!important}.status-badge.menunggu,.status-badge.pending,.status-badge.trial,.status-badge--trial{background-color:var(--warning-bg)!important;color:var(--warning-text)!important;border-color:#9a6a0026!important}.status-badge.hilang,.status-badge.rosak,.status-badge.ditolak,.status-badge.batal,.status-badge.expired,.status-badge.suspended,.status-badge--expired,.status-badge--suspended{background-color:var(--danger-bg)!important;color:var(--danger-text)!important;border-color:#b4231826!important}.status-badge.dipinjam,.status-badge.diarkib,.status-badge.inactive,.status-badge.unknown,.status-badge--unknown{background-color:var(--neutral-bg)!important;color:var(--neutral-text)!important;border-color:#4b556326!important}.container{max-width:1200px;padding:0 var(--space-4);margin:0 auto}.text-center{text-align:center}.text-accent{color:var(--color-accent)}.font-bold{font-weight:700}.font-semibold{font-weight:600}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:var(--space-2)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.mt-4{margin-top:var(--space-4)}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.mb-8{margin-bottom:var(--space-8)}.w-full{width:100%}.h-full{height:100%}.h-screen{height:100vh}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}@media (width>=768px){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width>=1024px){.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}.animate-fade-in{animation:.4s ease-out forwards fadeIn}.sbps-glass-card{border:1px solid var(--sbps-card-border);box-shadow:var(--sbps-card-shadow);border-radius:var(--sbps-radius-card);-webkit-backdrop-filter:blur(18px)saturate(140%);background:linear-gradient(135deg,#ffffffb8,#fff7d670);transition:transform .25s cubic-bezier(.4,0,.2,1),box-shadow .25s cubic-bezier(.4,0,.2,1),border-color .25s cubic-bezier(.4,0,.2,1)}.sbps-glass-card:hover{box-shadow:var(--sbps-card-shadow-hover);transform:translateY(-1px)}.sbps-glass-panel{border:1px solid var(--sbps-card-border);box-shadow:var(--sbps-card-shadow);border-radius:var(--sbps-radius-panel);-webkit-backdrop-filter:blur(18px)saturate(140%);background:linear-gradient(135deg,#ffffffb8,#fff7d670)}.sbps-soft-card{background:var(--sbps-surface-glass);border:1px solid var(--sbps-card-border-soft);box-shadow:var(--sbps-card-shadow);border-radius:var(--sbps-radius-card)}.sbps-table-card{-webkit-backdrop-filter:blur(18px)saturate(145%);border:1px solid var(--sbps-card-border);border-radius:var(--sbps-radius-card);box-shadow:var(--sbps-card-shadow);background:#ffffff9e;overflow:hidden}.read-only-banner{text-align:center;z-index:50;font-size:.875rem;font-weight:600;position:sticky;top:0;background-color:var(--danger-bg)!important;color:var(--danger-text)!important;padding:10px var(--space-4)!important;border-bottom:1px solid #b4231826!important}.table-wrap{max-width:100%}.truncate-text{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.min-w-0{min-width:0}.flex-1-min-0{flex:1;min-width:0}.table-cell-truncate,.table-cell-email{white-space:nowrap;text-overflow:ellipsis;max-width:180px;overflow:hidden}:root{--font-sans:"Manrope", "Renner", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--color-bg:#f7f8fa;--color-bg-secondary:#fff7dc;--color-bg-grey:#eef1f5;--color-bg-glow:#fff1bd;--color-card:#fff;--color-card-alt:#fbfcfd;--color-card-muted:#f3f5f7;--color-card-dark:#14213d;--color-text-main:#172033;--color-text-muted:#667085;--color-text-dim:#98a2b3;--color-accent:#e6a700;--color-accent-hover:#cd9300;--color-accent-strong:#d99d00;--color-accent-soft:#fff4cc;--color-accent-charcoal:#14213d;--color-border:#e5e7eb;--color-border-glass:#e9ebef;--color-border-divider:#d8dde5;--success-bg:#e8f7f0;--success-text:#16875b;--warning-bg:#fff4d6;--warning-text:#a86100;--danger-bg:#fff0ef;--danger-text:#c93c37;--neutral-bg:#eef2f6;--neutral-text:#526071;--color-error:#c93c37;--color-success:#16875b;--shadow-sm:0 1px 2px #14213d0a, 0 2px 8px #14213d0a;--shadow-md:0 8px 24px #14213d12;--shadow-lg:0 18px 50px #14213d1a;--radius-md:10px;--radius-lg:14px;--radius-xl:18px;--radius-2xl:24px;--sbps-surface-glass:#fffffff0;--sbps-surface-glass-strong:#fff;--sbps-surface-warm:#fffaf0;--sbps-surface-muted:#f3f5f7;--sbps-card-border:#e9ebef;--sbps-card-border-soft:#edf0f3;--sbps-card-shadow:var(--shadow-md);--sbps-card-shadow-hover:0 16px 38px #14213d1f;--sbps-radius-card:18px;--sbps-radius-panel:22px}html{font-family:var(--font-sans);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;scroll-behavior:smooth}body,#root{font-family:var(--font-sans)}body{color:var(--color-text-main);letter-spacing:-.008em;background:radial-gradient(circle at 95% 0,#e6a70014,#0000 28rem),#f7f8fa}::selection{color:#14213d;background:#ffe39a}:focus-visible{outline-offset:2px;outline:3px solid #e6a7006b}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,[role=button],a{touch-action:manipulation}.ui-main-layout{background:0 0;min-height:100dvh}.ui-header{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffeb;border-bottom:1px solid #e9ebef;height:76px;min-height:76px;padding:0 clamp(16px,2.4vw,32px);box-shadow:0 1px #14213d05}.app-brand{gap:10px}.app-brand-icon{width:48px;height:48px}.app-brand-title{color:#14213d;font-family:var(--font-sans);letter-spacing:-.035em;font-size:1.06rem;font-weight:800}.app-brand-subtitle{color:#7a8495;letter-spacing:.015em;font-size:.67rem;font-weight:600}.ui-header-context{flex-direction:column;flex:1;min-width:0;margin:0 32px;line-height:1.25;display:flex}.ui-header-context-label,.ui-sidebar-eyebrow{color:#98a2b3;letter-spacing:.09em;text-transform:uppercase;font-size:.67rem;font-weight:700}.ui-header-context strong{color:#344054;text-overflow:ellipsis;white-space:nowrap;font-size:.9rem;font-weight:700;overflow:hidden}.ui-header-user{gap:10px}.ui-header-user>.text-muted{color:#475467;text-overflow:ellipsis;white-space:nowrap;max-width:190px;font-size:.84rem;font-weight:700;overflow:hidden}.ui-logout-btn,.ui-notif-bell-btn{color:#667085;width:42px;height:42px;box-shadow:var(--shadow-sm);background:#fff;border:1px solid #e4e7ec;border-radius:12px;padding:0}.ui-notif-bell-btn{margin-right:0}.ui-logout-btn:hover,.ui-notif-bell-btn:hover{color:#14213d;background:#f9fafb;border-color:#d5dae2;transform:translateY(-1px)}.ui-layout-body{align-items:stretch;min-width:0}.ui-desktop-sidebar{color:#fff;background:#14213d;flex-direction:column;flex:0 0 252px;width:252px;height:calc(100dvh - 76px);padding:22px 16px 18px;display:flex;position:sticky;top:76px;overflow-y:auto}.ui-sidebar-intro{flex-direction:column;gap:5px;min-width:0;padding:2px 10px 20px;display:flex}.ui-sidebar-eyebrow{color:#ffffff73}.ui-sidebar-school{color:#ffffffe6;text-overflow:ellipsis;white-space:nowrap;font-size:.82rem;font-weight:700;overflow:hidden}.ui-sidebar-nav{flex-direction:column;flex:1;gap:5px;display:flex}.ui-sidebar-link{color:#ffffffa8;border:1px solid #0000;border-radius:12px;align-items:center;gap:11px;min-height:46px;padding:8px 11px;font-size:.84rem;font-weight:650;transition:background .16s,color .16s,transform .16s;display:flex;position:relative}.ui-sidebar-link:hover{color:#fff;background:#ffffff12;transform:translate(2px)}.ui-sidebar-link.active{color:#14213d;background:#fff;box-shadow:0 10px 24px #030a1b33}.ui-sidebar-link.active:before{content:"";background:#e6a700;border-radius:0 4px 4px 0;width:4px;height:24px;position:absolute;left:-16px}.ui-sidebar-icon{background:#ffffff12;border-radius:9px;flex:0 0 30px;place-items:center;width:30px;height:30px;display:grid}.ui-sidebar-link.active .ui-sidebar-icon{color:#a87500;background:#fff4cc}.ui-sidebar-footer{border-top:1px solid #ffffff1a;align-items:center;gap:10px;min-width:0;margin-top:18px;padding:16px 8px 2px;display:flex}.ui-sidebar-avatar{color:#14213d;background:#e6a700;border-radius:11px;flex:0 0 36px;place-items:center;width:36px;height:36px;font-size:.82rem;font-weight:800;display:grid}.ui-sidebar-user-copy{flex-direction:column;min-width:0;line-height:1.3;display:flex}.ui-sidebar-user-copy strong,.ui-sidebar-user-copy span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ui-sidebar-user-copy strong{color:#fff;font-size:.76rem}.ui-sidebar-user-copy span{color:#ffffff7a;font-size:.68rem}.ui-main-content{min-width:0;max-width:1600px;margin:0 auto;padding:clamp(22px,3vw,40px)}h1,h2,h3,h4,h5,h6{color:#172033;font-family:var(--font-sans);letter-spacing:-.032em}h1{font-weight:800}h2,h3{font-weight:750}.page-header,.section-header,.module-header,.dashboard-header,.inv-header,.gm-header,.log-header,.tempahan-header{margin-bottom:clamp(20px,2.6vw,32px)}.text-muted{color:var(--color-text-muted)!important}.ui-card,.sbps-glass-card,.sbps-glass-panel,.sbps-soft-card,.stat-card,.loan-metric-card,.dashboard-card,.content-card,.filter-card,.settings-card,.analytics-card{box-shadow:var(--shadow-sm)!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:#fff!important;border:1px solid #e8ebef!important;border-radius:18px!important}.ui-card,.stat-card,.loan-metric-card,.dashboard-card{transition:border-color .18s,box-shadow .18s,transform .18s}.ui-card:hover,.stat-card:hover,.loan-metric-card:hover,.dashboard-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)!important;border-color:#dce1e8!important}.stat-card,.loan-metric-card{position:relative;overflow:hidden}.stat-card:before,.loan-metric-card:before{content:"";background:#e6a700;width:3px;position:absolute;inset:0 auto 0 0}.stat-val,.loan-metric-value{font-variant-numeric:tabular-nums;letter-spacing:-.045em;color:#14213d!important}.stat-label,.loan-metric-label{letter-spacing:.04em;color:#7a8495!important;font-size:.76rem!important;font-weight:700!important}.ui-button{min-height:42px;font-family:var(--font-sans);letter-spacing:-.01em;box-shadow:none;border-radius:11px;padding-inline:18px;font-weight:750}.ui-button--primary{color:#fff;background:#14213d;border-color:#14213d;box-shadow:0 8px 18px #14213d29}.ui-button--primary:hover:not(:disabled){background:#0b1633;border-color:#0b1633;box-shadow:0 10px 22px #14213d38}.ui-button--secondary{color:#344054;background:#fff;border-color:#e1e5eb}.ui-button--outline:hover:not(:disabled),.ui-button--secondary:hover:not(:disabled){background:#fffaf0;border-color:#d2a224}.ui-button--ghost:hover:not(:disabled){background:#f2f4f7}input:not([type=checkbox]):not([type=radio]),select,textarea,.form-input,.filter-select,.superadmin-modal-input{min-height:44px;color:#172033!important;font-family:var(--font-sans)!important;background:#fff!important;border:1px solid #dfe3e8!important;border-radius:11px!important;font-size:.9rem!important;box-shadow:0 1px 2px #14213d08!important}textarea{resize:vertical;min-height:108px}input:not([type=checkbox]):not([type=radio]):focus,select:focus,textarea:focus,.form-input:focus,.filter-select:focus,.superadmin-modal-input:focus{border-color:#d3a21f!important;box-shadow:0 0 0 4px #e6a70021!important}label,.form-label,.filter-field-label,.ui-input-label,.superadmin-modal-label{color:#475467!important;font-size:.78rem!important;font-weight:700!important}.form-grid{gap:18px!important}.table-wrap,.sbps-table-card{scrollbar-gutter:stable;max-width:100%;box-shadow:var(--shadow-sm)!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:#fff!important;border:1px solid #e5e9ef!important;border-radius:16px!important;overflow:auto!important}.data-table{min-width:720px;font-size:.84rem}.data-table th{z-index:2;letter-spacing:.045em;text-transform:uppercase;white-space:nowrap;position:sticky;top:0;color:#526071!important;background:#f5f7f9!important;border-bottom:1px solid #dfe3e8!important;padding:13px 16px!important;font-size:.7rem!important;font-weight:800!important}.data-table td{vertical-align:middle;color:#344054!important;border-bottom:1px solid #edf0f3!important;padding:14px 16px!important}.data-table tbody tr:hover{background:#fffaf0!important}.status-badge{letter-spacing:.025em;min-height:25px;border-radius:999px!important;padding:5px 10px!important;font-size:.68rem!important;font-weight:800!important}.modal-overlay,.superadmin-modal-overlay{-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#0a142a8c!important;padding:20px!important}.modal-card,.superadmin-modal-card{background:#fff!important;border:1px solid #ffffffb3!important;border-radius:20px!important;width:min(100%,680px)!important;max-height:min(88dvh,820px)!important;overflow-y:auto!important;box-shadow:0 28px 80px #0a142a3d!important}.modal-header,.superadmin-modal-header{z-index:2;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);position:sticky;top:0;background:#fffffff5!important;border-bottom:1px solid #edf0f3!important}.modal-footer{z-index:2;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);position:sticky;bottom:0;background:#fffffff5!important;border-top:1px solid #edf0f3!important}.ui-notif-badge{color:#14213d;background:#e6a700}.ui-notif-dropdown{width:min(370px,100vw - 24px);box-shadow:var(--shadow-lg);-webkit-backdrop-filter:none;backdrop-filter:none;background:#fff;border:1px solid #e5e9ef;border-radius:16px;top:50px}.ui-notif-dropdown-header,.ui-notif-dropdown-footer{background:#f8fafb}.ui-notif-dropdown-item.unread{background:#fffaf0;border-left-color:#e6a700}.ui-support-banner,.ui-suspended-banner,.read-only-banner{z-index:45;box-shadow:none;position:relative}.lp-root{color:#e8edf5!important;background:radial-gradient(circle at 86% 4%,#e6a7002e,#0000 30rem),radial-gradient(circle at 8% 82%,#2c487a47,#0000 34rem),linear-gradient(145deg,#0b1633 0%,#14213d 54%,#18294a 100%)!important}.lp-nav{background:#0b1633d6!important;border-bottom-color:#ffffff14!important}.lp-brand-name,.lp-headline,.lp-login-title,.lp-section-title,.lp-feature-title,.lp-step-title,.lp-footer-name{font-family:var(--font-sans);color:#f8fafc!important}.lp-headline-accent{color:#f2c14e!important}.lp-subtext,.lp-login-subtitle,.lp-section-sub,.lp-feature-desc,.lp-step-desc{color:#9eabc0!important}.lp-nav-link,.lp-eyebrow,.lp-stat-label,.lp-footer-links a,.lp-footer-copy{color:#8491a6!important}.lp-nav-link:hover,.lp-footer-links a:hover{color:#fff!important}.lp-nav-cta,.lp-action-register,.lp-demo-btn,.lp-step-num{color:#14213d!important;background:#e6a700!important;border-color:#e6a70080!important;box-shadow:0 8px 20px #e6a7002e!important}.lp-login-card{background:#fff1!important;border-color:#ffffff1c!important;box-shadow:0 32px 80px #040a1a5c!important}.lp-google-btn,.lp-action-kiosk,.lp-chip{color:#e8edf5!important;background:#ffffff12!important;border-color:#ffffff21!important}.lp-stats-inner,.lp-feature-card,.lp-step{background:#ffffff0b!important;border-color:#ffffff17!important;box-shadow:0 10px 34px #040a1a33!important}.lp-feature-icon{color:#f2c14e!important;background:#e6a7001f!important;border-color:#e6a70047!important}.lp-stat-value{color:#fff!important}.login-page-container,.kiosk-login-wrapper,.register-page-container{background:radial-gradient(circle at 92% 4%,#e6a7001f,#0000 25rem),#f7f8fa!important;min-height:100dvh!important}.login-card-frosted,.kiosk-login-card,.register-card-frosted{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:#fff!important;border:1px solid #e4e8ee!important;border-radius:22px!important;box-shadow:0 22px 60px #14213d1f!important}.login-feature-chip,.login-hook-card,.login-hook-tile,.payment-details,.payment-instructions,.upload-area{box-shadow:var(--shadow-sm)!important;background:#fff!important;border-color:#e5e9ef!important}.google-login-button,.primary-btn{color:#fff!important;min-height:46px!important;font-family:var(--font-sans)!important;background:#14213d!important;border:1px solid #14213d!important;border-radius:11px!important;font-weight:750!important;box-shadow:0 9px 20px #14213d2e!important}.google-login-button:hover:not(:disabled),.primary-btn:hover:not(:disabled){transform:translateY(-1px);background:#0b1633!important}.secondary-btn,.upload-label-btn{min-height:44px;color:#344054!important;background:#fff!important;border:1px solid #dfe3e8!important;border-radius:11px!important;font-weight:700!important}.ui-mobile-bottom-nav{bottom:max(12px, env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#14213df5;border:1px solid #ffffff24;border-radius:18px;height:68px;padding:5px;left:12px;right:12px;box-shadow:0 18px 44px #14213d47}.ui-mobile-bottom-nav-item{color:#ffffff94;border-radius:13px;min-width:0;min-height:54px;padding:6px 3px;font-size:.64rem}.ui-mobile-bottom-nav-item.active{color:#14213d;background:#fff}.ui-mobile-bottom-nav-item.active svg{color:#bf8a00}.ui-mobile-menu-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0a142a8c}.ui-mobile-menu-sheet{max-height:86dvh;padding:24px 18px calc(28px + env(safe-area-inset-bottom));background:#fff;border-radius:24px 24px 0 0;overflow-y:auto}.ui-mobile-menu-sheet-item{color:#526071;background:#f8fafb;border:1px solid #e8ebef;border-radius:14px;min-height:88px}.ui-mobile-menu-sheet-item.active{color:#14213d;background:#fff8e5;border-color:#e1b642}@media (width<=1199px){.ui-desktop-sidebar{flex-basis:224px;width:224px}.ui-sidebar-link{font-size:.8rem}.ui-main-content{padding:28px 24px}}@media (width<=1023px){.ui-desktop-sidebar{display:none}.ui-header{height:68px;min-height:68px}.ui-header-context{margin-inline:22px}.ui-main-content{max-width:100%;padding:24px 20px calc(104px + env(safe-area-inset-bottom))!important}.stat-card:hover,.loan-metric-card:hover,.dashboard-card:hover,.ui-card:hover{transform:none}}@media (width<=767px){.ui-header{padding-inline:14px}.app-brand-icon{width:40px;height:40px}.app-brand-title{font-size:.98rem}.ui-header-context,.ui-header-user>.text-muted{display:none!important}.ui-header-user{margin-left:auto}.ui-logout-btn,.ui-notif-bell-btn{border-radius:11px;width:40px;height:40px}.ui-main-content{padding:20px 14px calc(102px + env(safe-area-inset-bottom))!important}h1{font-size:clamp(1.55rem,7vw,2rem)!important}h2{font-size:clamp(1.3rem,5vw,1.65rem)!important}.ui-card-header,.ui-card-content{padding:18px}.form-grid,.filter-grid,.stats-grid,.dashboard-grid{grid-template-columns:minmax(0,1fr)!important}.modal-overlay,.superadmin-modal-overlay{align-items:flex-end!important;padding:0!important}.modal-card,.superadmin-modal-card{border-radius:22px 22px 0 0!important;width:100%!important;max-width:none!important;max-height:92dvh!important;margin:0!important}.modal-footer{grid-template-columns:1fr 1fr;gap:10px;padding-bottom:calc(16px + env(safe-area-inset-bottom))!important;display:grid!important}.modal-footer>button{min-height:44px;margin:0!important}.ui-notif-dropdown{top:72px;left:12px;right:12px}.table-wrap{margin-inline:-2px;border-radius:14px!important}.lp-nav{padding-inline:14px!important}.lp-nav-inner{height:60px!important}.lp-nav-link span,.lp-nav-cta span{display:none}.lp-nav-link,.lp-nav-cta{justify-content:center;min-width:42px;min-height:42px;padding:10px!important}.lp-hero{padding:48px 16px!important}.lp-hero-inner{gap:36px!important}.lp-login-card{border-radius:20px!important;padding:26px 20px!important}.lp-stats,.lp-features,.lp-how{padding-inline:16px!important}.login-page-container,.kiosk-login-wrapper,.register-page-container{padding:24px 14px!important}.login-left-column{text-align:center!important;align-items:center!important}.login-left-column p.tagline{max-width:42ch}.login-feature-chips{justify-content:center!important}.login-hook-card{display:none!important}.register-card-frosted,.kiosk-login-card{width:100%!important}.payment-layout{grid-template-columns:1fr!important}}@media (width<=420px){.app-brand-subtitle{display:none}.ui-mobile-menu-sheet-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ui-mobile-bottom-nav-item span{text-overflow:ellipsis;white-space:nowrap;max-width:64px;overflow:hidden}}@media (pointer:coarse){button,.ui-button,.ui-sidebar-link,.ui-mobile-menu-sheet-item{min-height:44px}}@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 print{.ui-header,.ui-desktop-sidebar,.ui-mobile-bottom-nav,.ui-mobile-menu-overlay{display:none!important}.ui-main-content{max-width:none;padding:0!important}body{background:#fff}}