@import"https://fonts.googleapis.com/css2?family=Outfit:wght@400;600;700;800;900&family=Inter:wght@400;500;600;700&family=Press+Start+2P&display=swap";.font-press-start{font-family:"Press Start 2P",cursive}:root{--primary: #4F46E5;--primary-hover: #4338CA;--secondary: #7C3AED;--success: #10B981;--warning: #F59E0B;--error: #EF4444;--background: #F8FAFC;--foreground: #0F172A;--card-bg: #FFFFFF;--card-border: #E2E8F0;--text-main: #0F172A;--text-secondary: #475569;--text-muted: #94A3B8;--nav-bg: rgba(255, 255, 255, .85);--input-bg: #F1F5F9;--glow: rgba(79, 70, 229, .1);--radius: 1.25rem}.dark-mode{--background: #0F172A;--foreground: #F8FAFC;--card-bg: #1E293B;--card-border: rgba(255, 255, 255, .08);--text-main: #F8FAFC;--text-secondary: #94A3B8;--text-muted: #64748B;--nav-bg: rgba(15, 23, 42, .9);--input-bg: rgba(30, 41, 59, .5);--glow: rgba(79, 70, 229, .2)}.valentine-mode{--primary: #FF4D6D;--primary-hover: #C9184A;--secondary: #FF85A1;--background: #FFF0F3;--foreground: #590D22;--card-bg: #FFFFFF;--card-border: #FFB3C1;--text-main: #590D22;--text-secondary: #800F2F;--text-muted: #A4133C;--nav-bg: rgba(255, 240, 243, .9);--input-bg: #FFF5F7;--glow: rgba(255, 77, 109, .2)}.valentine-mode .heart-background{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1000;overflow:hidden}.heart-particle{position:absolute;color:#ff4d6d;filter:drop-shadow(0 0 5px rgba(255,77,109,.4));font-size:20px;animation:float-heart linear infinite;-webkit-user-select:none;user-select:none}@keyframes float-heart{0%{transform:translateY(110vh) rotate(0);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(-10vh) rotate(360deg);opacity:0}}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}body{margin:0;padding:0;font-family:Inter,sans-serif;background-color:var(--background);color:var(--text-main);transition:background-color .3s ease,color .3s ease;height:100%;overflow-y:auto;-webkit-font-smoothing:antialiased}h1,h2,h3,h4,h5,h6{font-family:Outfit,sans-serif;letter-spacing:-.02em}.glass-card{background:var(--card-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--card-border);border-radius:var(--radius);transition:all .4s cubic-bezier(.4,0,.2,1)}.glass-card:hover{border-color:var(--primary);box-shadow:0 20px 40px -12px #0000001a;transform:translateY(-2px)}.btn-primary{background:var(--primary);color:#fff!important;border:none;border-radius:100px;padding:12px 28px;font-weight:700;font-family:Outfit,sans-serif;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:10px;box-shadow:0 10px 15px -3px #4f46e54d}.btn-primary:hover{background:var(--primary-hover);transform:translateY(-1px);box-shadow:0 15px 25px -5px #4f46e566}.app-layout{display:flex;min-height:100vh}.main-content{flex:1;display:flex;flex-direction:column;min-width:0;transition:margin-left .3s cubic-bezier(.4,0,.2,1)}@media(min-width:1025px){.main-content{margin-left:280px}}@media(max-width:1024px){.main-content{margin-left:0;padding-bottom:80px}}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#0000001a;border-radius:10px}.dark-mode ::-webkit-scrollbar-thumb{background:#ffffff1a}.sidebar{position:fixed;top:0;left:0;height:100vh;width:280px;background:var(--nav-bg);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-right:1px solid var(--card-border);display:flex;flex-direction:column;padding:40px 20px;z-index:1000;transition:transform .3s cubic-bezier(.4,0,.2,1)}.sidebar-header{margin-bottom:40px;padding:0 12px;display:flex;align-items:center;gap:12px}.sidebar-logo{font-family:Outfit,sans-serif;font-size:20px;font-weight:900;color:var(--text-main);letter-spacing:-.5px}.sidebar-nav{display:flex;flex-direction:column;gap:4px;flex:1;overflow-y:auto;scrollbar-width:none}.sidebar-nav::-webkit-scrollbar{display:none}.sidebar-item{display:flex;align-items:center;gap:12px;padding:10px 16px;border-radius:12px;border:1px solid transparent;background:transparent;color:var(--text-secondary);font-weight:600;font-size:14px;cursor:pointer;transition:all .2s ease;width:100%;text-align:left}.sidebar-item:hover{background:#00000008;color:var(--text-main)}.dark-mode .sidebar-item:hover{background:#ffffff0d}.sidebar-item.active{background:var(--primary);color:#fff}.sidebar-footer{margin-top:auto;padding-top:24px;border-top:1px solid var(--card-border)}@media(max-width:1024px){.sidebar{transform:translate(-100%)}.sidebar.open{transform:translate(0);box-shadow:20px 0 50px #0003}}
