@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800;900&display=swap";:root{--brand-blue:#1d4ed8;--brand-deep:#1e3a8a;--brand-glow:#2563eb26;--bg-dark:#0f172a;--bg-primary:#f8fafc;--bg-secondary:#fff;--bg-card:#fff;--text-main:#0f172a;--text-dim:#64748b;--text-muted:#94a3b8;--border-subtle:#f1f5f9;--border-main:#e2e8f0;--success-glow:#10b981;--danger-glow:#ef4444;--warning-glow:#f59e0b;--radius-xl:32px;--radius-lg:24px;--radius-md:16px}*{box-sizing:border-box;-webkit-font-smoothing:antialiased;margin:0;padding:0;font-family:Outfit,sans-serif}body{background:var(--bg-primary);color:var(--text-main);overflow-x:hidden}.app-container{min-height:100vh;display:flex}.sidebar{background:var(--bg-secondary);border-right:1px solid var(--border-main);z-index:1000;flex-direction:column;width:280px;height:100vh;padding:40px 24px;display:flex;position:fixed;top:0;left:0;box-shadow:10px 0 30px #00000003}.main-content{flex:1;width:calc(100vw - 280px);min-height:100vh;margin-left:280px;padding:40px;animation:.6s cubic-bezier(.19,1,.22,1) pageEnter}.luxury-card{background:var(--bg-secondary);border:1px solid var(--border-main);border-radius:var(--radius-lg);padding:32px;transition:all .4s cubic-bezier(.19,1,.22,1);position:relative;overflow:hidden;box-shadow:0 10px 40px -15px #0000000d}.luxury-card:hover{border-color:var(--brand-glow);transform:translateY(-8px)scale(1.01);box-shadow:0 30px 60px -12px #1e3a8a14}.page-title{letter-spacing:-2.5px;color:var(--brand-deep);font-size:42px;font-weight:900;line-height:.9}.page-subtitle{color:var(--text-dim);margin-top:12px;font-size:16px;font-weight:500}.btn-sovereign{background:linear-gradient(135deg, var(--brand-blue), #2563eb);color:#fff;border-radius:var(--radius-md);cursor:pointer;border:none;align-items:center;gap:12px;padding:16px 32px;font-weight:800;transition:all .3s;display:flex;box-shadow:0 12px 24px -8px #2563eb66}.btn-sovereign:hover{transform:translateY(-3px);box-shadow:0 20px 40px -10px #2563eb80}input,select{border-radius:var(--radius-md);border:1px solid var(--border-main);background:#fcfdfe;width:100%;padding:16px;font-size:15px;font-weight:600;transition:all .2s}input:focus{border-color:var(--brand-blue);box-shadow:0 0 0 4px var(--brand-glow);background:#fff;outline:none}@keyframes pageEnter{0%{opacity:0;filter:blur(10px);transform:translateY(20px)}to{opacity:1;filter:blur();transform:translateY(0)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (width<=1024px){.sidebar{transform:translate(-100%)}.main-content{width:100%;margin-left:0;padding:24px}}
