:root{--bg-primary: #020617;--bg-secondary: #0f172a;--bg-tertiary: #1e293b;--text-primary: #f8fafc;--text-secondary: #94a3b8;--text-muted: #475569;--accent-primary: #3b82f6;--accent-primary-hover: #2563eb;--danger: #991b1b;--warning: #92400e;--border-color: #1e293b;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--font-family: "Inter", -apple-system, sans-serif;--sidebar-width: 260px;--header-height: 64px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background-color:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased}.app-layout{display:flex;height:100vh;overflow:hidden}.sidebar{width:var(--sidebar-width);background-color:var(--bg-secondary);border-right:1px solid var(--border-color);display:flex;flex-direction:column}.sidebar-header{height:var(--header-height);display:flex;align-items:center;padding:0 1.5rem;border-bottom:1px solid var(--border-color);font-weight:700;font-size:1.1rem;letter-spacing:2px;text-transform:uppercase}.sidebar-nav{flex:1;padding:1rem .5rem;overflow-y:auto}.nav-item{display:flex;align-items:center;padding:.625rem 1rem;color:var(--text-secondary);text-decoration:none;font-size:.813rem;font-weight:500;transition:all .2s ease;cursor:pointer;gap:.75rem;border-radius:var(--radius-sm);margin-bottom:2px}.nav-item:hover{background-color:var(--bg-tertiary);color:var(--text-primary)}.nav-item.active{background-color:var(--bg-tertiary);color:var(--text-primary);border-left:3px solid var(--accent-primary)}.main-content-wrapper{flex:1;display:flex;flex-direction:column}.header{height:var(--header-height);background-color:var(--bg-primary);border-bottom:1px solid var(--border-color);display:flex;align-items:center;padding:0 2rem}.main-content{flex:1;padding:2.5rem;overflow-y:auto;background-color:var(--bg-primary)}.card{background-color:var(--bg-secondary);border-radius:var(--radius-md);border:1px solid var(--border-color);padding:2rem}.page-title{font-size:1.25rem;font-weight:700;margin-bottom:2rem;text-transform:uppercase;letter-spacing:1px}.input-group{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.25rem}.input-field{background-color:var(--bg-primary);border:1px solid var(--border-color);color:var(--text-primary);padding:.75rem 1rem;border-radius:var(--radius-sm);font-size:.875rem;outline:none}.input-field:focus{border-color:var(--accent-primary)}.btn{padding:.625rem 1.5rem;border-radius:var(--radius-sm);font-weight:600;font-size:.813rem;cursor:pointer;border:none;transition:opacity .2s}.btn-primary{background-color:var(--text-primary);color:var(--bg-primary)}.btn-primary:hover{opacity:.9}.data-table{width:100%;border-collapse:collapse}.data-table th,.data-table td{padding:.875rem 1rem;text-align:left;border-bottom:1px solid var(--border-color)}.data-table th{color:var(--text-muted);font-weight:600;font-size:.688rem;text-transform:uppercase;letter-spacing:1px}.data-table td{font-size:.813rem}.badge{padding:.2rem .5rem;border-radius:4px;font-size:.688rem;font-weight:700;text-transform:uppercase}.badge-success{background:#3b82f61a;color:var(--accent-primary)}.badge-warning{background:#92400e1a;color:var(--warning)}.badge-danger{background:#991b1b1a;color:var(--danger)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--bg-tertiary);border-radius:10px}