#root{min-height:100vh;width:100%}:root{--brand-action: #80643b;--brand-action-hover: #6b522f;--brand-action-soft: #f1e9dc;--brand-action-on-dark: #c6a56a;--brand-action-on-dark-hover: #d3b77f;--brand-ink: #17191d;--brand-muted: #626871;--brand-canvas: #f7f5f1;--brand-surface: #ffffff;--brand-border: #d8d4cc;--brand-dark-canvas: #090c10;--brand-dark-surface: #141820;--brand-dark-raised: #1c222b;--brand-dark-text: #f4f5f6;--brand-dark-muted: #a7adb6;--brand-dark-border: #313844;--brand-success: #246147;--brand-success-soft: #e7f1eb;--brand-success-on-dark: #8fb7a0;--brand-warning: #8a4b00;--brand-warning-soft: #fff4e5;--brand-warning-on-dark: #f1c27d;--brand-danger: #b42318;--brand-danger-soft: #fee4e2;--brand-danger-on-dark: #fda29b;--brand-font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif}:root{--primary: var(--brand-action);--primary-hover: var(--brand-action-hover);--secondary: var(--brand-ink);--success: var(--brand-success);--danger: var(--brand-danger);--warning: var(--brand-warning);--light: var(--brand-canvas);--dark: var(--brand-ink);--border: var(--brand-border);--shadow: 0 2px 8px rgba(23, 25, 29, .08)}body{color:var(--dark);background-color:var(--light);font-family:var(--brand-font-family)}button{cursor:pointer;border:none;min-height:44px;border-radius:10px;padding:10px 16px;font-size:14px;transition:background-color .16s ease,border-color .16s ease,color .16s ease;font-weight:600}button.primary{background-color:var(--primary);color:#fff}button.primary:hover{background-color:var(--primary-hover)}button.secondary{border:1px solid var(--border);background-color:var(--brand-surface);color:var(--dark)}button.secondary:hover{background-color:var(--brand-action-soft)}button.danger{background-color:var(--danger);color:#fff}button.danger:hover{filter:brightness(.9)}input,textarea,select{border:1px solid var(--border);min-height:44px;border-radius:10px;padding:10px 12px;font-size:14px;font-family:inherit;transition:border-color .16s ease,box-shadow .16s ease}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #80643b38}.container{max-width:1200px;margin:0 auto;padding:20px}.card{background:var(--brand-surface);border:1px solid var(--border);border-radius:16px;padding:20px;box-shadow:var(--shadow);margin-bottom:20px}.alert{padding:12px 16px;border-radius:6px;margin-bottom:16px;border-left:4px solid}.alert-success{background-color:#d4edda;border-color:var(--success);color:#155724}.alert-error{background-color:#f8d7da;border-color:var(--danger);color:#721c24}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:6px;font-weight:500;color:var(--dark)}.form-group input,.form-group textarea,.form-group select{width:100%}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:12px 16px;text-align:left;border-bottom:1px solid var(--border)}.table th{background-color:var(--light);font-weight:600;color:var(--dark)}.table tr:hover{background-color:var(--brand-action-soft)}.loading{text-align:center;padding:40px 20px;color:var(--brand-muted)}.spinner{border:4px solid var(--light);border-top:4px solid var(--primary);border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite;margin:20px auto}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}