@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";
@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&display=swap";
:root{--color-primary:#a855f7;--color-primary-rgb:168,85,247;--color-secondary:#06b6d4;--color-secondary-rgb:6,182,212;--color-accent:#6366f1;--color-accent-rgb:99,102,241;--color-background:#030712;--color-background-soft:#0b1120;--color-background-card:#0f172a73;--border-color:#ffffff0f;--color-text-main:#f3f4f6;--color-text-light:#9ca3af;--color-text-muted:#6b7280;--color-text-white:#fff;--font-heading:"Outfit",sans-serif;--font-sans:"Inter",sans-serif;--max-width:1280px;--shadow-premium:0 8px 32px 0 #00000073;--shadow-glow:0 0 20px #a855f726;--border-radius-sm:8px;--border-radius-md:12px;--border-radius-lg:16px;--transition-base:all .3s cubic-bezier(.4,0,.2,1)}*{box-sizing:border-box;margin:0;padding:0}html,body{max-width:100vw;font-family:var(--font-sans);color:var(--color-text-main);background-color:var(--color-background);-webkit-font-smoothing:antialiased;background-image:radial-gradient(at 0 0,#6366f11a 0,#0000 50%),radial-gradient(at 100% 0,#06b6d41a 0,#0000 50%),radial-gradient(at 50% 100%,#a855f70d 0,#0000 50%);background-attachment:fixed;font-size:15px;line-height:1.6;overflow-x:hidden}a{color:inherit;text-decoration:none}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:var(--color-text-white);letter-spacing:-.02em;margin-bottom:16px;font-weight:600;line-height:1.2}h1{background:linear-gradient(135deg,#fff 0%,var(--color-text-light)100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:2.5rem;font-weight:800}p{color:var(--color-text-light);margin-bottom:24px}.glass-panel{background:var(--color-background-card);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-color);border-radius:var(--border-radius-md);box-shadow:var(--shadow-premium);transition:var(--transition-base)}.glass-panel:hover{border-color:#ffffff1f;transform:translateY(-2px);box-shadow:0 12px 40px #0000008c,0 0 25px #a855f714}.glass-input{border-radius:var(--border-radius-sm);color:var(--color-text-white);font-family:var(--font-sans);transition:var(--transition-base);background:#0f172a99;border:1px solid #ffffff14;outline:none;width:100%;padding:10px 16px;font-size:.95rem}.glass-input:focus{border-color:var(--color-primary);background:#0f172acc;box-shadow:0 0 0 3px #a855f726}.btn{border-radius:var(--border-radius-sm);font-family:var(--font-heading);cursor:pointer;transition:var(--transition-base);text-align:center;border:none;justify-content:center;align-items:center;gap:8px;padding:10px 24px;font-size:.95rem;font-weight:600;text-decoration:none;display:inline-flex}.btn-primary{background:linear-gradient(135deg,var(--color-primary)0%,var(--color-accent)100%);color:var(--color-text-white);box-shadow:0 4px 14px #a855f740}.btn-primary:hover{filter:brightness(1.1);transform:translateY(-1px);box-shadow:0 6px 20px #a855f759}.btn-outline{color:var(--color-text-white);background:#ffffff05;border:1px solid #ffffff14}.btn-outline:hover{background:#ffffff0d;border-color:#ffffff26;transform:translateY(-1px)}.btn-danger{color:#f87171;background:#ef444426;border:1px solid #ef44444d}.btn-danger:hover{background:#ef444440;border-color:#ef444480;transform:translateY(-1px)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-background)}::-webkit-scrollbar-thumb{border-radius:var(--border-radius-sm);background:#ffffff1a}::-webkit-scrollbar-thumb:hover{background:#fff3}.container{max-width:var(--max-width);margin:0 auto;padding:0 24px}.flex-between{justify-content:space-between;align-items:center;display:flex}.grid-cards{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px;display:grid}.dashboard-container{padding:40px 0}.header-nav{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:40px;display:flex}@media (max-width:768px){.header-nav{flex-direction:column;align-items:stretch}}.glass-panel.modal-panel{-webkit-backdrop-filter:none!important;background:#0c0e17!important;border:1px solid #ffffff1f!important;box-shadow:0 25px 50px -12px #000c!important}select.glass-input option,select.input-field option{color:#fff!important;background-color:#0c0e17!important}