:root{--background-color: #f8f5f2;--surface-strong: #ffffff;--surface-soft: #fcfaf7;--surface-muted: #f2ebe3;--border-color: #e7ded5;--primary-color: #7b4f2a;--primary-hover: #6a4323;--primary-soft: #efe1d0;--secondary-color: #a67c52;--accent-color: #c49a6c;--sidebar-color: #3e2723;--sidebar-hover: #5d4037;--text-primary: #2e2a27;--text-secondary: #6d625a;--text-muted: #8b7f75;--text-on-primary: #ffffff;--success-color: #4caf50;--warning-color: #f59e0b;--error-color: #d32f2f;--shadow-sm: 0 8px 22px rgba(46, 42, 39, .05);--shadow-lg: 0 20px 50px rgba(46, 42, 39, .12);--radius-lg: 1rem;--radius-md: .8rem;--radius-sm: .5rem;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--font-size-sm: .875rem;--font-size-md: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.5rem}*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,Segoe UI,Roboto,sans-serif;background:var(--background-color);color:var(--text-primary)}body{min-height:100vh}button,input{font:inherit}button{cursor:pointer}app-root{display:block;min-height:100vh}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{border-radius:999px;background:#cbd5e1}::-webkit-scrollbar-track{background:transparent}.page-card{padding:var(--space-8);border-radius:var(--radius-lg);background:var(--surface-strong);box-shadow:var(--shadow-sm)}.page-card h2{margin:0 0 .5rem;color:var(--text-primary)}.page-card p{margin:0;color:var(--text-secondary)}.text-muted{color:var(--text-muted)}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}@media(max-width:960px){.page-card{padding:var(--space-6)}}