:root{--font:"Plus Jakarta Sans", "Segoe UI", system-ui, sans-serif;--brand-900:#0a1628;--brand-800:#0d1f3c;--brand-700:#14305c;--brand-600:#1a4a8a;--brand-500:#2563eb;--brand-400:#3b82f6;--brand-300:#93c5fd;--brand-100:#dbeafe;--brand-50:#eff6ff;--teal-600:#0d9488;--teal-400:#2dd4bf;--teal-50:#f0fdfa;--surface-0:#fff;--surface-1:#f8faff;--surface-2:#f1f5fd;--surface-border:#e2e8f5;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#94a3b8;--green-bg:#dcfce7;--green-fg:#15803d;--red-bg:#fee2e2;--red-fg:#b91c1c;--amber-bg:#fef3c7;--amber-fg:#b45309;--blue-bg:#dbeafe;--blue-fg:#1d4ed8;--purple-bg:#ede9fe;--purple-fg:#6d28d9;--r-sm:8px;--r-md:12px;--r-lg:18px;--r-xl:24px;--shadow-card:0 1px 3px #0000000f, 0 8px 24px #0f172a12;--shadow-header:0 20px 60px #0a162859}*,:before,:after{box-sizing:border-box}html{font-size:15px}body{min-height:100vh;font-family:var(--font);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;color:var(--text-primary);background-color:var(--surface-1);background-image:radial-gradient(900px 500px at 100% 0,#3b82f617 0%,#0000 70%),radial-gradient(700px 400px at 0 80%,#0d948812 0%,#0000 65%);margin:0;font-weight:400;line-height:1.6}#root{min-height:100vh}.app-shell{max-width:1280px;margin:0 auto;padding:28px 24px 48px}.topbar{border-radius:var(--r-xl);box-shadow:var(--shadow-header);background:linear-gradient(135deg,#0a1628 0%,#14305c 45%,#0d9488 100%);grid-template-columns:1fr 360px;align-items:start;gap:24px;padding:32px 36px;display:grid;position:relative;overflow:hidden}.topbar:before{content:"";pointer-events:none;background-image:radial-gradient(circle at 80% 20%,#3b82f640 0%,#0000 55%),radial-gradient(circle at 10% 90%,#0d94882e 0%,#0000 50%);position:absolute;inset:0}.topbar-content{z-index:1;position:relative}.eyebrow{letter-spacing:.16em;text-transform:uppercase;color:var(--teal-400);background:#2dd4bf1f;border:1px solid #2dd4bf40;border-radius:999px;align-items:center;gap:6px;margin:0 0 10px;padding:4px 12px;font-size:.72rem;font-weight:700;display:inline-flex}.topbar h1{color:#fff;letter-spacing:-.02em;margin:0 0 8px;font-size:2rem;font-weight:800;line-height:1.2}.topbar-subtitle{color:#fff9;margin:0;font-size:.88rem;line-height:1.5}.auth-block{z-index:1;-webkit-backdrop-filter:blur(12px);border-radius:var(--r-lg);background:#ffffff12;border:1px solid #ffffff29;padding:20px;position:relative}.auth-label{letter-spacing:.1em;text-transform:uppercase;color:#ffffff73;margin:0 0 4px;font-size:.72rem;font-weight:700}.auth-user-name{color:#fff;word-break:break-all;margin:0 0 12px;font-size:.92rem;font-weight:600}.summary-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:20px;display:grid}.metric{border-radius:var(--r-lg);background:var(--surface-0);box-shadow:var(--shadow-card);border:1px solid var(--surface-border);align-items:center;gap:16px;padding:20px 22px;transition:transform .18s,box-shadow .18s;display:flex}.metric:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0000000a,0 16px 40px #0f172a1a}.metric-icon{border-radius:var(--r-md);flex-shrink:0;place-items:center;width:48px;height:48px;font-size:1.4rem;display:grid}.metric-icon.blue{background:var(--blue-bg);color:var(--blue-fg)}.metric-icon.amber{background:var(--amber-bg);color:var(--amber-fg)}.metric-icon.green{background:var(--green-bg);color:var(--green-fg)}.metric-icon.purple{background:var(--purple-bg);color:var(--purple-fg)}.metric-body{min-width:0}.metric-body span{color:var(--text-secondary);letter-spacing:.02em;text-transform:uppercase;font-size:.78rem;font-weight:600;display:block}.metric-body strong{color:var(--text-primary);letter-spacing:-.03em;font-size:2rem;font-weight:800;line-height:1.1;display:block}.content-grid{grid-template-columns:1fr;gap:18px;margin-top:20px;display:grid}.panel{border-radius:var(--r-xl);background:var(--surface-0);box-shadow:var(--shadow-card);border:1px solid var(--surface-border);overflow:hidden}.panel-header{align-items:flex-start;gap:14px;padding:24px 28px 0;display:flex}.panel-icon{border-radius:var(--r-md);background:var(--brand-50);width:44px;height:44px;color:var(--brand-600);flex-shrink:0;place-items:center;font-size:1.3rem;display:grid}.panel-icon.teal{background:var(--teal-50);color:var(--teal-600)}.panel-title-group{flex:1}.panel h2{color:var(--text-primary);letter-spacing:-.01em;margin:0 0 4px;font-size:1.1rem;font-weight:700}.panel-body{padding:20px 28px 28px}.grid-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.grid-form label{color:var(--text-secondary);letter-spacing:.04em;text-transform:uppercase;flex-direction:column;gap:6px;font-size:.8rem;font-weight:700;display:flex}.span-2{grid-column:span 2}input,select,textarea{font-family:var(--font);color:var(--text-primary);background:var(--surface-1);border:1.5px solid var(--surface-border);border-radius:var(--r-md);outline:none;width:100%;padding:10px 14px;font-size:.93rem;font-weight:500;transition:border-color .15s,box-shadow .15s,background .15s}input:hover,select:hover{border-color:var(--brand-300)}input:focus,select:focus{border-color:var(--brand-500);background:var(--surface-0);box-shadow:0 0 0 3px #2563eb1f}.table-wrap{border-radius:var(--r-lg);border:1px solid var(--surface-border);background:var(--surface-0);overflow-x:auto}table{border-collapse:collapse;width:100%}thead{background:var(--surface-2);border-bottom:2px solid var(--surface-border)}th{letter-spacing:.07em;text-transform:uppercase;color:var(--text-secondary);white-space:nowrap;text-align:left;padding:12px 14px;font-size:.73rem;font-weight:700}td{color:var(--text-primary);border-bottom:1px solid var(--surface-border);vertical-align:top;padding:13px 14px;font-size:.88rem}tbody tr:last-child td{border-bottom:none}tbody tr{transition:background .12s}tbody tr:hover td{background:var(--brand-50)}td .student-name{color:var(--text-primary);font-weight:700}td .student-sub{color:var(--text-muted);margin-top:2px;font-size:.78rem}.badge{letter-spacing:.03em;white-space:nowrap;border-radius:999px;align-items:center;gap:4px;padding:3px 10px;font-size:.72rem;font-weight:700;display:inline-flex}.badge-ok{background:var(--green-bg);color:var(--green-fg)}.badge-danger{background:var(--red-bg);color:var(--red-fg)}.badge-warn{background:var(--amber-bg);color:var(--amber-fg)}.badge-info{background:var(--blue-bg);color:var(--blue-fg)}.badge-purple{background:var(--purple-bg);color:var(--purple-fg)}.btn{border-radius:var(--r-sm);font-family:var(--font);cursor:pointer;white-space:nowrap;border:none;align-items:center;gap:6px;padding:8px 16px;font-size:.82rem;font-weight:700;line-height:1;transition:transform .14s,box-shadow .14s,filter .14s;display:inline-flex}.btn:hover:not(:disabled){filter:brightness(1.07);transform:translateY(-1px)}.btn:active:not(:disabled){transform:translateY(0)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-primary{color:#fff;background:linear-gradient(135deg, var(--brand-500) 0%, var(--brand-600) 100%);box-shadow:0 2px 8px #2563eb59}.btn-primary:hover:not(:disabled){box-shadow:0 4px 16px #2563eb73}.btn-light{color:var(--brand-700);background:var(--brand-50);border:1.5px solid var(--brand-100)}.btn-light-white{color:#ffffffe6;background:#ffffff1f;border:1px solid #fff3}.btn-light-white:hover:not(:disabled){background:#fff3}.btn-success{color:#fff;background:linear-gradient(135deg,#059669 0%,#065f46 100%);box-shadow:0 2px 8px #0596694d}.btn-warning{color:#fff;background:linear-gradient(135deg,#d97706 0%,#b45309 100%);box-shadow:0 2px 8px #d977064d}.btn-edit{color:#fff;background:linear-gradient(135deg,#0f766e 0%,#0d9488 100%);box-shadow:0 2px 8px #0d948847}.btn-edit:hover:not(:disabled){box-shadow:0 4px 16px #0d948861}.btn-violet{color:#fff;background:linear-gradient(135deg,#7c3aed 0%,#5b21b6 100%);box-shadow:0 2px 8px #7c3aed4d}.btn-sm{padding:5px 11px;font-size:.77rem}.btn-full{justify-content:center;width:100%}.row{flex-wrap:wrap;gap:8px;display:flex}.muted{color:var(--text-secondary);font-size:.86rem}.small{font-size:.8rem}.action-stack{flex-wrap:wrap;gap:6px;display:flex}.empty{text-align:center;color:var(--text-muted);padding:40px 0;font-size:.9rem}.empty-icon{margin-bottom:8px;font-size:2.2rem;display:block}.error-text{color:var(--red-fg);margin-top:8px;font-size:.85rem;font-weight:600}.success-text{color:#166534;background:#f0fdf4;border:1px solid #86efac;border-radius:10px;margin-top:8px;padding:10px 12px;font-size:.85rem;font-weight:600}.divider{border:none;border-top:1px solid var(--surface-border);margin:16px 0}@media (width<=1024px){.topbar{grid-template-columns:1fr;padding:24px}.summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=640px){.app-shell{padding:14px 14px 36px}.topbar{padding:20px}.topbar h1{font-size:1.45rem}.summary-grid,.grid-form{grid-template-columns:1fr}.span-2{grid-column:span 1}.panel-header{padding:18px 18px 0}.panel-body{padding:16px 18px 20px}th,td{padding:10px;font-size:.82rem}}.splash{background:var(--surface-1);flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:100vh;display:flex}.splash-spinner{border:3px solid var(--surface-border);border-top-color:var(--brand-500);border-radius:50%;width:40px;height:40px;animation:.75s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.splash-text{color:var(--text-muted);margin:0;font-size:.9rem;font-weight:500}.page-login{background:var(--surface-2);justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.login-card{background:var(--surface-0);border-radius:var(--r-xl);border:1px solid var(--surface-border);width:100%;max-width:400px;box-shadow:var(--shadow-card);padding:40px 36px 32px}.login-identity{align-items:center;gap:16px;margin-bottom:24px;display:flex}.login-unnes-logo{object-fit:contain;flex-shrink:0;width:60px;height:60px}.login-title{color:var(--text-primary);letter-spacing:-.02em;margin:0 0 2px;font-size:1.5rem;font-weight:800}.login-subtitle{color:var(--text-secondary);margin:0;font-size:.8rem}.login-hr{border:none;border-top:1px solid var(--surface-border);margin:0 0 20px}.login-desc{color:var(--text-secondary);margin:0 0 20px;font-size:.88rem;line-height:1.55}.login-actions{flex-direction:column;gap:12px;margin-bottom:24px;display:flex}.btn-login-google{border-radius:var(--r-md);border:1.5px solid var(--surface-border);background:var(--surface-0);width:100%;font-family:var(--font);color:var(--text-primary);cursor:pointer;justify-content:center;align-items:center;gap:12px;padding:14px 20px;font-size:.95rem;font-weight:600;transition:border-color .15s,box-shadow .15s,background .15s;display:flex;box-shadow:0 1px 3px #00000014}.btn-login-google:hover:not(:disabled){border-color:var(--brand-300);background:var(--brand-50);box-shadow:0 4px 12px #2563eb1f}.btn-login-google:disabled{opacity:.5;cursor:not-allowed}.google-icon{flex-shrink:0;width:20px;height:20px}.btn-login-guest{border-radius:var(--r-md);border:1.5px solid var(--surface-border);background:var(--surface-1);width:100%;font-family:var(--font);color:var(--text-secondary);cursor:pointer;justify-content:center;align-items:center;gap:8px;padding:12px 20px;font-size:.88rem;font-weight:600;transition:border-color .15s,background .15s;display:flex}.btn-login-guest:hover:not(:disabled){border-color:var(--brand-300);background:var(--surface-0);color:var(--text-primary)}.btn-login-guest:disabled{opacity:.5;cursor:not-allowed}.login-divider{color:var(--text-muted);align-items:center;gap:12px;font-size:.8rem;font-weight:500;display:flex}.login-divider:before,.login-divider:after{content:"";border-top:1px solid var(--surface-border);flex:1}.login-config-warn{border-radius:var(--r-md);background:var(--amber-bg);color:var(--amber-fg);border:1px solid #fde68a;margin-bottom:16px;padding:12px 14px;font-size:.84rem;font-weight:600}.login-config-warn code{background:#0000000f;border-radius:4px;padding:1px 5px;font-weight:700}.login-error{border-radius:var(--r-md);background:var(--red-bg);color:var(--red-fg);margin:8px 0 0;padding:10px 14px;font-size:.84rem;font-weight:600}.login-note{color:var(--text-muted);text-align:center;margin:16px 0 0;font-size:.76rem;line-height:1.5}.login-guide-link{text-align:center;color:var(--brand-700);background:var(--brand-50);border:1px solid var(--brand-100);border-radius:10px;margin:10px 0 0;padding:10px 12px;font-size:.86rem;font-weight:700}.login-guide-link a{color:var(--brand-600);text-decoration:none}.login-guide-link a:hover{text-decoration:underline}.login-credit{text-align:center;color:var(--text-muted);margin:8px 0 0;font-size:.76rem}.login-credit span{color:#dc2626}.dash-wrap{background:var(--surface-1);flex-direction:column;min-height:100vh;display:flex}.dash-nav{z-index:100;-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--surface-border);background:#ffffffd9;justify-content:space-between;align-items:center;gap:12px;height:64px;padding:0 28px;display:flex;position:sticky;top:0;box-shadow:0 1px 12px #0f172a0f}.dash-nav-brand{align-items:center;gap:12px;min-width:0;display:flex}.dash-nav-logo{font-size:1.6rem;line-height:1}.dash-nav-logo-image{object-fit:contain;flex-shrink:0;width:36px;height:36px}.dash-nav-title{color:var(--text-primary);letter-spacing:-.02em;font-size:1rem;font-weight:800;line-height:1.1}.dash-nav-sub{color:var(--text-muted);letter-spacing:.04em;text-transform:uppercase;font-size:.72rem;font-weight:600;display:block}.dash-nav-user{justify-content:flex-end;align-items:center;gap:12px;min-width:0;margin-left:auto;display:flex}.dash-nav-avatar{background:linear-gradient(135deg, var(--brand-500), var(--teal-600));color:#fff;border-radius:50%;flex-shrink:0;place-items:center;width:36px;height:36px;font-size:.85rem;font-weight:800;display:grid}.dash-nav-info{flex-direction:column;align-items:flex-end;display:flex}.dash-nav-name{color:var(--text-primary);font-size:.88rem;font-weight:700;line-height:1.2}.dash-nav-email{color:var(--text-muted);font-size:.72rem}.dash-nav-role{letter-spacing:.08em;text-transform:uppercase;color:var(--teal-600);align-self:flex-end;margin-top:4px;font-size:.68rem;font-weight:700}.dash-nav-logout{flex-shrink:0}.dash-main{flex:1;width:100%;max-width:1280px;margin:0 auto;padding:28px 28px 56px}.dash-hero{border-radius:var(--r-xl);background:linear-gradient(135deg,#0a1628 0%,#14305c 50%,#0d9488 100%);justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:20px;padding:28px 32px;display:flex;position:relative;overflow:hidden}.dash-hero:after{content:"";pointer-events:none;background-image:radial-gradient(at 85% 30%,#3b82f633 0%,#0000 55%);position:absolute;inset:0}.dash-hero-text{z-index:1;position:relative}.dash-hero-date{color:#ffffff80;letter-spacing:.06em;text-transform:uppercase;margin:0 0 6px;font-size:.78rem;font-weight:600}.dash-hero-title{color:#fff;letter-spacing:-.02em;margin:0 0 8px;font-size:1.7rem;font-weight:800;line-height:1.2}.dash-hero-sub{color:#ffffffa6;margin:0;font-size:.88rem}.dash-hero-clearance{z-index:1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--r-lg);text-align:center;background:#ffffff1a;border:1px solid #fff3;flex-shrink:0;padding:14px 18px;position:relative}.dash-hero-clearance-label{color:#ffffff80;text-transform:uppercase;letter-spacing:.1em;margin-bottom:8px;font-size:.7rem;font-weight:700;display:block}.dash-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:20px;display:grid}.dash-stat-card{background:var(--surface-0);border:1px solid var(--surface-border);border-radius:var(--r-lg);box-shadow:var(--shadow-card);align-items:center;gap:14px;padding:18px 20px;transition:transform .16s,box-shadow .16s;display:flex}.dash-stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0000000a,0 14px 36px #0f172a17}.dash-stat-icon{border-radius:var(--r-md);flex-shrink:0;place-items:center;width:44px;height:44px;font-size:1.3rem;display:grid}.dash-stat-icon.blue{background:var(--blue-bg);color:var(--blue-fg)}.dash-stat-icon.purple{background:var(--purple-bg);color:var(--purple-fg)}.dash-stat-icon.green{background:var(--green-bg);color:var(--green-fg)}.dash-stat-icon.red{background:var(--red-bg);color:var(--red-fg)}.dash-stat-icon.teal{background:var(--teal-50);color:var(--teal-600)}.dash-stat-icon.amber{background:var(--amber-bg);color:var(--amber-fg)}.dash-stat-body{min-width:0}.dash-stat-label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);font-size:.74rem;font-weight:700;display:block}.dash-stat-value{color:var(--text-primary);letter-spacing:-.03em;font-size:1.8rem;font-weight:800;line-height:1.1;display:block}.dash-stat-sub{color:var(--text-muted);margin-top:2px;font-size:.73rem;display:block}.dash-tabs{background:var(--surface-0);border:1px solid var(--surface-border);border-radius:var(--r-lg);box-shadow:var(--shadow-card);scrollbar-width:thin;scrollbar-color:var(--surface-border) transparent;gap:6px;margin-bottom:16px;padding:6px;display:flex;overflow:auto hidden}.dash-tabs::-webkit-scrollbar{height:7px}.dash-tabs::-webkit-scrollbar-thumb{background:var(--surface-border);border-radius:999px}.dash-tab-btn{min-height:42px;font-family:var(--font);color:var(--text-secondary);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:10px;flex:none;justify-content:center;align-items:center;gap:8px;padding:10px 16px;font-size:.87rem;font-weight:600;transition:background .15s,color .15s;display:flex;position:relative}.dash-tab-btn:focus{outline:none}.dash-tab-btn:focus-visible{box-shadow:0 0 0 3px #2563eb38}.dash-tab-btn:hover{background:var(--surface-2);color:var(--text-primary)}.dash-tab-btn.active{background:linear-gradient(135deg, var(--brand-500), var(--brand-600));color:#fff;box-shadow:0 2px 8px #2563eb4d}.dash-tab-btn.active:focus-visible{box-shadow:0 0 0 3px #1e40af59,0 2px 8px #2563eb4d}.dash-tab-badge{min-width:18px;height:18px;color:inherit;background:#ffffff40;border-radius:999px;justify-content:center;align-items:center;padding:0 5px;font-size:.7rem;font-weight:800;display:inline-flex}.dash-tab-btn:not(.active) .dash-tab-badge{background:var(--red-bg);color:var(--red-fg)}.dash-tab-content{min-height:400px}.staff-stack{gap:16px;display:grid}.role-current{text-transform:uppercase;letter-spacing:.05em}.books-form-actions{align-items:flex-end}.import-menu-row{margin-bottom:14px}.upload-btn{cursor:pointer}.file-input-hidden{display:none}.inventory-consumable-toggle{text-transform:none;letter-spacing:normal;flex-direction:row;align-items:center;gap:10px;font-size:.84rem;font-weight:600;display:flex}.inventory-consumable-toggle input[type=checkbox]{width:16px;height:16px}.staff-queue-title{margin:18px 0 8px}.borrow-lock-note{color:#92400e;background:#fffbeb;border:1px solid #fcd34d;border-radius:10px;margin:0 0 12px;padding:10px 12px;font-size:.84rem;font-weight:600}.room-layout{grid-template-columns:1fr 1fr;gap:14px;display:grid}.room-list-help{color:var(--text-secondary);margin:0 0 8px;font-size:.82rem;font-weight:600}.room-selected-row{background:#eff6ff}.dash-card{background:var(--surface-0);border:1px solid var(--surface-border);border-radius:var(--r-xl);box-shadow:var(--shadow-card);overflow:hidden}.dash-card-header{border-bottom:1px solid var(--surface-border);align-items:center;gap:12px;padding:20px 24px 16px;display:flex}.dash-card-body{padding:16px 24px 22px}.dash-card-icon{flex-shrink:0;font-size:1.3rem}.dash-card-title{color:var(--text-primary);flex:1;margin:0;font-size:1rem;font-weight:700}.dash-filter-row{flex-wrap:wrap;gap:6px;display:flex}.tab-content-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.dash-card-wide{grid-column:span 2}.dash-card .table-wrap{border:none;border-top:1px solid var(--surface-border);border-radius:0}.pagination-bar{justify-content:space-between;align-items:center;gap:12px;padding:14px 24px 4px;display:flex}.pagination-size{color:var(--text-secondary);align-items:center;gap:8px;font-size:.84rem;font-weight:600;display:inline-flex}.pagination-size select{width:auto;min-width:72px;padding:8px 10px}.pagination-actions{align-items:center;gap:10px;display:flex}.pagination-status{color:var(--text-secondary);font-size:.82rem;font-weight:600}.dash-empty{text-align:center;color:var(--text-muted);padding:48px 24px}.dash-empty-icon{opacity:.7;margin-bottom:12px;font-size:2.6rem;display:block}.dash-empty-title{color:var(--text-secondary);margin:0 0 6px;font-size:1rem;font-weight:700}.dash-empty-desc{margin:0;font-size:.85rem;line-height:1.55}.clearance-status-card{flex-direction:column;gap:14px;padding:20px 24px;display:flex}.clearance-status-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.clearance-status-label{color:var(--text-secondary);font-size:.86rem;font-weight:600}.clearance-letter-no{color:var(--brand-600);background:var(--brand-50);border-radius:6px;padding:3px 8px;font-size:.8rem;font-weight:700}.dash-tab-content .panel{border-radius:var(--r-xl);border:1px solid var(--surface-border)}.confirm-overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:9999;background:#00000073;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.confirm-dialog{background:var(--surface-0);border:1px solid var(--surface-border);border-radius:var(--r-xl);text-align:center;width:100%;max-width:400px;padding:32px 28px 24px;animation:.18s confirm-pop;box-shadow:0 20px 60px #00000040}.edit-modal-overlay{-webkit-backdrop-filter:blur(3px);z-index:10000;background:#0206178a;justify-content:center;align-items:center;padding:16px;animation:.2s modal-overlay-fade;display:flex;position:fixed;inset:0}.edit-modal-dialog{background:var(--surface-0);border:1px solid var(--surface-border);border-radius:var(--r-xl);width:min(760px,100%);max-height:calc(100vh - 32px);padding:20px;animation:.22s edit-modal-enter;overflow:auto;box-shadow:0 24px 64px #02061752}.edit-modal-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.edit-modal-header h3{color:var(--text-primary);margin:0;font-size:1.1rem;font-weight:700}.edit-modal-close{border:1px solid var(--surface-border);background:var(--surface-1);width:32px;height:32px;color:var(--text-secondary);cursor:pointer;border-radius:8px;font-weight:700}.edit-modal-close:hover{background:var(--surface-2);color:var(--text-primary)}.borrow-request-dialog{width:min(820px,100%)}.borrow-request-grid{gap:16px;display:grid}.borrow-request-hero{background:linear-gradient(135deg,#ecfeff 0%,#eff6ff 100%);border:1px solid #bfdbfe;border-radius:16px;align-items:flex-start;gap:14px;padding:14px 16px;display:flex}.borrow-request-icon{background:#ffffffc7;border-radius:14px;flex-shrink:0;place-items:center;width:48px;height:48px;font-size:1.5rem;display:grid}.borrow-request-kicker{letter-spacing:.08em;text-transform:uppercase;color:#0f766e;margin:0 0 4px;font-size:.74rem;font-weight:800}.borrow-request-hero h4{color:var(--text-primary);margin:0 0 4px;font-size:1.1rem}.borrow-request-caption{color:var(--text-secondary);margin:0;font-size:.88rem}.borrow-request-section{gap:14px;display:grid}.borrow-request-facts{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.borrow-request-facts>div{border:1px solid var(--surface-border);background:var(--surface-1);border-radius:12px;padding:12px 14px}.borrow-request-facts span{letter-spacing:.04em;text-transform:uppercase;color:var(--text-secondary);margin-bottom:4px;font-size:.75rem;font-weight:700;display:block}.borrow-request-facts strong{color:var(--text-primary);font-size:.95rem}.borrow-request-note{border:1px solid var(--surface-border);border-radius:14px;padding:14px 16px}.borrow-request-note strong{color:var(--text-primary);margin-bottom:6px;font-size:.88rem;display:block}.borrow-request-note p{color:var(--text-secondary);margin:0;font-size:.9rem;line-height:1.55}.borrow-request-note.is-tool{background:#eff6ff;border-color:#bfdbfe}.borrow-request-note.is-consumable{background:#fffbeb;border-color:#fde68a}.borrow-request-actions{margin-top:18px}@keyframes modal-overlay-fade{0%{opacity:0}to{opacity:1}}@keyframes edit-modal-enter{0%{opacity:0;transform:translateY(18px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes confirm-pop{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.confirm-icon{margin-bottom:12px;font-size:2.4rem}.confirm-title{color:var(--text-primary);margin:0 0 10px;font-size:1.1rem;font-weight:700}.confirm-body{color:var(--text-secondary);margin:0 0 10px;font-size:.93rem;line-height:1.5}.confirm-warning{color:#b45309;border-radius:var(--r-md);text-align:left;background:#fffbeb;border:1px solid #fde68a;margin:0 0 20px;padding:10px 14px;font-size:.85rem;line-height:1.5}.confirm-actions{justify-content:center;gap:10px;display:flex}.confirm-actions .btn{min-width:110px}.btn-cancel{color:#be123c;background:#fff1f2;border:1.5px solid #fecdd3;font-weight:700}.btn-cancel:hover{background:#ffe4e6;border-color:#fda4af}@media (width<=1200px){.dash-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=900px){.tab-content-grid{grid-template-columns:1fr}.dash-card-wide{grid-column:span 1}.room-layout{grid-template-columns:1fr}}@media (width<=768px){.login-card{padding:28px 20px 24px}.dash-nav{height:auto;min-height:64px;padding:8px 12px}.dash-nav-brand{min-width:0}.dash-nav-title{font-size:.92rem}.dash-nav-sub{font-size:.66rem}.dash-nav-user{gap:8px}.dash-nav-avatar{width:32px;height:32px;font-size:.78rem}.dash-nav-info{display:none}.dash-nav-logout{padding:7px 10px}.dash-main{padding:12px 12px 40px}.dash-hero{padding:16px}.dash-hero-title{font-size:1.2rem}.dash-hero-clearance{display:none}.dash-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.dash-nav-logout span{display:none}.dash-tabs{-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-wrap:nowrap;gap:3px;padding:5px;overflow-x:auto}.dash-tabs::-webkit-scrollbar{display:none}.dash-tab-btn{flex:none;padding:9px 14px;font-size:.82rem}.dash-card-body{padding:12px 14px 16px}.dash-card-header{padding:14px 14px 12px}.pagination-bar{flex-direction:column;align-items:flex-start;gap:8px;padding:12px 14px 4px}.dash-filter-row{gap:4px}.dash-filter-row .btn-sm{padding:6px 10px;font-size:.76rem}.action-stack .btn-edit{min-height:36px;padding:8px 12px}.edit-modal-dialog{border-radius:18px;width:100%;max-height:calc(100vh - 20px);padding:16px}.borrow-request-facts{grid-template-columns:1fr}}@media (width<=480px){.dash-stats{grid-template-columns:1fr}.dash-nav-sub{display:none}.grid-form{grid-template-columns:1fr}.span-2{grid-column:span 1}th,td{padding:9px 8px;font-size:.79rem}.action-stack .btn-edit,.action-stack .btn-warning{justify-content:center;width:100%}.edit-modal-overlay{align-items:flex-end;padding:10px}.edit-modal-dialog{border-bottom-right-radius:0;border-bottom-left-radius:0;max-height:85vh;animation:.22s edit-modal-sheet-enter}.borrow-request-hero{padding:12px}.borrow-request-actions{flex-direction:column}.borrow-request-actions .btn{justify-content:center;width:100%}}@keyframes edit-modal-sheet-enter{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}.portal-shell{background:linear-gradient(160deg,#f3f8ff 0%,#f6fbfa 45%,#eef8f8 100%);min-height:100vh;position:relative;overflow:hidden}.portal-main{z-index:2;width:min(1120px,100% - 32px);margin:0 auto;padding:38px 0 30px;position:relative}.portal-bg{filter:blur(36px);opacity:.38;pointer-events:none;border-radius:999px;animation:11s ease-in-out infinite portal-blob;position:absolute}.portal-bg-a{background:#7dd3fc;width:320px;height:320px;top:-50px;left:-50px}.portal-bg-b{background:#86efac;width:340px;height:340px;animation-delay:1.8s;top:-70px;right:-60px}.portal-bg-c{background:#67e8f9;width:360px;height:360px;animation-delay:3.2s;bottom:-120px;left:34%}@keyframes portal-blob{0%,to{transform:translate(0)scale(1)}33%{transform:translate(28px,-34px)scale(1.08)}66%{transform:translate(-18px,18px)scale(.94)}}.portal-header{text-align:center;margin-bottom:28px}.portal-unnes-logo{object-fit:contain;filter:drop-shadow(0 10px 18px #0f172a24);width:78px;height:78px;margin:0 auto 12px;display:block}.portal-pill{letter-spacing:.08em;text-transform:uppercase;color:#0b3b7d;background:#ffffffb8;border:1px solid #0e74903d;border-radius:999px;align-items:center;gap:6px;padding:6px 14px;font-size:.75rem;font-weight:800;display:inline-flex}.portal-header h1{letter-spacing:-.03em;color:#0f172a;margin:16px 0 10px;font-size:clamp(1.9rem,3.7vw,3.05rem)}.portal-header h1 span{background:linear-gradient(135deg,#0ea5e9 0%,#0f766e 100%);color:#0000;-webkit-background-clip:text;background-clip:text}.portal-header p{color:#475569;width:min(760px,100%);margin:0 auto;font-size:1rem}.portal-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.portal-card{-webkit-backdrop-filter:blur(12px);background:#ffffffd1;border:1px solid #94a3b840;border-radius:24px;flex-direction:column;padding:24px;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 16px 44px #0f172a1c}.portal-card:hover{transform:translateY(-3px);box-shadow:0 20px 48px #0e749029}.portal-card-lab{border-top:4px solid #0284c7}.portal-card-lib{border-top:4px solid #0f766e}.portal-icon{background:linear-gradient(145deg,#f8fafc 0%,#e2e8f0 100%);border-radius:18px;place-items:center;width:64px;height:64px;margin-bottom:14px;font-size:1.8rem;display:grid}.portal-card h2{color:#0f172a;margin:0 0 8px;font-size:1.36rem}.portal-card p{color:#475569;flex:1;margin:0 0 18px;line-height:1.6}.portal-btn{color:#fff;cursor:pointer;border:none;border-radius:14px;width:100%;padding:13px 16px;font-size:.9rem;font-weight:800;transition:transform .16s,filter .16s,box-shadow .16s}.portal-btn:hover{filter:brightness(1.04);transform:translateY(-1px)}.portal-btn-lab{background:linear-gradient(135deg,#0ea5e9 0%,#0369a1 100%);box-shadow:0 10px 24px #0e749057}.portal-btn-lib{background:linear-gradient(135deg,#14b8a6 0%,#0f766e 100%);box-shadow:0 10px 24px #0f766e54}.portal-footer{color:#475569;background:#ffffffad;border:1px solid #94a3b83b;border-radius:14px;justify-content:space-between;align-items:center;gap:10px;margin-top:18px;padding:14px 18px;font-size:.84rem;font-weight:600;display:flex}.portal-logout{color:#0f172a;cursor:pointer;background:#fff;border:1px solid #0e74904d;border-radius:10px;padding:8px 12px;font-size:.82rem;font-weight:700}.portal-logout:hover{background:#f0f9ff}.notif-bell-wrap{align-items:center;display:flex;position:relative}.notif-bell-btn{cursor:pointer;background:0 0;border:1px solid #0e749033;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;font-size:1rem;transition:background .15s;display:flex;position:relative}.notif-bell-btn:hover{background:#f0f9ff}.notif-badge{color:#fff;background:#ef4444;border-radius:999px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 4px;font-size:.68rem;font-weight:700;line-height:1;display:flex;position:absolute;top:-4px;right:-4px}.notif-backdrop{z-index:1000;position:fixed;inset:0}.notif-dropdown{z-index:1001;background:#fff;border:1px solid #e2e8f0;border-radius:14px;flex-direction:column;width:340px;max-height:440px;display:flex;position:absolute;top:calc(100% + 10px);right:0;overflow:hidden;box-shadow:0 8px 32px #0000001f}.notif-dropdown-header{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:14px 16px 10px;display:flex}.notif-dropdown-title{color:#0f172a;font-size:.92rem;font-weight:700}.notif-empty{color:#94a3b8;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:32px 16px;font-size:.86rem;display:flex}.notif-empty-icon{font-size:1.8rem}.notif-list{flex:1;margin:0;padding:0;list-style:none;overflow-y:auto}.notif-item{background:#fff;border-bottom:1px solid #f8fafc;gap:10px;padding:12px 14px;transition:background .1s;display:flex}.notif-item:last-child{border-bottom:none}.notif-item-unread{background:#f0f9ff}.notif-icon{flex-shrink:0;padding-top:1px;font-size:1.1rem}.notif-body{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.notif-title{color:#0f172a;font-size:.84rem;line-height:1.4}.notif-text{color:#64748b;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:.78rem;line-height:1.4;overflow:hidden}.notif-time{color:#94a3b8;margin-top:2px;font-size:.72rem}.overdue-banner{color:#92400e;background:#fef3c7;border:1px solid #f59e0b;border-radius:10px;margin-bottom:16px;padding:12px 16px;font-size:.88rem}.history-modal-overlay{z-index:1100;background:#0006;justify-content:center;align-items:flex-start;padding:32px 16px;display:flex;position:fixed;inset:0;overflow-y:auto}.history-modal{background:#fff;border-radius:16px;flex-direction:column;width:min(900px,100%);max-height:88vh;display:flex;overflow:hidden;box-shadow:0 16px 48px #0000002e}.history-modal-header{border-bottom:1px solid #e2e8f0;flex-shrink:0;justify-content:space-between;align-items:flex-start;gap:16px;padding:20px 24px 16px;display:flex}.history-modal-title{color:#0f172a;margin:0 0 2px;font-size:1.1rem}.history-modal-body{flex-direction:column;gap:8px;padding:20px 24px 28px;display:flex;overflow-y:auto}.history-section-title{color:#0f172a;align-items:center;gap:8px;margin:16px 0 10px;font-size:.95rem;display:flex}.row-overdue td{background:#fef9ec}.system-switcher{border:1px solid var(--surface-border);box-shadow:var(--shadow-card);background:#fff;border-radius:16px;justify-content:space-between;align-items:center;gap:18px;margin-bottom:20px;padding:16px 18px;display:flex}.system-switcher-copy h2{color:var(--text-primary);margin:4px 0;font-size:1rem}.system-switcher-copy p{color:var(--text-secondary);margin:0;font-size:.84rem}.system-chip{letter-spacing:.08em;text-transform:uppercase;color:#0f766e;background:#ecfeff;border:1px solid #a5f3fc;border-radius:999px;align-items:center;padding:4px 10px;font-size:.7rem;font-weight:800;display:inline-flex}.system-switcher-actions{flex-wrap:wrap;gap:8px;display:flex}.system-switch-btn{color:#0f172a;cursor:pointer;background:#f8fafc;border:1px solid #bfdbfe;border-radius:12px;padding:10px 14px;font-size:.82rem;font-weight:700;transition:background .15s,transform .15s,color .15s}.system-switch-btn:hover{background:#f0f9ff;transform:translateY(-1px)}.system-switch-btn.active{color:#fff;background:linear-gradient(135deg,#0284c7 0%,#0f766e 100%);border-color:#0000}@media (width<=900px){.portal-grid{grid-template-columns:1fr}.portal-main{padding-top:30px}.system-switcher{flex-direction:column;align-items:flex-start}}@media (width<=640px){.portal-main{width:calc(100% - 20px);padding:20px 0 22px}.portal-card{border-radius:18px;padding:18px}.portal-unnes-logo{width:64px;height:64px;margin-bottom:10px}.portal-footer{flex-direction:column;align-items:flex-start}.portal-logout{width:100%}}.chat-layout{grid-template-columns:320px 1fr;gap:14px;display:grid}.chat-online-list,.chat-room-panel{border:1px solid var(--surface-border);background:#fff;border-radius:14px;padding:14px}.chat-online-items,.chat-conversation-items{flex-direction:column;gap:8px;margin-top:10px;display:flex}.chat-online-item{border:1px solid var(--surface-border);background:var(--surface-1);border-radius:10px;justify-content:space-between;align-items:center;gap:10px;padding:10px;display:flex}.chat-online-item>div:first-child{flex:1;min-width:0}.chat-online-item .student-name,.chat-online-item .student-sub{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.chat-online-item>button{flex-shrink:0}.chat-room-panel{grid-template-columns:280px 1fr;gap:12px;min-height:520px;display:grid}.chat-conversation-list{border-right:1px solid var(--surface-border);padding-right:10px}.chat-conversation-item{text-align:left;border:1px solid var(--surface-border);cursor:pointer;background:#fff;border-radius:10px;width:100%;padding:10px}.chat-conversation-item.active{background:#eff6ff;border-color:#60a5fa}.chat-conversation-name{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;font-size:.86rem;font-weight:700;display:block;overflow:hidden}.chat-conversation-meta{color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;margin-top:4px;font-size:.78rem;display:block;overflow:hidden}.chat-thread{flex-direction:column;min-height:0;display:flex}.chat-thread-header{border-bottom:1px solid var(--surface-border);margin-bottom:10px;padding:4px 2px 10px}.chat-message-list{border:1px solid var(--surface-border);background:var(--surface-1);border-radius:10px;flex-direction:column;flex:1;gap:8px;min-height:320px;max-height:420px;padding:10px;display:flex;overflow-y:auto}.chat-message-bubble{border:1px solid var(--surface-border);background:#fff;border-radius:10px;align-self:flex-start;max-width:80%;padding:8px 10px}.chat-message-bubble.mine{background:#dbeafe;border-color:#93c5fd;align-self:flex-end}.chat-message-text{color:var(--text-primary);white-space:pre-wrap;font-size:.88rem}.chat-message-meta{color:var(--text-secondary);margin-top:4px;font-size:.72rem}.chat-compose{grid-template-columns:1fr auto;gap:8px;margin-top:10px;display:grid}.chat-empty{border:1px dashed var(--surface-border);min-height:260px;color:var(--text-secondary);border-radius:10px;place-items:center;font-size:.9rem;display:grid}@media (width<=1100px){.chat-layout{grid-template-columns:1fr}.chat-room-panel{min-height:unset;grid-template-columns:1fr}.chat-conversation-list{border-right:none;border-bottom:1px solid var(--surface-border);padding-bottom:10px;padding-right:0}}