:root{--color-bg: #1a1613;--color-surface: #241f1b;--color-surface-2: #2c261f;--color-border: #3a322c;--color-text: #ece6df;--color-text-muted: #a39a8f;--color-primary: #b5502a;--color-primary-hover: #c96238;--color-primary-soft: rgba(181, 80, 42, .16);--color-danger: #c0453b;--color-danger-hover: #d15349;--color-success: #5c8a4a;--radius: 12px;--radius-sm: 8px}*{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,Noto Sans,sans-serif;background:var(--color-bg);color:var(--color-text)}a{color:inherit;text-decoration:none}.container{max-width:1100px;margin:0 auto;padding:16px}.header{position:sticky;top:0;z-index:20;background:var(--color-surface);border-bottom:1px solid var(--color-border)}.header-inner{display:flex;align-items:center;gap:16px;padding:12px 16px}.brand{display:flex;align-items:center;gap:10px}.logo{width:34px;height:34px;border-radius:var(--radius-sm);background:var(--color-primary-soft);color:var(--color-primary);display:grid;place-items:center;border:1px solid var(--color-primary);font-weight:800}.nav{display:flex;gap:6px;flex-wrap:wrap}.nav a{padding:8px 12px;border-radius:var(--radius-sm);border:1px solid transparent;color:var(--color-text-muted)}.nav a:hover{color:var(--color-text)}.nav a.active{background:var(--color-primary-soft);border-color:var(--color-primary);color:var(--color-text)}.spacer{flex:1}.card{border:1px solid var(--color-border);background:var(--color-surface);border-radius:var(--radius);padding:16px}.card+.card{margin-top:16px}.muted{color:var(--color-text-muted)}.h1{font-size:22px;margin:0}.h2{font-size:17px;margin:0 0 12px}.row{display:flex;gap:8px;align-items:center}.grid{display:grid;gap:12px}.input,.select{width:100%;padding:9px 11px;border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-bg);color:var(--color-text);font-size:14px}.input:focus,.select:focus{outline:none;border-color:var(--color-primary)}.label{display:block;font-size:13px;color:var(--color-text-muted);margin-bottom:5px}.field{margin-bottom:12px}.btn{padding:9px 14px;border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-surface-2);color:var(--color-text);font-size:14px;cursor:pointer;transition:background .12s,border-color .12s}.btn:hover{background:var(--color-border)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.btn-primary:hover{background:var(--color-primary-hover);border-color:var(--color-primary-hover)}.btn-danger{background:transparent;border-color:var(--color-danger);color:var(--color-danger)}.btn-danger:hover{background:var(--color-danger);color:#fff}.btn-sm{padding:5px 9px;font-size:12px}.table{width:100%;border-collapse:collapse;font-size:14px}.table th,.table td{text-align:left;padding:9px 10px;border-bottom:1px solid var(--color-border)}.table th{color:var(--color-text-muted);font-weight:600}.badge{display:inline-block;padding:2px 8px;border-radius:999px;font-size:12px;background:var(--color-primary-soft);color:var(--color-primary);border:1px solid var(--color-primary)}.badge-muted{background:var(--color-surface-2);color:var(--color-text-muted);border-color:var(--color-border)}.autocomplete{position:relative}.autocomplete-list{position:absolute;top:calc(100% + 4px);left:0;right:0;z-index:30;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);max-height:220px;overflow-y:auto}.autocomplete-item{padding:8px 11px;cursor:pointer;font-size:14px}.autocomplete-item:hover,.autocomplete-item.active{background:var(--color-primary-soft)}.autocomplete-add{color:var(--color-primary)}.error{color:var(--color-danger);font-size:13px}.stat-value{font-size:28px;font-weight:700}.stat-label{font-size:13px;color:var(--color-text-muted)}.center-screen{min-height:100vh;display:grid;place-items:center;padding:16px}@media (max-width: 640px){.container{padding:12px}.header-inner{flex-wrap:wrap;gap:8px 12px;padding:10px 12px}.header-inner .spacer{display:none}.brand{order:0}.header-inner>.row{order:1;margin-left:auto}.header-inner .nav{order:2;flex-basis:100%;justify-content:center}.nav a{padding:7px 10px}.input,.select{font-size:16px}.row{flex-wrap:wrap}.h1{font-size:20px}.stat-value{font-size:24px}.table{font-size:13px}}