:root{--color-primary:#0033a0;--color-primary-light:#1e5dc8;--color-primary-dark:#002080;--color-accent:#00adef;--color-accent-glow:#00adef4d;--color-bg:#07090f;--color-surface:#0d1117;--color-surface-2:#161b22;--color-surface-3:#1f2937;--color-glass:#ffffff0a;--color-glass-border:#ffffff14;--color-text:#f1f5f9;--color-text-muted:#8b95a8;--color-text-dim:#4b5563;--color-success:#22c55e;--color-success-bg:#22c55e1a;--color-warning:#f59e0b;--color-warning-bg:#f59e0b1a;--color-danger:#ef4444;--color-danger-bg:#ef44441a;--color-info:#3b82f6;--color-info-bg:#3b82f61a;--spacing-xs:.25rem;--spacing-sm:.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--shadow-sm:0 1px 3px #0006;--shadow-md:0 4px 16px #00000080;--shadow-lg:0 8px 32px #0009;--shadow-glow:0 0 24px #00adef33;--shadow-primary:0 4px 20px #0033a066;--transition-fast:.15s ease;--transition-base:.25s ease;--transition-slow:.4s ease;--sidebar-width:240px}body.sidebar-collapsed{--sidebar-width:80px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{background-color:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased;min-height:100vh;font-family:Poppins,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}input,textarea,select{font-family:inherit}img{max-width:100%;display:block}h1{font-size:2rem;font-weight:700;line-height:1.2}h2{font-size:1.5rem;font-weight:600;line-height:1.3}h3{font-size:1.25rem;font-weight:600;line-height:1.4}h4{font-size:1rem;font-weight:500}h5{font-size:.875rem;font-weight:500}.text-muted{color:var(--color-text-muted)}.text-sm{font-size:.875rem}.text-xs{font-size:.75rem}.font-semibold{font-weight:600}.font-bold{font-weight:700}.app-layout{min-height:100vh;display:flex}.main-content{margin-left:var(--sidebar-width);padding:var(--spacing-xl);min-height:100vh;transition:margin-left var(--transition-base);flex:1}.page-header{margin-bottom:var(--spacing-xl)}.page-header h1{background:linear-gradient(135deg, var(--color-text) 0%, var(--color-accent) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.page-header p{color:var(--color-text-muted);margin-top:var(--spacing-xs)}.card{background:var(--color-glass);border:1px solid var(--color-glass-border);border-radius:var(--radius-lg);padding:var(--spacing-lg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:border-color var(--transition-base), box-shadow var(--transition-base)}.card:hover{box-shadow:var(--shadow-glow);border-color:#00adef33}.card-surface{background:var(--color-surface);border:1px solid var(--color-glass-border);border-radius:var(--radius-lg);padding:var(--spacing-lg)}.tabs{gap:.5rem;display:flex}.tab{border-radius:var(--radius-full);color:var(--color-text-muted);background:var(--color-glass);border:1px solid var(--color-glass-border);cursor:pointer;transition:all var(--transition-fast);align-items:center;gap:.35rem;padding:.4rem 1rem;font-family:inherit;font-size:.8rem;font-weight:500;display:inline-flex}.tab:hover{color:var(--color-text);border-color:#00adef4d}.tab.active{border-color:var(--color-primary-light);color:var(--color-accent);background:#0033a040}.btn{align-items:center;gap:var(--spacing-sm);border-radius:var(--radius-md);transition:all var(--transition-base);cursor:pointer;border:1px solid #0000;padding:.6rem 1.25rem;font-size:.875rem;font-weight:500;display:inline-flex}.btn-primary{background:linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-light) 100%);color:#fff;box-shadow:var(--shadow-primary)}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 24px #0033a080}.btn-accent{background:linear-gradient(135deg, var(--color-accent) 0%, var(--color-primary-light) 100%);color:#fff}.btn-accent:hover{box-shadow:var(--shadow-glow);transform:translateY(-1px)}.btn-ghost{background:var(--color-glass);border-color:var(--color-glass-border);color:var(--color-text)}.btn-ghost:hover{background:var(--color-surface-2);border-color:#00adef4d}.btn-outline{border-color:var(--color-primary);color:var(--color-primary);background:0 0}.btn-outline:hover{background:#00adef1a}.btn-danger{background:var(--color-danger-bg);border-color:var(--color-danger);color:var(--color-danger)}.btn-danger:hover{background:var(--color-danger);color:#fff}.btn-sm{padding:.35rem .75rem;font-size:.8rem}.btn-icon{border-radius:var(--radius-md);justify-content:center;align-items:center;width:36px;height:36px;padding:0;display:inline-flex}.badge{border-radius:var(--radius-full);align-items:center;gap:4px;padding:2px 10px;font-size:.75rem;font-weight:500;display:inline-flex}.badge-green,.badge-available{background:var(--color-success-bg);color:var(--color-success);border:1px solid #22c55e33}.badge-gray,.badge-issue{background:var(--color-warning-bg);color:var(--color-warning);border:1px solid #f59e0b33}.badge-black,.badge-missing{background:var(--color-danger-bg);color:var(--color-danger);border:1px solid #ef444433}.badge-blue,.badge-in-use{background:var(--color-info-bg);color:var(--color-info);border:1px solid #3b82f633}.badge-purple,.badge-staff{color:#a855f7;background:#a855f71a;border:1px solid #a855f733}.badge-pending{color:#9ca3af;background:#9ca3af1a;border:1px solid #9ca3af33}.dot{border-radius:50%;width:8px;height:8px;display:inline-block}.dot-green{background:var(--color-success);box-shadow:0 0 6px var(--color-success)}.dot-gray{background:var(--color-warning);box-shadow:0 0 6px var(--color-warning)}.dot-black{background:var(--color-danger);box-shadow:0 0 6px var(--color-danger)}.dot-blue{background:var(--color-info);box-shadow:0 0 6px var(--color-info)}.dot-purple{background:#a855f7;box-shadow:0 0 6px #a855f7}.form-group{gap:var(--spacing-xs);flex-direction:column;display:flex}.form-label{color:var(--color-text-muted);font-size:.875rem;font-weight:500}input[type=text],input[type=number],input[type=email],input[type=password],input[type=date],input[type=datetime-local],input[type=file],select,textarea,.form-control,.form-input{background:var(--color-surface-2);border:1px solid var(--color-glass-border);border-radius:var(--radius-md);color:var(--color-text);transition:border-color var(--transition-fast), box-shadow var(--transition-fast), background var(--transition-fast);outline:none;width:100%;padding:.6rem .875rem;font-family:inherit;font-size:.875rem}input:focus,select:focus,textarea:focus,.form-control:focus,.form-input:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-glow);background:var(--color-surface)}input::placeholder,textarea::placeholder{color:var(--color-text-dim)}select{cursor:pointer;appearance:none;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='%238b95a8' 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 .75rem center;background-repeat:no-repeat;background-size:1em;padding-right:2.5rem}select option{background-color:var(--color-surface);color:var(--color-text)}input[type=radio],input[type=checkbox]{accent-color:var(--color-primary);cursor:pointer;width:1.25rem;height:1.25rem}.table-wrapper{border-radius:var(--radius-lg);border:1px solid var(--color-glass-border);overflow-x:auto}table{border-collapse:collapse;width:100%}thead{background:var(--color-surface-2)}thead th{text-align:left;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);white-space:nowrap;padding:.75rem 1rem;font-size:.75rem;font-weight:600}tbody tr{border-top:1px solid var(--color-glass-border);transition:background var(--transition-fast)}tbody tr:hover{background:var(--color-glass)}tbody td{color:var(--color-text);padding:.75rem 1rem;font-size:.875rem}.stats-grid{gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(180px,1fr));display:grid}.stat-card{background:var(--color-glass);border:1px solid var(--color-glass-border);border-radius:var(--radius-lg);padding:var(--spacing-lg);gap:var(--spacing-sm);transition:all var(--transition-base);flex-direction:column;display:flex;position:relative;overflow:hidden}.stat-card:before{content:"";border-radius:var(--radius-full);height:2px;position:absolute;top:0;left:0;right:0}.stat-card.blue:before{background:linear-gradient(90deg, var(--color-primary), var(--color-accent))}.stat-card.green:before{background:linear-gradient(90deg, var(--color-success), #86efac)}.stat-card.yellow:before{background:linear-gradient(90deg, var(--color-warning), #fde68a)}.stat-card.red:before{background:linear-gradient(90deg, var(--color-danger), #fca5a5)}.stat-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.stat-value{font-size:2.5rem;font-weight:700;line-height:1}.stat-label{color:var(--color-text-muted);font-size:.8rem;font-weight:500}.stat-icon{opacity:.6;margin-bottom:var(--spacing-sm);font-size:2rem}.grid-2{gap:var(--spacing-md);grid-template-columns:repeat(2,1fr);display:grid}.grid-3{gap:var(--spacing-md);grid-template-columns:repeat(3,1fr);display:grid}.grid-4{gap:var(--spacing-md);grid-template-columns:repeat(4,1fr);display:grid}.grid-auto{gap:var(--spacing-md);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));display:grid}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.gap-lg{gap:var(--spacing-lg)}.mb-sm{margin-bottom:var(--spacing-sm)}.mb-md{margin-bottom:var(--spacing-md)}.mb-lg{margin-bottom:var(--spacing-lg)}.mb-xl{margin-bottom:var(--spacing-xl)}.mt-md{margin-top:var(--spacing-md)}.mt-lg{margin-top:var(--spacing-lg)}.w-full{width:100%}.text-center{text-align:center}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--color-surface)}::-webkit-scrollbar-thumb{background:var(--color-surface-3);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-primary-light)}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 8px var(--color-accent-glow)}50%{box-shadow:0 0 20px var(--color-accent-glow), 0 0 40px #00adef1a}}.animate-fade-in{animation:.4s fadeIn}.animate-pulse-glow{animation:2s infinite pulse-glow}@media (width<=768px){:root{--sidebar-width:0px}.main-content{padding:var(--spacing-md);margin-left:0;padding-top:4.5rem}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,1fr);gap:.75rem}.page-header{flex-direction:column;gap:1rem;align-items:flex-start!important}.page-header>div:last-child{flex-wrap:wrap;justify-content:flex-start;width:100%}.table-wrapper,.table-container{-webkit-overflow-scrolling:touch;width:100%;display:block;overflow-x:auto}.card,.card-surface{padding:var(--spacing-md)}}.mobile-toggle.svelte-129hoe0{z-index:90;background:var(--color-surface);border:1px solid var(--color-glass-border);border-radius:var(--radius-md);width:40px;height:40px;color:var(--color-text);cursor:pointer;box-shadow:var(--shadow-sm);justify-content:center;align-items:center;display:none;position:fixed;top:1rem;left:1rem}.mobile-overlay.svelte-129hoe0{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:95;background:#00000080;display:none;position:fixed;inset:0}.desktop-only.svelte-129hoe0{display:flex}.mobile-only.svelte-129hoe0{display:none}.sidebar.svelte-129hoe0{width:var(--sidebar-width);background:var(--color-surface);border-right:1px solid var(--color-glass-border);z-index:100;transition:transform var(--transition-base), width var(--transition-base);flex-direction:column;display:flex;position:fixed;top:0;bottom:0;left:0;overflow:hidden auto}@media (width<=768px){.mobile-toggle.svelte-129hoe0{display:flex}.mobile-overlay.svelte-129hoe0{display:block}.desktop-only.svelte-129hoe0{display:none!important}.mobile-only.svelte-129hoe0{display:flex!important}.sidebar.svelte-129hoe0{width:280px;transform:translate(-100%)}.sidebar.mobile-open.svelte-129hoe0{transform:translate(0)}}.sidebar-logo.svelte-129hoe0{border-bottom:1px solid var(--color-glass-border);-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;gap:.625rem;padding:1.25rem 1rem;display:flex;position:relative}.logo-clickable.svelte-129hoe0{cursor:pointer;justify-content:center;padding:1.25rem .5rem}.logo-clickable.svelte-129hoe0:hover{background:var(--color-glass)}.hidden-on-hover.svelte-129hoe0{transition:opacity var(--transition-fast)}.logo-clickable.svelte-129hoe0:hover .hidden-on-hover:where(.svelte-129hoe0){opacity:0}.collapse-hint.svelte-129hoe0{color:var(--color-text-dim);opacity:0;transition:opacity var(--transition-fast);pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.logo-clickable.svelte-129hoe0:hover .collapse-hint:where(.svelte-129hoe0){opacity:1;color:var(--color-accent)}.logo-texts.svelte-129hoe0{flex-direction:column;flex:1;display:flex}.btn-toggle.svelte-129hoe0{color:var(--color-text-muted);border-radius:var(--radius-sm);transition:all var(--transition-fast);flex-shrink:0;justify-content:center;align-items:center;padding:.25rem;display:flex}.btn-toggle.svelte-129hoe0:hover{color:var(--color-text);background:var(--color-glass)}.logo-mark.svelte-129hoe0{filter:drop-shadow(0 2px 8px #00adef4d);flex-shrink:0}.logo-text.svelte-129hoe0{color:var(--color-text);font-size:1rem;font-weight:700;line-height:1.1;display:block}.logo-sub.svelte-129hoe0{color:var(--color-accent);letter-spacing:.1em;text-transform:uppercase;font-size:.7rem;font-weight:500}.sidebar-profile.svelte-129hoe0{border-bottom:1px solid var(--color-glass-border);align-items:center;gap:.625rem;padding:.875rem 1rem;display:flex}.sidebar.collapsed.svelte-129hoe0 .sidebar-profile:where(.svelte-129hoe0){justify-content:center;padding:.875rem .5rem}.avatar.svelte-129hoe0{border:2px solid var(--color-primary-light);border-radius:50%;flex-shrink:0;width:34px;height:34px}.avatar-placeholder.svelte-129hoe0{background:linear-gradient(135deg, var(--color-primary), var(--color-accent));color:#fff;justify-content:center;align-items:center;font-size:.875rem;font-weight:600;display:flex}.profile-info.svelte-129hoe0{flex-direction:column;gap:2px;min-width:0;display:flex}.profile-name.svelte-129hoe0{color:var(--color-text);text-overflow:ellipsis;white-space:nowrap;font-size:.8rem;font-weight:500;overflow:hidden}.profile-role.svelte-129hoe0{align-self:flex-start;font-size:.65rem}.sidebar-nav.svelte-129hoe0{flex-direction:column;flex:1;gap:1.5rem;padding:.75rem .625rem;display:flex}.nav-section.svelte-129hoe0{flex-direction:column;gap:2px;display:flex}.nav-section-label.svelte-129hoe0{text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-dim);margin-bottom:.25rem;padding:0 .5rem;font-size:.65rem;font-weight:600}.nav-item.svelte-129hoe0{border-radius:var(--radius-md);color:var(--color-text-muted);transition:all var(--transition-fast);align-items:center;gap:.625rem;padding:.5rem .625rem;font-size:.875rem;text-decoration:none;display:flex;position:relative}.nav-item.svelte-129hoe0:hover{background:var(--color-glass);color:var(--color-text)}.nav-item.active.svelte-129hoe0{color:var(--color-accent);background:#0033a033;font-weight:500}.nav-icon.svelte-129hoe0{flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;display:flex}.sidebar.collapsed.svelte-129hoe0 .nav-item:where(.svelte-129hoe0){justify-content:center;padding:.625rem}.sidebar.collapsed.svelte-129hoe0 .nav-section-label:where(.svelte-129hoe0){display:none}.nav-indicator.svelte-129hoe0{background:var(--color-accent);border-radius:var(--radius-full);width:3px;height:60%;position:absolute;top:50%;right:0;transform:translateY(-50%)}.sidebar-footer.svelte-129hoe0{border-top:1px solid var(--color-glass-border);padding:.75rem .625rem}.btn-signout.svelte-129hoe0{border-radius:var(--radius-md);width:100%;color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-fast);text-align:left;background:0 0;border:none;align-items:center;gap:.625rem;padding:.5rem .625rem;font-family:inherit;font-size:.875rem;display:flex}.sidebar.collapsed.svelte-129hoe0 .btn-signout:where(.svelte-129hoe0){justify-content:center}.btn-signout.svelte-129hoe0:hover{background:var(--color-danger-bg);color:var(--color-danger)}.loading-screen.svelte-12qhfyh{background:var(--color-bg);min-height:100vh;color:var(--color-text-muted);flex-direction:column;justify-content:center;align-items:center;gap:1rem;display:flex}.loading-spinner.svelte-12qhfyh{border:3px solid var(--color-surface-3);border-top-color:var(--color-accent);border-radius:50%;width:40px;height:40px;animation:.8s linear infinite svelte-12qhfyh-spin}@keyframes svelte-12qhfyh-spin{to{transform:rotate(360deg)}}.access-denied.svelte-12qhfyh{background:var(--color-bg);text-align:center;justify-content:center;align-items:center;min-height:100vh;padding:2rem;display:flex}.access-denied-content.svelte-12qhfyh{border-radius:var(--radius-xl);max-width:400px;box-shadow:var(--shadow-md);background:#fff;padding:2rem}.access-denied.svelte-12qhfyh h1:where(.svelte-12qhfyh){color:var(--color-text);margin-bottom:.5rem;font-size:1.5rem;font-weight:700}.access-denied.svelte-12qhfyh p:where(.svelte-12qhfyh){color:var(--color-text-muted);margin-bottom:1rem}