@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;700&display=swap";
:root{--bg-primary:#0a0a0b;--bg-secondary:#121214;--bg-card:#16161a99;--bg-card-hover:#1e1e23cc;--bg-input:#121214;--bg-modal:#0d0d0f;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#64748b;--accent-primary:#e2e8f0;--accent-secondary:#94a3b8;--accent-gradient:linear-gradient(135deg,#f8fafc,#cbd5e1,#94a3b8);--accent-sapphire:#6366f1;--accent-teal:#00d1ff;--accent-glow:0 0 25px #e2e8f01a;--success:#10b981;--danger:#ef4444;--warning:#f59e0b;--info:#00d1ff;--border-color:#e2e8f014;--border-platinum:#e2e8f026;--border-active:#e2e8f066;--radius-sm:12px;--radius-md:20px;--radius-lg:28px;--radius-xl:40px;--radius-full:9999px;--shadow-sm:0 2px 10px #0000004d;--shadow-md:0 10px 40px #0006;--shadow-lg:0 20px 80px #00000080;--shadow-glow:0 0 40px #6366f11a;--glass-blur:blur(25px);--glass-blur-strong:blur(50px);--transition-fast:.25s cubic-bezier(.4,0,.2,1);--transition-base:.4s cubic-bezier(.4,0,.2,1);--transition-slow:.7s cubic-bezier(.4,0,.2,1);--font-sans:"Plus Jakarta Sans","Inter",sans-serif;--font-mono:"JetBrains Mono",monospace}*{box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0}body{background:var(--bg-primary);color:var(--text-primary);font-family:var(--font-sans);min-height:100vh;line-height:1.5;overflow-x:hidden}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.fade-in{animation:fadeIn .8s var(--transition-base)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.sidebar{background:var(--bg-secondary);border-right:1px solid var(--border-color);z-index:1000;width:280px;transition:transform var(--transition-base);flex-direction:column;display:flex;position:fixed;top:0;bottom:0;left:0}.sidebar-brand{align-items:center;gap:16px;padding:40px 32px;display:flex;position:relative}.sidebar-brand-icon{background:var(--accent-gradient);width:40px;height:40px;box-shadow:var(--shadow-sm);border-radius:12px;place-items:center;display:grid}.main-content{min-height:100vh;transition:margin-left var(--transition-base),padding var(--transition-base);margin-left:280px;padding:0 48px 48px}@media (max-width:1024px){.sidebar{width:300px;transform:translate(-100%)}.sidebar.open{transform:translate(0)}.main-content{margin-left:0;padding:0 24px 100px}}.gap-stack{flex-direction:column;gap:32px;display:flex}.page-section{padding-top:10px}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:2000;background:#04070ed9;justify-content:center;align-items:center;padding:24px;animation:.3s modalFadeIn;display:flex;position:fixed;inset:0}.modal-content{background:var(--bg-modal);border:1px solid var(--border-platinum);border-radius:var(--radius-lg);width:100%;max-width:540px;max-height:90vh;box-shadow:var(--shadow-lg),var(--shadow-glow);animation:.4s cubic-bezier(.16,1,.3,1) modalSlideUp;position:relative;overflow-y:auto}.modal-content.wide{max-width:800px}.modal-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;margin-bottom:24px;padding:32px 32px 20px;display:flex}.modal-header h2{letter-spacing:-.01em;color:var(--text-primary);font-size:1.25rem;font-weight:800}.modal-close{border:1px solid var(--border-color);width:36px;height:36px;color:var(--text-muted);cursor:pointer;background:#ffffff08;border-radius:10px;place-items:center;transition:all .2s;display:grid}.modal-close:hover{border-color:var(--text-secondary);color:var(--text-primary)}.luxury-form{padding:0 32px 32px}.form-group{flex-direction:column;gap:8px;margin-bottom:20px;display:flex}.form-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;font-weight:700}.form-input,.form-select{background:var(--bg-input);border:1px solid var(--border-color);color:var(--text-primary);font-family:var(--font-sans);border-radius:12px;padding:14px 16px;font-size:.95rem;transition:all .2s}.form-input:focus,.form-select:focus{border-color:var(--accent-sapphire);outline:none;box-shadow:0 0 0 4px #6366f11a}.form-row{grid-template-columns:1fr 1fr;gap:20px;display:grid}.modal-footer{justify-content:flex-end;gap:16px;margin-top:12px;padding:0 32px 32px;display:flex}.btn-primary-luxe{background:var(--accent-sapphire);color:#fff;cursor:pointer;border:none;border-radius:12px;padding:14px 28px;font-weight:700;transition:all .3s;box-shadow:0 4px 15px #6366f14d}.btn-primary-luxe:hover{background:#4f46e5;transform:translateY(-2px);box-shadow:0 8px 25px #6366f166}.btn-secondary-luxe{border:1px solid var(--border-color);color:var(--text-primary);cursor:pointer;background:#ffffff08;border-radius:12px;padding:14px 28px;font-weight:700;transition:all .3s}.btn-secondary-luxe:hover{border-color:var(--text-secondary);background:#ffffff0f}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width:640px){.form-row{grid-template-columns:1fr}.modal-content{border-radius:20px 20px 0 0;max-height:85vh;position:fixed;bottom:0}.modal-header,.modal-footer,.luxury-form{padding-left:20px;padding-right:20px}}