:root{--bg:#ffffff;--text:black;--card-bg:#ffffff;--border:#e2e8f0;--card-shadow:rgba(0,0,0,0.05);--card-shadow-hover:rgba(0,0,0,0.1) --button-shadow:rgba(0,0,0,0.08)}body.dark{--bg:#374151;--text:#f3f4f6;--card-bg:#374151;--border:#10b981;--card-shadow:rgba(255,255,255,0.1);--card-shadow-hover:rgba(255,255,255,0.2);--button-shadow:rgba(255,255,255,0.1)}body{background:var(--bg);transition:background-color .5s ease,color .5s ease;margin:0;font-family:system-ui,sans-serif}.card,.header,.layout,.page-content{background-color:var(--card-bg);color:var(--text);border-color:var(--border);transition:background-color .5s ease,color .5s ease,border-color .5s ease}.layout{display:flex;flex-direction:column;min-height:100vh}.header{display:flex;justify-content:space-between;align-items:center;background:var(--bg);padding:1rem 2rem}.header,.theme-toggle{color:var(--text);border:none}.theme-toggle{background:none;font-size:1.5rem;cursor:pointer;margin-right:.75em}.page-content{padding:2rem}body,html{max-width:100vw;overflow-x:hidden}body{background-color:var(--bg);color:var(--text);font-family:Segoe UI,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box;padding:0;margin:0}a{color:inherit;text-decoration:none}@media (prefers-color-scheme:dark){html{color-scheme:dark}}