:root{--color-moss-green: #6B8F71;--color-cream: #F5F0E8;--color-muted-blue: #7B9DB7;--color-soft-brown: #8B7355;--color-soft-pink: #D4A5A5;--color-warm-orange: #D4956A;--color-soft-lavender: #B5A8C8;--color-dark-text: #2D2D2D;--color-surface: #FFFBF5;--color-primary: var(--color-moss-green);--color-primary-hover: #5a7d60;--color-background: var(--color-cream);--color-card: var(--color-surface);--color-text: var(--color-dark-text);--color-text-muted: #6b6b6b;--color-border: #e2ddd5;--color-error: #c0392b;--color-error-bg: #fdf0ef;--color-success: #27ae60;--color-success-bg: #edf7ed;--sidebar-width: 260px;--header-height: 64px;--radius-sm: 8px;--radius-md: 16px;--radius-lg: 24px;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .06);--shadow-md: 0 4px 12px rgba(0, 0, 0, .08);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-family:Nunito,sans-serif;font-size:16px;color:var(--color-text);background-color:var(--color-background);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{min-height:100vh;line-height:1.6}a{color:var(--color-primary);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3,h4{line-height:1.3;font-weight:700}h1{font-size:1.75rem}h2{font-size:1.5rem}h3{font-size:1.25rem}h4{font-size:1.1rem}.form-group{display:flex;flex-direction:column;gap:6px}.form-group label{font-size:.875rem;font-weight:600;color:var(--color-text-muted)}.form-group input{padding:12px 16px;border:1px solid var(--color-border);border-radius:var(--radius-sm);font-family:inherit;font-size:1rem;color:var(--color-text);background:var(--color-card);transition:border-color .15s ease;min-height:48px}.form-group input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #6b8f7126}.form-group input::placeholder{color:#b0aaa0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;border:none;border-radius:var(--radius-lg);font-family:inherit;font-size:1rem;font-weight:700;cursor:pointer;min-height:48px;transition:background-color .15s ease,transform .1s ease}.btn:active{transform:scale(.98)}.btn-primary{background-color:var(--color-primary);color:#fff}.btn-primary:hover{background-color:var(--color-primary-hover)}.btn-primary:disabled{background-color:#b0c4b5;cursor:not-allowed}.btn-secondary{background-color:transparent;color:var(--color-text);border:1px solid var(--color-border)}.btn-secondary:hover{background-color:#00000008}.btn-danger{background-color:var(--color-error);color:#fff}.btn-danger:hover{background-color:#a93226}.btn-full{width:100%}.card{background:var(--color-card);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:24px}.error-message{padding:12px 16px;background:var(--color-error-bg);color:var(--color-error);border-radius:var(--radius-sm);font-size:.875rem;font-weight:600}.success-message{padding:12px 16px;background:var(--color-success-bg);color:var(--color-success);border-radius:var(--radius-sm);font-size:.875rem;font-weight:600}.divider{display:flex;align-items:center;gap:16px;color:var(--color-text-muted);font-size:.8125rem}.divider:before,.divider:after{content:"";flex:1;height:1px;background:var(--color-border)}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}