@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&display=swap";
:root{--bg-primary:#0b0f19;--bg-secondary:#121826;--bg-card:#121826;--border-color:#ffffff1a;--border-focus:#cacc54;--text-primary:#f1f5f9;--text-secondary:#94a3b8;--text-muted:#64748b;--primary:#bdbd48;--primary-hover:#cacc54;--success:#10b981;--danger:#f43f5e;--danger-hover:#e11d48;--warning:#f59e0b;--font-sans:"Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--transition-smooth:all .2s ease-in-out}*{box-sizing:border-box;outline:none;margin:0;padding:0;border-radius:0!important}html,body{background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;min-height:100vh;overflow-x:hidden}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:#222f46}::-webkit-scrollbar-thumb:hover{background:#334766}.glass-card{background:var(--bg-card);border:1px solid var(--border-color);transition:var(--transition-smooth);padding:24px}.glass-card:hover{border-color:#fff3}.btn{font-family:var(--font-sans);cursor:pointer;transition:var(--transition-smooth);border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:10px 18px;font-size:14px;font-weight:600;display:inline-flex}.btn:disabled{opacity:.6;cursor:not-allowed;pointer-events:none}.btn-primary{background:var(--primary);color:#0b0f19}.btn-primary:hover{background:var(--primary-hover)}.btn-primary:active{transform:translateY(1px)}.btn-secondary{border:1px solid var(--border-color);color:var(--text-primary);background:#ffffff0d}.btn-secondary:hover{background:#ffffff1a;border-color:#ffffff4d}.btn-danger{color:var(--danger);background:#f43f5e1a;border:1px solid #f43f5e33}.btn-danger:hover{background:var(--danger);color:#fff}.form-group{flex-direction:column;gap:6px;margin-bottom:18px;display:flex}.form-label{color:var(--text-secondary);font-size:13px;font-weight:600}.form-input,.form-select,.form-textarea{border:1px solid var(--border-color);font-family:var(--font-sans);color:var(--text-primary);transition:var(--transition-smooth);background:#0f172acc;width:100%;padding:12px;font-size:14px}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--border-focus)}.form-input:disabled,.form-select:disabled,.form-textarea:disabled{opacity:.6;cursor:not-allowed;background:#0f172a66}.badge{text-transform:uppercase;letter-spacing:.5px;padding:4px 10px;font-size:11px;font-weight:700;display:inline-flex}.modal-overlay{z-index:1000;background:#050810d9;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal-content{background:var(--bg-secondary);border:1px solid var(--border-color);width:100%;max-width:550px;overflow:hidden}@media (max-width:768px){.glass-card{padding:16px}.btn{width:100%}}.grid-cols-2{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}@media (max-width:640px){.grid-cols-2{grid-template-columns:1fr}}.main-dashboard-grid{grid-template-columns:1fr 2fr;align-items:start;gap:32px;display:grid}.mobile-sidebar-container{flex-direction:column;gap:32px;display:flex}.mobile-sidebar-backdrop{z-index:998;background:#050810b3;display:none;position:fixed;inset:0}.mobile-menu-btn{display:none!important}.dashboard-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;gap:24px;padding-bottom:24px;display:flex}.dashboard-title-area{flex-direction:column;gap:4px;display:flex}.dashboard-actions-area{align-items:center;gap:12px;display:flex}@media (max-width:1024px){.main-dashboard-grid{grid-template-columns:1fr;gap:24px}.mobile-menu-btn{display:inline-flex!important}.mobile-sidebar-container{background:var(--bg-secondary);border-right:1px solid var(--border-color);z-index:999;width:320px;max-width:85vw;padding:24px 16px;transition:transform .25s cubic-bezier(.4,0,.2,1);position:fixed;top:0;bottom:0;left:0;overflow-y:auto;transform:translate(-100%);box-shadow:10px 0 30px #0009}.mobile-sidebar-container.open{transform:translate(0)}.mobile-sidebar-backdrop.open{display:block}.mobile-sidebar-close-header{display:flex!important}}@media (max-width:768px){.dashboard-header{flex-direction:column;align-items:stretch;gap:16px}.dashboard-actions-area{grid-template-columns:1fr 1fr;gap:12px;width:100%;display:grid}}