html[data-theme=light],html:not([data-theme]){--bg-primary: #F5F0E8;--bg-secondary: #EDE7DB;--bg-surface: #FDFAF3;--text-primary: #1A1614;--text-secondary: #5C534A;--text-muted: #8C8278;--border: #D4CCBF;--accent: #4A6741;--accent-hover: #3D5636;--danger: #B54834;--surface-hover: #EDE7DB}html[data-theme=dark]{--bg-primary: #0B0E17;--bg-secondary: #131829;--bg-surface: #1A2035;--text-primary: #E8E4D9;--text-secondary: #B8B0A0;--text-muted: #6B6560;--border: #2A3050;--accent: #C9B96E;--accent-hover: #D4C87A;--danger: #D4644E;--surface-hover: #1F2740}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:Inter,-apple-system,system-ui,sans-serif;line-height:1.5;transition:background-color .3s,color .3s;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-hover)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem 1.25rem;font-family:inherit;font-size:.875rem;font-weight:600;line-height:1.4;border:none;border-radius:8px;cursor:pointer;transition:background-color .2s,color .2s,box-shadow .2s}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background-color:var(--accent);color:#fff}.btn-primary:hover:not(:disabled){background-color:var(--accent-hover)}.btn-secondary{background-color:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border)}.btn-secondary:hover:not(:disabled){background-color:var(--surface-hover)}.btn-danger{background-color:var(--danger);color:#fff}.btn-danger:hover:not(:disabled){opacity:.9}.btn-ghost{background:transparent;color:var(--text-secondary)}.btn-ghost:hover:not(:disabled){background-color:var(--surface-hover);color:var(--text-primary)}.input{width:100%;padding:.625rem .875rem;font-family:inherit;font-size:.875rem;color:var(--text-primary);background-color:var(--bg-surface);border:1px solid var(--border);border-radius:8px;outline:none;transition:border-color .2s,box-shadow .2s}.input::placeholder{color:var(--text-muted)}.input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #4a674126}textarea.input{resize:vertical;min-height:80px}.form-group{display:flex;flex-direction:column;gap:.375rem}.form-label{font-size:.8125rem;font-weight:500;color:var(--text-secondary)}.form-error{font-size:.75rem;color:var(--danger)}.card{background-color:var(--bg-surface);border:1px solid var(--border);border-radius:12px;padding:1.5rem;transition:background-color .3s,border-color .3s}.card-hover:hover{background-color:var(--surface-hover);cursor:pointer}.container{width:100%;max-width:1200px;margin-inline:auto;padding-inline:1.5rem}.page{min-height:100vh;display:flex;flex-direction:column}.text-muted{color:var(--text-muted)}.text-secondary{color:var(--text-secondary)}.text-danger{color:var(--danger)}.text-sm{font-size:.8125rem}.text-lg{font-size:1.125rem}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}