:root{--main-bg: #f6f8fb;--card-bg: #ffffff;--border: #e4e8ee;--text: #1f2d3d;--text-muted: #5d6b82;--text-soft: #8190a8;--brand: #0069ff;--brand-hover: #0052cc;--success: #0ab52c;--success-hover: #088f23;--danger: #eb5757;--danger-soft: #fdecec;--warning: #b8860b;--warning-soft: #fdf3d9;--shadow-sm: 0 1px 2px rgba(15, 34, 76, .06);--shadow-md: 0 4px 14px rgba(15, 34, 76, .08);--radius: 6px;--radius-lg: 10px;--focus-ring: 0 0 0 3px rgba(0, 105, 255, .35)}*{box-sizing:border-box}html,body{min-height:100%;margin:0;background:var(--main-bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica Neue,Arial,sans-serif;font-size:14px;-webkit-font-smoothing:antialiased}:where(a,button,input,select,textarea,summary,[tabindex]:not([tabindex="-1"])):focus-visible{outline:none;box-shadow:var(--focus-ring)}.btn{display:inline-flex;align-items:center;gap:8px;height:38px;padding:0 16px;border-radius:var(--radius);border:1px solid transparent;font-size:13.5px;font-weight:600;font-family:inherit;cursor:pointer;transition:background .16s ease,border-color .16s ease,color .16s ease,box-shadow .16s ease;text-decoration:none;color:var(--text);background:transparent}.btn:focus-visible{outline:none;box-shadow:var(--focus-ring)}.btn--primary{background:var(--brand);color:#fff}.btn--primary:hover:not(:disabled){background:var(--brand-hover)}.btn--ghost{background:transparent;color:var(--brand);border-color:var(--border)}.btn--ghost:hover:not(:disabled){background:#f3f6fb}.btn--danger{background:transparent;color:var(--danger);border-color:var(--danger-soft)}.btn--danger:hover:not(:disabled){background:var(--danger-soft)}.btn:disabled{opacity:.55;cursor:not-allowed}.field{display:grid;gap:6px;color:var(--text);font-weight:600}.field input,.field select,.field textarea{height:42px;padding:0 12px;border:1px solid var(--border);border-radius:var(--radius);background:var(--card-bg);color:var(--text);font:inherit;font-weight:400;transition:border-color .16s ease,box-shadow .16s ease;outline:none}.field textarea{height:auto;padding:10px 12px;resize:vertical}.field input:focus-visible,.field select:focus-visible,.field textarea:focus-visible{border-color:var(--brand);box-shadow:var(--focus-ring)}.field small{color:var(--danger);font-weight:500}.table{width:100%;border-collapse:collapse;background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.table th,.table td{padding:10px 12px;text-align:left;border-bottom:1px solid var(--border);font-size:13px}.table th{background:#f3f6fb;color:var(--text-muted);font-weight:600;text-transform:uppercase;font-size:11px;letter-spacing:.03em}.table tbody tr:last-child td{border-bottom:none}.alert{padding:12px 14px;border-radius:var(--radius);font-weight:500;font-size:13px}.alert--danger{background:var(--danger-soft);color:var(--danger);border:1px solid rgba(235,87,87,.18)}.alert--warning{background:var(--warning-soft);color:var(--warning);border:1px solid rgba(184,134,11,.2)}.badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:999px;font-size:11px;font-weight:600;background:#eef3fb;color:var(--brand)}.card{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:20px}.brand-logo{display:block;height:40px;width:auto}.brand-logo--lg{height:64px}.preview-overlay{position:fixed;inset:0;background:#0f172a8c;display:grid;place-items:center;padding:24px;z-index:1000}.preview-modal{width:min(100%,720px);max-height:85vh;background:var(--card-bg);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);display:grid;grid-template-rows:auto 1fr;overflow:hidden}.preview-modal__header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;border-bottom:1px solid var(--border);font-weight:600}.preview-modal__body{padding:16px;overflow:auto;display:grid;place-items:center;min-height:320px}.preview-modal__body img{max-width:100%;max-height:70vh;object-fit:contain}.preview-modal__body iframe{width:100%;height:70vh;border:none}