@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap";
:root{--bg-primary:#0a0e17;--bg-secondary:#111625;--bg-card:#1a2133;--text-primary:#fff;--text-secondary:#94a3b8;--text-muted:#64748b;--accent-primary:#6366f1;--accent-glow:#6366f180;--success:#10b981;--danger:#ef4444;--warning:#f59e0b;--border-color:#2e364f;--font-main:"Outfit",sans-serif}.card{-webkit-backdrop-filter:blur(12px);background:#1a213399;border:1px solid #ffffff14;border-radius:16px;padding:1.5rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.glass{-webkit-backdrop-filter:blur(16px);background:#111625b3;border-bottom:1px solid #ffffff0d}.input{border:1px solid var(--border-color);color:#fff;width:100%;font-family:var(--font-main);background:#11162599;border-radius:8px;padding:.75rem;transition:all .2s}.input:focus{border-color:var(--accent-primary);box-shadow:0 0 0 2px var(--accent-glow);background:#111625e6;outline:none}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0;overflow-x:hidden}*{box-sizing:border-box;margin:0;padding:0}a{color:inherit;text-decoration:none}@media (prefers-color-scheme:dark){html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}.container{width:100%;margin:0 auto;padding:0 2rem}.btn{cursor:pointer;font-size:.875rem;font-weight:500;font-family:var(--font-main);color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:10px;align-items:center;gap:.5rem;padding:.625rem 1.25rem;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex;position:relative;overflow:hidden;box-shadow:0 4px 12px #6366f14d}.btn:before{content:"";opacity:0;background:linear-gradient(135deg,#8b5cf6,#6366f1);transition:opacity .3s;position:absolute;inset:0}.btn:hover:before{opacity:1}.btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #6366f166}.btn:active{transform:translateY(0)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn>*{z-index:1;position:relative}.btn-danger{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 4px 12px #ef44444d}.btn-danger:before{background:linear-gradient(135deg,#dc2626,#b91c1c)}.btn-danger:hover{box-shadow:0 8px 20px #ef444466}.btn-success{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 12px #10b9814d}.btn-success:before{background:linear-gradient(135deg,#059669,#047857)}.btn-success:hover{box-shadow:0 8px 20px #10b98166}.btn-secondary{background:linear-gradient(135deg,#475569,#334155);box-shadow:0 4px 12px #4755694d}.btn-secondary:before{background:linear-gradient(135deg,#334155,#1e293b)}.btn-secondary:hover{box-shadow:0 8px 20px #47556966}.btn-warning{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 4px 12px #f59e0b4d}.btn-warning:before{background:linear-gradient(135deg,#d97706,#b45309)}.btn-warning:hover{box-shadow:0 8px 20px #f59e0b66}.md\:hidden{display:block}@media (min-width:768px){.md\:hidden{display:none}}.sidebar-wrapper{background-color:var(--bg-secondary);border-right:1px solid var(--border-color);z-index:50;width:250px;height:100vh;transition:transform .3s cubic-bezier(.4,0,.2,1);position:fixed;top:0;left:0;transform:translate(-100%)}.sidebar-wrapper.open{transform:translate(0)}.sidebar-wrapper.collapsed{transform:translate(-100%)}@media (min-width:768px){.sidebar-wrapper{z-index:10;position:fixed;transform:none}}.sidebar-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:40;background:#00000080;animation:.2s fadeIn;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.main-content-wrapper{flex:1;width:100%;min-height:100vh;margin-left:0;transition:margin-left .3s}@media (min-width:768px){.main-content-wrapper{margin-left:250px}.main-content-wrapper.full-width{margin-left:0}}.sidebar-nav{flex-direction:column;height:100%;padding:2rem 1rem;display:flex;overflow-y:auto}