@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap";:root{--bg-color: #0b0c10;--surface-color: rgba(22, 24, 29, .4);--surface-hover: rgba(35, 40, 48, .6);--text-primary: #ffffff;--text-secondary: #d1d5db;--accent-color: #3b82f6;--accent-glow: rgba(59, 130, 246, .5);--accent-hover: #60a5fa;--success-color: #10b981;--warning-color: #f59e0b;--danger-color: #ef4444;--border-color: rgba(255, 255, 255, .08);--font-family: "Outfit", -apple-system, BlinkMacSystemFont, sans-serif;--glass-bg: rgba(20, 22, 28, .35);--glass-border: rgba(255, 255, 255, .1);--glass-shadow: 0 8px 32px 0 rgba(0, 0, 0, .37);--transition: all .3s cubic-bezier(.25, .8, .25, 1);--input-bg: rgba(15, 23, 42, .6);--input-bg-focus: rgba(15, 23, 42, .8);--scrollbar-thumb: rgba(255, 255, 255, .1);--scrollbar-thumb-hover: rgba(255, 255, 255, .2);--card-shimmer: rgba(255, 255, 255, .03);--overlay-bg: rgba(0, 0, 0, .6);--subtle-bg: rgba(255, 255, 255, .05);--subtle-bg-2: rgba(255, 255, 255, .02);--subtle-bg-3: rgba(255, 255, 255, .1);--subtle-bg-4: rgba(255, 255, 255, .04);--table-header-bg: rgba(0, 0, 0, .2);--tooltip-bg: rgba(11, 12, 16, .9);--hover-bg: rgba(255, 255, 255, .03);--kbd-bg: rgba(255, 255, 255, .1)}[data-theme=light]{--bg-color: #f0f2f5;--surface-color: rgba(255, 255, 255, .7);--surface-hover: rgba(235, 238, 245, .8);--text-primary: #1a1a2e;--text-secondary: #4b5563;--accent-color: #2563eb;--accent-glow: rgba(37, 99, 235, .3);--accent-hover: #3b82f6;--success-color: #059669;--warning-color: #d97706;--danger-color: #dc2626;--border-color: rgba(0, 0, 0, .1);--glass-bg: rgba(255, 255, 255, .5);--glass-border: rgba(0, 0, 0, .08);--glass-shadow: 0 8px 32px 0 rgba(0, 0, 0, .08);--input-bg: rgba(255, 255, 255, .8);--input-bg-focus: rgba(255, 255, 255, .95);--scrollbar-thumb: rgba(0, 0, 0, .15);--scrollbar-thumb-hover: rgba(0, 0, 0, .25);--card-shimmer: rgba(0, 0, 0, .02);--overlay-bg: rgba(0, 0, 0, .4);--subtle-bg: rgba(0, 0, 0, .04);--subtle-bg-2: rgba(0, 0, 0, .02);--subtle-bg-3: rgba(0, 0, 0, .06);--subtle-bg-4: rgba(0, 0, 0, .03);--table-header-bg: rgba(0, 0, 0, .04);--tooltip-bg: rgba(255, 255, 255, .95);--hover-bg: rgba(0, 0, 0, .03);--kbd-bg: rgba(0, 0, 0, .08)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background-color:var(--bg-color);background-image:radial-gradient(circle at 15% 50%,rgba(59,130,246,.12),transparent 25%),radial-gradient(circle at 85% 30%,rgba(168,85,247,.12),transparent 25%);background-attachment:fixed;color:var(--text-primary);line-height:1.6;-webkit-font-smoothing:antialiased;min-height:100vh;transition:background-color .3s ease,color .3s ease}[data-theme=light] body{background-image:radial-gradient(circle at 15% 50%,rgba(59,130,246,.06),transparent 25%),radial-gradient(circle at 85% 30%,rgba(168,85,247,.06),transparent 25%)}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit}.glass{background:var(--glass-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);border-radius:16px}.card{background:var(--surface-color);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:16px;border:1px solid var(--border-color);box-shadow:0 4px 15px #0003;transition:var(--transition);position:relative;overflow:hidden}.card:before{content:"";position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(to right,transparent,var(--card-shimmer),transparent);transform:skew(-20deg);transition:.5s}.card:hover:before{left:150%}.card:hover{transform:translateY(-4px);box-shadow:0 12px 25px #0006;border-color:#ffffff26}.btn-primary{background:linear-gradient(135deg,var(--accent-color),#2563eb);color:#fff;border:none;padding:.6rem 1.25rem;border-radius:10px;font-weight:500;transition:var(--transition);box-shadow:0 4px 15px var(--accent-glow);position:relative;overflow:hidden}.btn-primary:after{content:"";position:absolute;top:-50%;right:-50%;bottom:-50%;left:-50%;background:linear-gradient(to bottom,#fff0,#fff3 50%,#fff0);transform:rotate(45deg) translate(-1.5em,-3em);transition:transform .6s}.btn-primary:hover:after{transform:rotate(45deg) translate(2em,3em)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px var(--accent-glow)}.input-field{width:100%;padding:.8rem 1.25rem;background-color:var(--input-bg);border:1px solid var(--border-color);border-radius:10px;color:var(--text-primary);font-family:var(--font-family);transition:var(--transition)}.input-field:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 4px #3b82f626;background-color:var(--input-bg-focus)}.nav-link{position:relative;overflow:hidden}.nav-link:hover{background-color:var(--surface-hover)!important;color:var(--text-primary)!important;transform:translate(4px)}.nav-link.active{background:linear-gradient(90deg,rgba(59,130,246,.2),transparent)!important;border-left:3px solid var(--accent-color);color:var(--accent-color)!important;font-weight:600}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .4s ease-out forwards}aside nav::-webkit-scrollbar{width:5px}aside nav::-webkit-scrollbar-track{background:transparent}aside nav::-webkit-scrollbar-thumb{background:#ffffff40;border-radius:4px}aside nav::-webkit-scrollbar-thumb:hover{background:#fff6}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}