@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@400;500;600;700;800&display=swap";:root{--bg-color:224 71% 4%;--fg-color:213 31% 91%;--header-fg:#fff;--card-bg:224 71% 7%;--card-fg:210 40% 98%;--card-hover-bg:223 64% 10%;--panel-bg:#0a0c16bf;--primary-color:250 84% 54%;--primary-glow:#6366f126;--primary-hover:250 84% 62%;--secondary-color:215 20% 18%;--secondary-hover:215 20% 24%;--muted:215 16% 58%;--border-color:216 34% 15%;--input-bg:224 71% 5%;--input-fg:#fff;--success-color:150 60% 45%;--success-bg:150 60% 8%;--success-glow:#10b98114;--warning-color:35 75% 45%;--warning-bg:35 75% 6%;--danger-color:350 70% 50%;--danger-bg:350 70% 8%;--danger-glow:#ef444414;--border-radius-sm:8px;--border-radius-md:14px;--border-radius-lg:20px;--transition-smooth:all .25s cubic-bezier(.4, 0, .2, 1);--shadow-color:#0006}body.light-mode{--bg-color:210 20% 98%;--fg-color:222 47% 12%;--header-fg:#0f172a;--card-bg:0 0% 100%;--card-fg:222 47% 12%;--card-hover-bg:210 20% 95%;--panel-bg:#fffffff2;--primary-color:250 84% 54%;--primary-glow:#6366f114;--primary-hover:250 84% 46%;--secondary-color:210 20% 91%;--secondary-hover:210 20% 85%;--muted:215 16% 45%;--border-color:210 20% 86%;--input-bg:0 0% 100%;--input-fg:#0f172a;--shadow-color:#0f172a14}.icon-svg{stroke:currentColor;stroke-width:2px;fill:none;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle;flex-shrink:0;width:16px;height:16px;display:inline-block}.icon-svg-lg{stroke:currentColor;stroke-width:2px;fill:none;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle;flex-shrink:0;width:20px;height:20px;display:inline-block}*{box-sizing:border-box;margin:0;padding:0}body{background-color:hsl(var(--bg-color));color:hsl(var(--fg-color));-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.5;transition:background-color .3s,color .3s;overflow-x:hidden}h1,h2,h3,h4,h5,h6{color:var(--header-fg);font-family:Outfit,sans-serif;font-weight:600;transition:color .3s}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:hsl(var(--bg-color))}::-webkit-scrollbar-thumb{background:hsl(var(--secondary-color));transition:var(--transition-smooth);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:hsl(var(--primary-color))}.glass-panel{background:var(--panel-bg);-webkit-backdrop-filter:blur(16px);border:1px solid hsl(var(--border-color));border-radius:var(--border-radius-md);box-shadow:0 8px 32px 0 var(--shadow-color);transition:background-color .3s,border-color .3s,box-shadow .3s}.gradient-text{background:linear-gradient(135deg,#a78bfa 0%,#8b5cf6 50%,#6366f1 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}input,select,textarea{background-color:hsl(var(--input-bg));border:1px solid hsl(var(--border-color));color:var(--input-fg);border-radius:var(--border-radius-sm);transition:var(--transition-smooth);outline:none;padding:10px 14px;font-family:inherit;font-size:14px}input:focus,select:focus,textarea:focus{border-color:hsl(var(--primary-color));box-shadow:0 0 0 3px var(--primary-glow)}input::placeholder,textarea::placeholder{color:hsl(var(--muted));opacity:.7}button{cursor:pointer;border-radius:var(--border-radius-sm);transition:var(--transition-smooth);border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:10px 18px;font-family:Outfit,sans-serif;font-size:14px;font-weight:500;display:inline-flex}.btn-primary{background-color:hsl(var(--primary-color));color:#fff;box-shadow:0 4px 14px var(--primary-glow)}.btn-primary:hover{background-color:hsl(var(--primary-hover));transform:translateY(-1px);box-shadow:0 6px 20px #8b5cf64d}.btn-primary:active{transform:translateY(0)}.btn-secondary{background-color:hsl(var(--secondary-color));color:hsl(var(--fg-color));border:1px solid hsl(var(--border-color))}.btn-secondary:hover{background-color:hsl(var(--secondary-hover));color:#fff}.btn-danger{color:hsl(var(--danger-color));background-color:#ef44441a;border:1px solid #ef444433}.btn-danger:hover{background-color:hsl(var(--danger-color));color:#fff;box-shadow:0 4px 14px var(--danger-glow);transform:translateY(-1px)}.btn-success{color:#10b981;background-color:#10b9811a;border:1px solid #10b98133}.btn-success:hover{color:#fff;box-shadow:0 4px 14px var(--success-glow);background-color:#10b981;transform:translateY(-1px)}.hover-lift{transition:var(--transition-smooth)}.hover-lift:hover{transform:translateY(-3px);box-shadow:0 12px 24px -10px #00000080}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:.4s forwards fadeIn}#root{flex-direction:column;width:100%;min-height:100vh;display:flex}.btn-nav{color:hsl(var(--fg-color));border-radius:var(--border-radius-sm);transition:var(--transition-smooth);cursor:pointer;background-color:#0000;border:1px solid #0000;padding:8px 16px;font-size:14px;font-weight:600}.btn-nav:hover{background-color:hsl(var(--secondary-color));color:var(--header-fg)}.btn-nav.active{background-color:hsl(var(--primary-color));color:#fff;box-shadow:0 4px 12px var(--primary-glow)}.app-container{flex-direction:column;gap:24px;width:100%;max-width:1300px;margin:0 auto;padding:24px 16px;animation:.5s ease-out fadeIn;display:flex}.main-header{border-bottom:1px solid hsl(var(--border-color));background-color:hsl(var(--card-bg));z-index:100;transition:var(--transition-smooth);justify-content:space-between;align-items:center;padding:12px 24px;display:flex;position:sticky;top:0}.brand{align-items:center;gap:12px;display:flex}.logo-icon{font-size:32px}.brand h1{letter-spacing:-.5px;font-size:26px;font-weight:700}.header-nav{gap:4px;display:flex}.header-actions{align-items:center;gap:14px;display:flex}.dashboard-grid{grid-template-columns:1fr;gap:24px;display:grid}@media (width>=1024px){.dashboard-grid{grid-template-columns:320px 1fr;align-items:start}}.main-content{flex-direction:column;flex:1;gap:24px;padding:24px;display:flex}.menu-toggle{color:var(--header-fg);cursor:pointer;transition:var(--transition-smooth);background:0 0;border:none;outline:none;padding:4px 8px;font-size:24px;display:none}.menu-toggle:hover{transform:scale(1.1)}.btn-text{display:inline}@media (width<=820px){.main-header{position:relative;flex-direction:row!important;justify-content:space-between!important;align-items:center!important;padding:10px 16px!important}.menu-toggle{display:block;order:1!important}.brand{order:2!important}.header-actions{border-top:none!important;order:3!important;gap:8px!important;padding-top:0!important}.user-name-header{display:none!important}.header-nav{display:none}.header-nav.open{background-color:var(--panel-bg);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid hsl(var(--border-color));z-index:100;flex-direction:column;gap:6px;padding:12px;display:flex;position:absolute;top:100%;left:0;right:0;box-shadow:0 10px 25px #0006;align-items:flex-start!important}.btn-nav{align-items:center;gap:8px;width:100%;padding:10px 16px;display:flex;text-align:left!important;justify-content:flex-start!important}}@media (width<=768px){.main-content{gap:16px;padding:16px 12px}.flex-wrap-mobile{flex-direction:column!important;align-items:stretch!important}.width-full-mobile{width:100%!important;max-width:100%!important}.gap-mobile-sm{gap:8px!important}.button-group-mobile{flex-wrap:wrap!important;justify-content:flex-start!important}.glass-panel h4{text-align:left!important;width:100%!important;margin-bottom:8px!important}.btn-text{display:none!important}.btn-primary,.btn-secondary,.btn-danger{border-radius:var(--border-radius-sm);padding:8px 12px!important;font-size:13px!important}}