:root{--color-primary:#2c2c2c;--color-secondary:#6b6b6b;--color-muted:#a0a0a0;--color-border:#e0e0e0;--color-surface:#fff;--color-surface-soft:#f8f8f6;--color-accent:#8b7355;--color-accent-light:#f5f0ea;--color-success:#3a7d44;--color-success-bg:#edf7ef;--color-error:#c0392b;--color-error-bg:#fdf0ee;--color-warning-bg:#fef9ec;--color-warning:#a07000;--font-display:"Playfair Display", Georgia, serif;--font-body:"Lato", system-ui, sans-serif;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--shadow-sm:0 1px 3px #00000012;--shadow-md:0 4px 16px #00000017}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);color:var(--color-primary);background:var(--color-surface-soft);-webkit-font-smoothing:antialiased;min-height:100vh;font-size:16px}.page-bg{background-position:50%;background-size:cover;background-attachment:fixed;min-height:100vh;position:relative}.page-bg:before{content:"";pointer-events:none;z-index:0;background:#ffffffe0;position:fixed;inset:0}.page-bg>*{z-index:1;position:relative}.container{max-width:640px;margin:0 auto;padding:0 16px}.container--narrow{max-width:480px;margin:0 auto;padding:0 16px}h1{font-family:var(--font-display);letter-spacing:-.01em;font-size:2rem;font-weight:400}h2{font-family:var(--font-display);font-size:1.5rem;font-weight:400}h3{font-size:1.1rem;font-weight:700}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:24px}.btn{font-size:15px;font-family:var(--font-body);border-radius:var(--radius-md);cursor:pointer;white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:11px 22px;font-weight:700;text-decoration:none;transition:background .15s,transform .1s;display:inline-flex}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.btn-primary:hover:not(:disabled){background:#444}.btn-secondary{color:var(--color-primary);border-color:var(--color-border);background:0 0}.btn-secondary:hover:not(:disabled){background:var(--color-surface-soft)}.btn-accent{background:var(--color-accent);color:#fff;border-color:var(--color-accent)}.btn-accent:hover:not(:disabled){background:#7a6347}.btn-danger{color:var(--color-error);background:0 0;border-color:#e8b4b0}.btn-danger:hover:not(:disabled){background:var(--color-error-bg)}.btn-sm{padding:7px 14px;font-size:13px}.btn-full{width:100%}.btn-icon{border-radius:var(--radius-sm);padding:8px}.form-group{margin-bottom:18px}.form-label{color:var(--color-secondary);text-transform:uppercase;letter-spacing:.04em;margin-bottom:6px;font-size:13px;font-weight:700;display:block}.form-input,.form-textarea,.form-select{width:100%;font-size:15px;font-family:var(--font-body);color:var(--color-primary);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);outline:none;padding:10px 14px;transition:border-color .15s;display:block}.form-input:focus,.form-textarea:focus,.form-select:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px #8b73551f}.form-textarea{resize:vertical;min-height:80px}.form-error{color:var(--color-error);margin-top:6px;font-size:13px}.badge{text-transform:uppercase;letter-spacing:.05em;border-radius:99px;padding:3px 9px;font-size:11px;font-weight:700;display:inline-block}.badge-active{background:var(--color-success-bg);color:var(--color-success)}.badge-in_progress{background:var(--color-warning-bg);color:var(--color-warning)}.badge-archived{background:var(--color-surface-soft);color:var(--color-muted);border:1px solid var(--color-border)}.alert{border-radius:var(--radius-md);margin-bottom:16px;padding:12px 16px;font-size:14px}.alert-error{background:var(--color-error-bg);color:var(--color-error);border:1px solid #f0c0bb}.alert-success{background:var(--color-success-bg);color:var(--color-success);border:1px solid #b8e0be}.alert-info{background:var(--color-accent-light);color:var(--color-accent);border:1px solid #ddd0be}.progress-wrap{background:var(--color-border);border-radius:2px;height:4px;margin-bottom:24px;overflow:hidden}.progress-fill{background:var(--color-accent);border-radius:2px;height:100%;transition:width .3s}.divider{border:none;border-top:1px solid var(--color-border);margin:20px 0}.nav{border-bottom:1px solid var(--color-border);gap:0;margin-bottom:24px;display:flex}.nav-link{color:var(--color-muted);cursor:pointer;border-bottom:2px solid #0000;padding:12px 20px;font-size:14px;font-weight:700;text-decoration:none;transition:color .15s}.nav-link:hover{color:var(--color-primary)}.nav-link.active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.topbar{background:var(--color-surface);border-bottom:1px solid var(--color-border);z-index:100;justify-content:space-between;align-items:center;height:56px;padding:0 24px;display:flex;position:sticky;top:0}.topbar-brand{font-family:var(--font-display);color:var(--color-primary);font-size:1.15rem}.table{border-collapse:collapse;width:100%;font-size:14px}.table th{text-align:left;color:var(--color-muted);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--color-border);padding:8px 12px;font-size:11px;font-weight:700}.table td{border-bottom:1px solid var(--color-border);vertical-align:middle;padding:13px 12px}.table tr:last-child td{border-bottom:none}.spinner{border:2px solid var(--color-border);border-top-color:var(--color-accent);border-radius:50%;width:20px;height:20px;animation:.7s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.flex{display:flex}.flex-center{justify-content:center;align-items:center;display:flex}.flex-between{justify-content:space-between;align-items:center;display:flex}.flex-gap-sm{gap:8px}.flex-gap-md{gap:12px}.gap-actions{gap:6px;display:flex}.mt-sm{margin-top:8px}.mt-md{margin-top:16px}.mt-lg{margin-top:24px}.mb-sm{margin-bottom:8px}.mb-md{margin-bottom:16px}.text-muted{color:var(--color-muted)}.text-sm{font-size:13px}.text-center{text-align:center}