: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}*,: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);flex:1;min-height:100vh}.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)}.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-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-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)}.form-group{gap:var(--spacing-xs);flex-direction:column;display:flex}.form-label{color:var(--color-text-muted);font-size:.875rem;font-weight:500}.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);outline:none;padding:.6rem .875rem;font-family:inherit;font-size:.875rem}.form-input:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-glow)}.form-input::placeholder{color:var(--color-text-dim)}select.form-input{cursor:pointer}.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}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,1fr)}}.sidebar.svelte-129hoe0{width:var(--sidebar-width);background:var(--color-surface);border-right:1px solid var(--color-glass-border);z-index:100;flex-direction:column;display:flex;position:fixed;top:0;bottom:0;left:0;overflow-y:auto}.sidebar-logo.svelte-129hoe0{border-bottom:1px solid var(--color-glass-border);align-items:center;gap:.625rem;padding:1.25rem 1rem;display:flex}.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}.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;font-size:1rem}.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}.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)}}