@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap";:root{--bg-color: #f8fafc;--bg-sidebar: #ffffff;--bg-card: #ffffff;--text-primary: #0f172a;--text-secondary: #475569;--accent-color: #3b82f6;--accent-hover: #2563eb;--border-color: #e2e8f0;--glass-bg: rgba(255, 255, 255, .7);--glass-border: rgba(255, 255, 255, .2);--shadow-sm: 0 1px 3px rgba(0,0,0,.05);--shadow-md: 0 4px 6px -1px rgba(0,0,0,.05), 0 2px 4px -1px rgba(0,0,0,.03)}[data-theme=dark]{--bg-color: #0f172a;--bg-sidebar: #1e293b;--bg-card: #1e293b;--text-primary: #f8fafc;--text-secondary: #94a3b8;--accent-color: #60a5fa;--accent-hover: #3b82f6;--border-color: #334155;--glass-bg: rgba(30, 41, 59, .7);--glass-border: rgba(255, 255, 255, .1)}[data-theme=cream]{--bg-color: #fdfbf7;--bg-sidebar: #f5f0e6;--bg-card: #ffffff;--text-primary: #4a4036;--text-secondary: #8c7e6c;--accent-color: #d4a373;--accent-hover: #bc8a5f;--border-color: #e8dfd5;--glass-bg: rgba(253, 251, 247, .8);--glass-border: rgba(212, 163, 115, .2)}[data-theme=pink]{--bg-color: #fff0f3;--bg-sidebar: #ffe4e8;--bg-card: #ffffff;--text-primary: #590d22;--text-secondary: #a4133c;--accent-color: #ff4d6d;--accent-hover: #c9184a;--border-color: #ffccd5;--glass-bg: rgba(255, 255, 255, .6);--glass-border: rgba(255, 77, 109, .2)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Outfit,sans-serif;background-color:var(--bg-color);color:var(--text-primary);transition:background-color .4s ease,color .4s ease;min-height:100vh;margin:0;-webkit-font-smoothing:antialiased}button{cursor:pointer;font-family:inherit;border:none;background:none}input,textarea{font-family:inherit}.glass-panel{background:var(--glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);box-shadow:var(--shadow-md);border-radius:16px}.animate-fade-in{animation:fadeIn .4s ease forwards}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.app-layout{display:flex;min-height:100vh;width:100%}.sidebar-container{width:280px;height:100vh;position:fixed;background:var(--bg-sidebar);border-right:1px solid var(--border-color);padding:24px;display:flex;flex-direction:column;z-index:1000;transition:transform .3s cubic-bezier(.4,0,.2,1)}.sidebar-overlay{display:none;position:fixed;inset:0;background:#00000080;z-index:999;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.main-content{flex:1;margin-left:280px;padding:48px;overflow-y:auto;background:var(--bg-color);transition:margin-left .3s ease,padding .3s ease;min-height:100vh}.mobile-only{display:none!important}.desktop-only{display:flex!important}@media(max-width:768px){.sidebar-container{transform:translate(-100%);box-shadow:none}.sidebar-container.open{transform:translate(0);box-shadow:4px 0 24px #0000001a}.sidebar-overlay.open{display:block;animation:fadeIn .3s ease}.main-content{margin-left:0;padding:24px 16px}.mobile-only{display:flex!important}.desktop-only{display:none!important}h1{font-size:2rem!important}}