:root{--bg-canvas: #0B0D10;--bg-sidebar: #12161D;--bg-card: #181E28;--bg-card-hover: #202735;--bg-table-header: #141A24;--text-primary: #F8FAFC;--text-muted: #94A3B8;--text-dim: #64748B;--border-color: rgba(255, 255, 255, .08);--border-medium: rgba(255, 255, 255, .12);--brand-crimson: #C1121F;--brand-crimson-hover: #A30F1A;--accent-cyan: #38BDF8;--accent-cyan-hover: #0284C7;--success-green: #22C55E;--warning-amber: #F59E0B;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-mono: "JetBrains Mono", monospace}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-canvas);color:var(--text-primary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5;min-height:100vh;overflow-x:hidden}.font-mono-tabular{font-family:var(--font-sans);font-variant-numeric:tabular-nums;-moz-font-feature-settings:"tnum";-webkit-font-feature-settings:"tnum";font-feature-settings:"tnum"}.app-layout-wrapper{display:flex;min-height:100vh;background-color:var(--bg-canvas)}.dark-sidebar{width:260px;height:100vh;position:fixed;top:0;left:0;background-color:var(--bg-sidebar);border-right:1px solid var(--border-color);display:flex;flex-direction:column;z-index:50}.sidebar-header{padding:1.25rem 1rem;border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:center}.sidebar-brand-badge{background:#ffffff0d;border:1px solid var(--border-color);border-radius:12px;padding:.5rem 1rem;display:flex;align-items:center;justify-content:center}.sidebar-menu{flex:1;overflow-y:auto;padding:1.25rem .85rem;display:flex;flex-direction:column;gap:.35rem}.sidebar-category-label{font-size:.68rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);padding:.85rem .75rem .35rem}.sidebar-item{display:flex;align-items:center;gap:.75rem;padding:.65rem .85rem;border-radius:9999px;font-size:.85rem;font-weight:600;color:var(--text-muted);background:transparent;border:none;cursor:pointer;transition:all .15s ease-in-out;text-decoration:none;width:100%;text-align:left}.sidebar-item:hover{color:var(--text-primary);background-color:#ffffff0d}.sidebar-item.active{color:#fff;background:linear-gradient(135deg,var(--brand-crimson),#8E0D17);box-shadow:0 4px 15px #c1121f59;font-weight:700}.sidebar-user-footer{padding:1rem;border-top:1px solid var(--border-color);background-color:#0003;display:flex;align-items:center;justify-content:space-between}.user-avatar-circle{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,var(--brand-crimson),var(--accent-cyan));color:#fff;font-weight:700;font-size:.85rem;display:flex;align-items:center;justify-content:center;border:1px solid var(--border-color)}.main-content{margin-left:260px;flex:1;max-width:calc(100vw - 260px);padding:1.75rem;min-height:100vh;background-color:var(--bg-canvas);box-sizing:border-box}.dark-card,.dark-table-card{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;overflow-x:auto;width:100%;box-shadow:0 10px 30px #00000059}.page-header-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.75rem}.page-title{font-size:1.65rem;font-weight:800;color:var(--text-primary);letter-spacing:-.02em}.page-subtitle{font-size:.88rem;color:var(--text-muted);margin-top:.2rem}.btn-pill-primary{display:inline-flex;align-items:center;gap:.5rem;background-color:var(--brand-crimson);color:#fff;font-weight:700;font-size:.85rem;padding:.65rem 1.35rem;border-radius:9999px;border:none;cursor:pointer;box-shadow:0 4px 14px #c1121f4d;transition:all .15s ease-in-out}.btn-pill-primary:hover:not(:disabled){background-color:var(--brand-crimson-hover);transform:translateY(-1px)}.btn-pill-secondary{display:inline-flex;align-items:center;gap:.5rem;background-color:#ffffff0d;color:var(--text-primary);font-weight:600;font-size:.85rem;padding:.65rem 1.35rem;border-radius:9999px;border:1px solid var(--border-color);cursor:pointer;transition:all .15s ease-in-out}.btn-pill-secondary:hover:not(:disabled){background-color:#ffffff1a;border-color:var(--border-medium);transform:translateY(-1px)}.btn-pill-cyan{display:inline-flex;align-items:center;gap:.5rem;background-color:var(--accent-cyan);color:#0b0d10;font-weight:700;font-size:.85rem;padding:.65rem 1.35rem;border-radius:9999px;border:none;cursor:pointer;box-shadow:0 4px 14px #38bdf84d;transition:all .15s ease-in-out}.btn-pill-cyan:hover:not(:disabled){background-color:var(--accent-cyan-hover);transform:translateY(-1px)}.status-pill-active{display:inline-flex;align-items:center;gap:.35rem;background:#22c55e1f;color:var(--success-green);border:1px solid rgba(34,197,94,.3);padding:.25rem .75rem;border-radius:9999px;font-size:.72rem;font-weight:700;letter-spacing:.04em}.status-pill-warning{display:inline-flex;align-items:center;gap:.35rem;background:#f59e0b1f;color:var(--warning-amber);border:1px solid rgba(245,158,11,.3);padding:.25rem .75rem;border-radius:9999px;font-size:.72rem;font-weight:700;letter-spacing:.04em}.status-pill-crimson{display:inline-flex;align-items:center;gap:.35rem;background:#c1121f1f;color:#f87171;border:1px solid rgba(193,18,31,.3);padding:.25rem .75rem;border-radius:9999px;font-size:.72rem;font-weight:700;letter-spacing:.04em}.dark-table{width:100%;border-collapse:collapse;text-align:left}.dark-table th{position:sticky;top:0;z-index:10;background-color:#12161df0;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:var(--text-muted);font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em;padding:.85rem;border-bottom:1px solid var(--border-color);white-space:nowrap}.dark-table td{padding:.8rem .85rem;border-bottom:1px solid var(--border-color);font-size:.84rem;color:var(--text-primary);white-space:nowrap}.dark-table tbody tr{transition:all .15s ease-in-out;border-left:3px solid transparent}.dark-table tbody tr:nth-child(2n){background-color:#ffffff03}.dark-table tbody tr:hover{background-color:#ffffff0b!important;border-left:3px solid var(--brand-crimson)}.dark-table tbody tr{transition:background-color .12s ease}.dark-table tbody tr:hover{background-color:var(--bg-card-hover)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spin{animation:spin 1s linear infinite}@keyframes fadeInModal{0%{opacity:0}to{opacity:1}}@keyframes scaleUpModal{0%{opacity:0;transform:scale(.92) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.deleting-row{opacity:.25!important;transform:scale(.98);transition:all .5s ease!important;pointer-events:none;background-color:#ef444426!important}