.sidebar{z-index:40;background-color:var(--color-bg-surface);width:16rem;-webkit-backdrop-filter:var(--backdrop-blur);border-right:1px solid var(--color-border);flex-direction:column;display:flex;position:fixed;top:0;bottom:0;left:0}.sidebar-header{border-bottom:1px solid var(--color-border);justify-content:center;align-items:center;height:4rem;display:flex}.sidebar-header h1{color:var(--color-primary-600);margin:0;font-size:1.25rem;font-weight:700}.sidebar-nav{flex-direction:column;gap:.5rem;padding:1rem;display:flex}.sidebar-link{border-radius:var(--radius-md);color:var(--color-text-body);align-items:center;gap:.75rem;padding:.5rem .75rem;font-weight:500;transition:background-color .2s,color .2s;display:flex}.sidebar-link:hover{background-color:var(--color-bg-hover);color:var(--color-text-heading)}.sidebar-link.active{background-color:var(--color-primary-500);color:#fff}.topbar{background-color:var(--color-bg-surface);height:4rem;-webkit-backdrop-filter:var(--backdrop-blur);border-bottom:1px solid var(--color-border);z-index:30;justify-content:flex-end;align-items:center;padding:0 2rem;display:flex;position:fixed;top:0;left:16rem;right:0}.main-content{min-height:calc(100vh - 4rem);margin-top:4rem;margin-left:16rem;padding:2rem}
:root{--color-bg-base:#e0e7ff;--color-bg-surface:#ffffffbf;--color-bg-hover:#ffffffe6;--color-border:#fff6;--color-text-main:#1e1b4b;--color-text-body:#4c1d95;--color-primary:#4f46e5;--color-primary-500:#6366f1;--color-primary-600:#4f46e5;--color-primary-hover:#4338ca;--color-success:#10b981;--color-warning:#f59e0b;--color-error:#ef4444;--color-text-heading:#1e1b4b;--color-bg-card:#fff;--radius-sm:8px;--radius-md:16px;--radius-lg:24px;--radius-full:9999px;--shadow-sm:0 4px 6px -1px #0000000d;--shadow-md:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--shadow-lg:0 20px 25px -5px #00000026;--backdrop-blur:blur(12px);--transition-fast:.2s ease}[data-theme=dark]{--color-bg-base:#0f172a;--color-bg-surface:#1e293bb3;--color-bg-hover:#334155cc;--color-border:#ffffff1a;--color-text-main:#f8fafc;--color-text-body:#94a3b8;--color-primary:#6366f1;--color-primary-500:#6366f1;--color-primary-600:#4f46e5;--color-primary-hover:#818cf8;--color-text-heading:#f8fafc;--color-bg-card:#1e293b}*{box-sizing:border-box;margin:0;padding:0;font-family:inherit}body{background:var(--color-bg-base);background-image:linear-gradient(135deg,var(--color-bg-base)0%,#6366f11a 100%);color:var(--color-text-main);transition:background-color var(--transition-fast),color var(--transition-fast);background-attachment:fixed;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;line-height:1.5}a{color:inherit;text-decoration:none}ul{list-style:none}h1,h2,h3,h4,h5,h6{color:var(--color-text-main);margin-bottom:.5rem}.input-base{border:1px solid var(--color-border);border-radius:var(--radius-sm);width:100%;color:var(--color-text-main);transition:all var(--transition-fast);-webkit-backdrop-filter:var(--backdrop-blur);backdrop-filter:var(--backdrop-blur);background-color:#0000;outline:none;padding:.5rem .75rem}.input-base:focus{border-color:var(--color-primary);background-color:var(--color-bg-surface);box-shadow:0 0 0 2px #4f46e533}.glass-panel{background:var(--color-bg-surface);-webkit-backdrop-filter:var(--backdrop-blur);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-md)}