:root{--panel-bg:#f4f5f7;--panel-sidebar:#2f3d54;--panel-sidebar-accent:#3f5378;--brand-blue:#2f6bd8;--brand-red:#e2001a;--green:#27ae60;--border:#e2e6ec;--text:#1f2733;--text-soft:#6b7688;--radius:8px}*{box-sizing:border-box}body,html{padding:0;margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:var(--text);background:#fff;font-size:14px;line-height:1.5}a{color:inherit;text-decoration:none}.page{padding:28px 32px}.page-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:22px}.page-title{font-size:22px;font-weight:700;color:#3a4658}.page-sub{margin-top:2px;font-size:13px}.breadcrumb,.page-sub{color:var(--text-soft)}.breadcrumb{font-size:12px;letter-spacing:.4px;text-transform:uppercase;margin-bottom:4px}.card{background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:20px}.card+.card{margin-top:16px}.btn{display:inline-flex;align-items:center;gap:6px;padding:9px 16px;border-radius:6px;border:1px solid transparent;font-size:13.5px;font-weight:600;cursor:pointer;background:#eef1f5;color:#3a4658;transition:filter .12s}.btn:hover{filter:brightness(.97)}.btn-primary{background:var(--brand-blue);color:#fff}.btn-danger{background:var(--brand-red);color:#fff}.btn-ghost{background:transparent;border-color:var(--border);color:#3a4658}.btn-sm{padding:5px 10px;font-size:12.5px}.field{margin-bottom:16px}.label{display:block;font-size:13px;font-weight:600;color:#3a4658;margin-bottom:6px}.input,.select,.textarea{width:100%;padding:10px 12px;border:1px solid #d6dbe3;border-radius:6px;font-size:14px;outline:none;background:#fff;font-family:inherit}.input:focus,.select:focus,.textarea:focus{border-color:var(--brand-blue)}.textarea{resize:vertical;min-height:90px}.hint{font-size:12px;color:var(--text-soft);margin-top:4px}.form-error{background:#fdeaea;color:#c0392b}.form-error,.form-ok{padding:9px 12px;border-radius:6px;font-size:13px;margin-bottom:14px}.form-ok{background:#e8f8ef;color:#1e8449}.table-wrap{overflow-x:auto;background:#fff;border:1px solid var(--border);border-radius:var(--radius)}table.data{width:100%;border-collapse:collapse;font-size:13.5px}table.data th{text-align:left;padding:12px 14px;color:var(--text-soft);font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:.4px;border-bottom:1px solid var(--border);background:#fafbfc}table.data td{padding:11px 14px;border-bottom:1px solid #f0f2f5}table.data tr:last-child td{border-bottom:none}table.data tr:hover td{background:#fafbfc}.badge{display:inline-block;padding:2px 8px;border-radius:10px;font-size:11px;font-weight:600;background:#eef1f5;color:#5b6b88}.badge-green{background:#e8f8ef;color:#1e8449}.badge-red{background:#fdeaea;color:#c0392b}.badge-blue{background:#e8f0fc;color:#2f6bd8}.muted{color:var(--text-soft)}.row{align-items:center}.row,.stack{display:flex;gap:12px}.stack{flex-direction:column}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:16px}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}