:root{--bg:#f5f6f8;--panel:#fff;--border:#e3e6ea;--text:#1c2430;--muted:#6b7683;--primary:#2f6df6;--primary-dark:#1f57d6;--danger:#e23b3b;--success:#1f9d55;--radius:10px;--shadow:0 1px 3px #1018280f, 0 1px 2px #1018280a;color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font-size:14px}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}h1{margin:0 0 4px;font-size:22px}h2{margin:0 0 12px;font-size:17px}h3{margin:0 0 8px;font-size:15px}.btn{border:1px solid var(--border);background:var(--panel);color:var(--text);cursor:pointer;border-radius:8px;align-items:center;gap:6px;padding:8px 14px;font-size:14px;transition:background .15s,border-color .15s;display:inline-flex}.btn:hover{background:#f0f2f5}.btn.primary{background:var(--primary);border-color:var(--primary);color:#fff}.btn.primary:hover{background:var(--primary-dark)}.btn.danger{color:var(--danger);border-color:#f2c4c4}.btn.danger:hover{background:#fdeaea}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.sm{padding:4px 10px;font-size:13px}label.field{margin-bottom:14px;display:block}label.field>span{color:var(--muted);margin-bottom:5px;font-size:13px;display:block}input,select,textarea{border:1px solid var(--border);width:100%;color:var(--text);background:#fff;border-radius:8px;padding:9px 11px;font-family:inherit;font-size:14px}input:focus,select:focus,textarea:focus{border-color:var(--primary);outline:2px solid #2f6df640}textarea{resize:vertical;min-height:80px}.panel{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:20px}table{border-collapse:collapse;width:100%}th,td{text-align:left;border-bottom:1px solid var(--border);padding:10px 12px}th{color:var(--muted);text-transform:uppercase;letter-spacing:.03em;font-size:12px;font-weight:600}tr:last-child td{border-bottom:none}.badge{color:var(--muted);background:#eef1f5;border-radius:20px;padding:2px 9px;font-size:12px;display:inline-block}.badge.green{color:var(--success);background:#e4f6ec}.badge.gray{color:var(--muted);background:#eef1f5}.badge.blue{color:var(--primary);background:#e8f0fe}.row{gap:14px;display:flex}.row>*{flex:1}.muted{color:var(--muted)}.toolbar{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:16px;display:flex}.spacer{flex:1}.error-text{color:var(--danger);margin-top:8px;font-size:13px}