@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";:root{--md-sys-color-primary:#9cd67d;--md-sys-color-on-primary:#0c3900;--md-sys-color-primary-container:#255110;--md-sys-color-on-primary-container:#b8f397;--md-sys-color-secondary:#becbb0;--md-sys-color-on-secondary:#283420;--md-sys-color-secondary-container:#3e4a35;--md-sys-color-on-secondary-container:#dae7cb;--md-sys-color-tertiary:#a0d0cb;--md-sys-color-on-tertiary:#003734;--md-sys-color-tertiary-container:#1e4e4a;--md-sys-color-on-tertiary-container:#bcece7;--md-sys-color-error:#ffb4ab;--md-sys-color-error-container:#93000a;--md-sys-color-on-error-container:#ffdad6;--md-sys-color-surface:#11140e;--md-sys-color-surface-dim:#11140e;--md-sys-color-surface-bright:#373a33;--md-sys-color-surface-container-lowest:#0c0f09;--md-sys-color-surface-container-low:#191c19;--md-sys-color-surface-container:#1d211c;--md-sys-color-surface-container-high:#282b26;--md-sys-color-surface-container-highest:#323631;--md-sys-color-on-surface:#e2e3dd;--md-sys-color-on-surface-variant:#c2c9bd;--md-sys-color-outline:#8c9388;--md-sys-color-outline-variant:#42493f;--bg-app:var(--md-sys-color-surface);--bg-panel:var(--md-sys-color-surface-container);--text-primary:var(--md-sys-color-on-surface);--text-secondary:var(--md-sys-color-on-surface-variant);--text-muted:var(--md-sys-color-outline);--radius-sm:8px;--radius-md:16px;--radius-lg:24px;--radius-pill:9999px;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 4px 6px -1px #0006, 0 2px 4px -1px #0003;--shadow-lg:0 10px 15px -3px #0006, 0 4px 6px -2px #0003}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg-app);color:var(--text-primary);-webkit-font-smoothing:antialiased;min-height:100vh;font-family:Inter,sans-serif;line-height:1.5}.app-container{grid-template-columns:260px 1fr 300px;height:100vh;display:grid;overflow:hidden}.sidebar{flex-direction:column;padding:1.5rem;display:flex;overflow-y:auto}.main-content{flex-direction:column;height:100vh;display:flex;position:relative}.surface-card{background:var(--md-sys-color-surface-container);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);color:var(--md-sys-color-on-surface)}h1,h2,h3,h4{color:var(--text-primary);font-weight:600}.text-muted{color:var(--text-muted)}.text-secondary{color:var(--text-secondary)}.btn{border-radius:var(--radius-pill);cursor:pointer;color:var(--md-sys-color-on-surface);background:0 0;border:none;justify-content:center;align-items:center;padding:.5rem 1rem;font-size:.9rem;font-weight:500;transition:all .2s;display:inline-flex}.btn-primary{background:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary);box-shadow:var(--shadow-sm)}.btn-primary:hover{background:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container)}.btn-icon{background:var(--md-sys-color-surface-container-high);width:40px;height:40px;color:var(--md-sys-color-on-surface-variant);box-shadow:var(--shadow-sm);border-radius:50%;justify-content:center;align-items:center;padding:0;display:flex}.btn-icon:hover{background:var(--md-sys-color-surface-container-highest)}.nav-link{color:var(--md-sys-color-on-surface-variant);border-radius:var(--radius-md);cursor:pointer;align-items:center;gap:.75rem;padding:.75rem 1rem;font-weight:500;text-decoration:none;transition:background .2s;display:flex}.nav-link:hover{background:var(--md-sys-color-surface-container-high)}.nav-link.active{background:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary-container);font-weight:600}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--md-sys-color-outline-variant);border-radius:var(--radius-pill)}::-webkit-scrollbar-thumb:hover{background:var(--md-sys-color-outline)}.flex{display:flex}.items-center{align-items:center}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mt-auto{margin-top:auto}