:root{--background-light:#fafafa;--sidebar-bg-light:#f5f5f5;--text-primary-light:#1a1a1a;--text-secondary-light:#6b6b6b;--border-color-light:#e0e0e0;--accent-color-light:#4caf50;--accent-hover-light:#45a049;--card-bg-light:#fff;--input-bg-light:#fff;--hover-bg-light:#f0f0f0;--background-dark:#2c2c2c;--sidebar-bg-dark:#1f1f1f;--text-primary-dark:#e8e8e8;--text-secondary-dark:#a8a8a8;--border-color-dark:#3f3f3f;--accent-color-dark:#66bb6a;--accent-hover-dark:#81c784;--card-bg-dark:#252525;--input-bg-dark:#333;--hover-bg-dark:#353535;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:12px;--spacing-lg:16px;--spacing-xl:24px;--spacing-2xl:32px;--spacing-3xl:48px;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-full:9999px;--transition-fast:.15s ease;--transition-base:.25s ease;--transition-slow:.35s ease;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a}*{box-sizing:border-box}body{background-color:var(--background);color:var(--text-primary);transition:background-color var(--transition-base),color var(--transition-base);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}body[data-theme=light]{--background:var(--background-light);--sidebar-bg:var(--sidebar-bg-light);--text-primary:var(--text-primary-light);--text-secondary:var(--text-secondary-light);--border-color:var(--border-color-light);--accent-color:var(--accent-color-light);--accent-hover:var(--accent-hover-light);--card-bg:var(--card-bg-light);--input-bg:var(--input-bg-light);--hover-bg:var(--hover-bg-light)}body[data-theme=dark]{--background:var(--background-dark);--sidebar-bg:var(--sidebar-bg-dark);--text-primary:var(--text-primary-dark);--text-secondary:var(--text-secondary-dark);--border-color:var(--border-color-dark);--accent-color:var(--accent-color-dark);--accent-hover:var(--accent-hover-dark);--card-bg:var(--card-bg-dark);--input-bg:var(--input-bg-dark);--hover-bg:var(--hover-bg-dark)}h1,h2,h3,h4,h5,h6,p{margin:0;padding:0}ul,ol{margin:0;padding:0;list-style:none}button{cursor:pointer;background:0 0;border:none;padding:0;font-family:inherit}input,textarea{font-family:inherit}a{color:inherit;text-decoration:none}.main-layout{background-color:var(--background);flex-direction:column;width:100vw;height:100vh;display:flex;overflow:hidden}.content-wrapper{flex:1;height:calc(100vh - 73px);display:flex;position:relative;overflow:hidden}.main-content{flex-direction:column;flex:1;width:100%;display:flex;position:relative;overflow-y:auto}.sidebar{background-color:var(--sidebar-bg);border-right:1px solid var(--border-color);z-index:50;flex-direction:column;height:100%;transition:transform .3s cubic-bezier(.4,0,.2,1),width .3s;display:flex}.sidebar-backdrop{z-index:40;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:#00000080;display:none;position:fixed;inset:73px 0 0}.responsive-grid{gap:var(--spacing-lg);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));display:grid}@media (max-width:768px){.content-wrapper{height:calc(100vh - 64px)}.sidebar{box-shadow:var(--shadow-lg);position:absolute;top:0;bottom:0;left:0;transform:translate(-100%);width:280px!important}.sidebar.open{transform:translate(0)}.sidebar-backdrop.open{display:block}.responsive-grid{gap:var(--spacing-md);grid-template-columns:1fr}.dashboard-content{padding:var(--spacing-md)!important}.dashboard-header{align-items:flex-start;gap:var(--spacing-md);flex-direction:column}.mobile-menu-btn{display:flex!important}.desktop-only{display:none!important}}@media (min-width:769px) and (max-width:1024px){.responsive-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}}.prose{color:var(--text-secondary);max-width:100%;margin:0 auto;font-family:Inter,system-ui,-apple-system,sans-serif;font-size:1rem;line-height:1.7}.prose img{max-width:100%;height:auto;box-shadow:var(--shadow-md);border-radius:12px;margin:2em 0;display:block}.prose h1,.prose h2,.prose h3,.prose h4{color:var(--text-primary);letter-spacing:-.02em;margin-top:2em;margin-bottom:.8em;font-weight:700;line-height:1.3}.prose h1{background:linear-gradient(135deg,var(--text-primary)0%,var(--accent-color)100%);-webkit-text-fill-color:transparent;border-bottom:1px solid var(--border-color);-webkit-background-clip:text;margin-top:.5em;padding-bottom:.5em;font-size:2.2em;font-weight:800}.prose h2{color:var(--text-primary);border-left:4px solid var(--accent-color);align-items:center;gap:.5em;padding-left:12px;font-size:1.6em;display:flex}.prose h3{color:var(--text-primary);opacity:.95;font-size:1.3em}.prose p{color:var(--text-secondary);text-align:left;margin-bottom:1.5em;font-weight:400}.prose strong{color:var(--text-primary);font-weight:700}.prose em{color:var(--accent-color);font-style:italic}.prose ul,.prose ol{flex-direction:column;gap:.8em;margin:1.5em 0;padding-left:0;list-style:none;display:flex}.prose li{color:var(--text-secondary);padding-left:1.5em;line-height:1.6;position:relative}.prose ul li:before{content:"•";color:var(--accent-color);font-size:1.2em;font-weight:700;position:absolute;top:-.1em;left:0}.prose ol{counter-reset:item}.prose ol li{padding-left:2em}.prose ol li:before{content:counter(item)".";counter-increment:item;color:var(--accent-color);font-weight:600;position:absolute;top:0;left:0}.prose .card-list li{background:var(--card-bg);border:1px solid var(--border-color);border-radius:8px;padding:1em}.prose blockquote{background:var(--hover-bg);border-left:4px solid var(--accent-color);color:var(--text-primary);border-radius:0 8px 8px 0;margin:2em 0;padding:1em 1.5em;font-style:italic;position:relative}.prose a{color:var(--accent-color);border-bottom:1px solid #0000;font-weight:500;text-decoration:none;transition:border-color .2s}.prose a:hover{border-bottom-color:var(--accent-color)}.prose pre{background:var(--sidebar-bg);border:1px solid var(--border-color);border-radius:8px;margin:1.5em 0;padding:1em;font-size:.9em;overflow-x:auto}.prose code{color:var(--accent-color);background:var(--hover-bg);border-radius:4px;padding:.2em .4em;font-family:Fira Code,monospace;font-size:.9em}.prose pre code{color:inherit;background:0 0;padding:0}.prose hr{border:0;border-top:1px solid var(--border-color);margin:3em 0}