:root{--color-sidebar-bg: #2e2018;--color-sidebar-text: #f7f3ee;--color-sidebar-text-muted: #c4b8a8;--color-sidebar-hover: #3d2e22;--color-sidebar-active: #993c1d;--color-content-bg: #f7f3ee;--color-card-bg: #ffffff;--color-text-primary: #2e2018;--color-text-secondary: #6b5d52;--color-text-muted: #9a8b7e;--color-accent: #993c1d;--color-accent-hover: #7a3017;--color-accent-light: #f5e8e3;--color-status-success: #3b6d11;--color-status-success-bg: #eef5e8;--color-status-warning: #854f0b;--color-status-warning-bg: #fdf6e8;--color-status-danger: #a32d2d;--color-status-danger-bg: #fceaea;--color-status-neutral: #6b5d52;--color-status-neutral-bg: #f0ebe5;--color-status-info: #1e5a8a;--color-status-info-bg: #e8f2fa;--sidebar-width: 260px;--topbar-height: 56px;--radius-card: 12px;--radius-button: 8px;--shadow-card: 0 2px 8px rgba(46, 32, 24, .08);--shadow-elevated: 0 4px 16px rgba(46, 32, 24, .12);--font-family: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;font-family:var(--font-family);font-size:var(--font-size-base);color:var(--color-text-primary);background:var(--color-content-bg);-webkit-font-smoothing:antialiased}a{color:var(--color-accent);text-decoration:none}a:hover{text-decoration:underline}button{font-family:inherit;cursor:pointer}h1,h2,h3,h4{margin:0 0 var(--spacing-md);font-weight:600}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.card{background:var(--color-card-bg);border-radius:var(--radius-card);box-shadow:var(--shadow-card);padding:var(--spacing-lg)}.btn{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);border:none;border-radius:var(--radius-button);font-size:var(--font-size-sm);font-weight:500;transition:background .15s,color .15s}.btn-primary{background:var(--color-accent);color:#fff}.btn-primary:hover{background:var(--color-accent-hover)}.btn-secondary{background:var(--color-status-neutral-bg);color:var(--color-text-primary)}.btn-secondary:hover{background:#e5ddd4}.btn-danger{background:var(--color-status-danger);color:#fff}.form-group{margin-bottom:var(--spacing-md)}.form-label{display:block;margin-bottom:var(--spacing-xs);font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-secondary)}.form-input{width:100%;padding:var(--spacing-sm) var(--spacing-md);border:1px solid #d4c9be;border-radius:var(--radius-button);font-size:var(--font-size-base);background:#fff;transition:border-color .15s}.form-input:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-light)}.form-input.ng-invalid.ng-touched{border-color:var(--color-status-danger)}.form-error{margin-top:var(--spacing-xs);font-size:var(--font-size-xs);color:var(--color-status-danger)}.page-container{padding:var(--spacing-lg)}