@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;700&display=swap";@tailwind base;@tailwind components;@tailwind utilities;*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;width:100%;background-color:#0a0a0f;color:#e8e6f0;font-family:Inter,sans-serif;overflow-x:hidden}:root{--bg-deep: #0a0a0f;--bg-card: #111118;--bg-hover: #1a1a24;--purple: #4B0082;--gold: #D4AF37;--gold-dim: rgba(212, 175, 55, .15);--gold-border: rgba(212, 175, 55, .25);--text: #e8e6f0;--text-muted: #5c586a;--text-secondary: #9a96a8;--danger: #f87171;--danger-bg: rgba(248, 113, 113, .1);--success: #34d399;--success-bg: rgba(52, 211, 153, .1);--radius: 12px;--border-color: #1e1e2a}.dashboard{display:flex;flex-direction:column;min-height:100vh;width:100%;background:var(--bg-deep)}.sidebar{width:100%;background:var(--bg-card);border-bottom:2px solid var(--gold);display:flex;flex-direction:column;z-index:100}.sidebar-nav{padding:5px 15px;display:flex;flex-direction:row;gap:5px;overflow-x:auto}.nav-btn{display:flex;align-items:center;gap:8px;padding:10px;border-radius:8px;color:var(--text-muted);background:transparent;border:none;cursor:pointer;white-space:nowrap}.nav-btn-active{background:var(--gold-dim)!important;color:var(--gold)!important}.main-content{flex:1;width:100%;max-width:100%;overflow-x:hidden;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:20px;min-width:0}.topbar-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;width:100%;padding:0 28px;height:64px;background:var(--bg-card);border-bottom:1px solid var(--border-color);box-sizing:border-box}.topbar-title h2{margin:0;font-size:18px}.topbar-title p{margin:0;font-size:12px;color:var(--text-secondary)}.body-content{flex:1;overflow-y:auto;padding:24px 28px;box-sizing:border-box}.cell-id{font-family:JetBrains Mono,monospace;color:var(--gold)!important;font-weight:700}.btn-primary{background:var(--gold);color:#000;padding:10px 20px;border-radius:8px;font-weight:700;border:none;cursor:pointer}@media (max-width: 600px){.topbar-header{flex-direction:column;align-items:flex-start}.btn-primary{width:100%}}@media (max-width: 768px){.dashboard{flex-direction:column}.sidebar{width:100%;min-width:100%;flex-direction:row;overflow-x:auto}.sidebar-logo{display:none}.sidebar-nav{flex-direction:row;width:100%;padding:8px;gap:8px}.nav-btn{flex:1;justify-content:center;padding:10px}.topbar-header{width:100%;padding:0 16px}.body-content{padding:16px}.table,.table thead,.table tbody,.table th,.table td,.table tr{display:block}.table thead{display:none}.table tr{margin-bottom:15px;border:1px solid var(--gold-border);border-radius:12px;padding:10px;background:#16161f}.table td{display:flex;justify-content:space-between;padding:10px 5px;border-bottom:1px solid #1e1e2a}.table td:before{content:attr(data-label);font-weight:700;color:var(--gold);text-transform:uppercase;font-size:10px}.cell-actions{justify-content:flex-end;border-bottom:none}}@media (min-width: 1024px){.dashboard{flex-direction:row}s .sidebar{width:260px;height:100vh;border-bottom:none;border-right:2px solid var(--gold)}.sidebar-nav{flex-direction:column;padding:10px}.nav-btn{width:100%}}