:root{--color-bg:#f8f9fc;--color-surface:#fff;--color-border:#e2e6ed;--color-border-hover:#c4cad6;--color-text-primary:#1a1d23;--color-text-secondary:#6b7280;--color-text-tertiary:#9ca3af;--color-accent:#4f6ef7;--color-accent-hover:#3b57e0;--color-accent-light:#eef1fe;--color-success:#10b981;--color-warning:#f59e0b;--color-danger:#ef4444;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 12px #00000014;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--max-width:1200px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background:var(--color-bg);color:var(--color-text-primary);-webkit-font-smoothing:antialiased;line-height:1.6}a{color:var(--color-accent);text-decoration:none}.btn{font-size:14px;font-weight:600;font-family:var(--font-sans);border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;gap:6px;padding:8px 18px;transition:all .15s;display:inline-flex}.btn-primary{background:var(--color-accent);color:#fff}.btn-primary:hover{background:var(--color-accent-hover)}.btn-outline{border-color:var(--color-border);color:var(--color-text-primary);background:0 0}.btn-outline:hover{border-color:var(--color-border-hover);background:#f3f4f6}.btn-sm{border-radius:4px;padding:5px 12px;font-size:12px}.btn-danger{background:var(--color-danger);color:#fff}.btn-danger:hover{background:#dc2626}.btn-warning{background:var(--color-warning);color:#fff}.btn-warning:hover{background:#d97706}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden}.card-header{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;padding:16px 20px;font-size:14px;font-weight:600;display:flex}.data-table{border-collapse:collapse;width:100%}.data-table th{text-align:left;color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid var(--color-border);background:var(--color-bg);padding:12px 20px;font-size:12px;font-weight:600}.data-table td{border-bottom:1px solid var(--color-border);padding:14px 20px;font-size:13px}.data-table tr:last-child td{border-bottom:none}.data-table tr:hover td{background:#fafbfc}.badge{border-radius:999px;padding:2px 10px;font-size:12px;font-weight:600;display:inline-flex}.badge-success{color:#065f46;background:#d1fae5}.badge-warning{color:#92400e;background:#fef3c7}.badge-danger{color:#991b1b;background:#fef2f2}.badge-info{color:#1e40af;background:#dbeafe}.form-group{flex-direction:column;gap:6px;display:flex}.form-label{color:var(--color-text-primary);font-size:13px;font-weight:600}.form-input{font-size:14px;font-family:var(--font-sans);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text-primary);outline:none;width:100%;padding:10px 14px;transition:border-color .15s}.form-input:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px #4f6ef71f}.form-input[type=number]{-moz-appearance:textfield}.form-select{font-size:14px;font-family:var(--font-sans);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text-primary);outline:none;padding:10px 14px}.modal-overlay{z-index:100;background:#0006;justify-content:center;align-items:center;display:none;position:fixed;inset:0}.modal-overlay.visible{display:flex}.modal{background:var(--color-surface);border-radius:var(--radius-lg);width:100%;max-width:480px;box-shadow:var(--shadow-md);padding:28px}.modal h3{margin-bottom:20px;font-size:18px}.modal-actions{justify-content:flex-end;gap:8px;margin-top:24px;display:flex}.logo-img{width:auto;height:28px}