:root{--bg-light: linear-gradient(135deg, #d6c3ff, #e6ccff);--bg-dark: linear-gradient(135deg, #2c1a4e, #442277);--text-light: #111;--text-dark: #f2f2f2;--accent: #8c52ff}[data-theme=light]{background:var(--bg-light);color:var(--text-light)}[data-theme=dark]{background:var(--bg-dark);color:var(--text-dark)}body,html{margin:0;padding:0;height:100%;font-family:Segoe UI,sans-serif}.app{display:flex;flex-direction:column;height:100vh}header{display:flex;justify-content:space-between;padding:.5rem 1rem;background:transparent}.menu-btn,.theme-btn{background:none;border:none;font-size:1.4rem;cursor:pointer;color:inherit}.sidebar{display:flex;flex-direction:column;padding:1rem;background-color:#0000001a;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);transition:transform .3s ease-in-out;transform:translate(-100%);position:absolute;top:3.5rem;left:0;z-index:1000}.sidebar.open{transform:translate(0)}.sidebar a,.sidebar .link{text-decoration:none;color:inherit;margin:.5rem 0;display:flex;align-items:center;gap:.5rem;font-weight:500;cursor:pointer}main{flex:1;padding:2rem;overflow-y:auto}.page{padding:2rem;border-radius:12px;background:#ffffff1a;box-shadow:0 10px 25px #0003;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}