:root{--cc-primary: #1565c0;--cc-primary-strong: #0d47a1;--cc-primary-soft: #ecf6ff;--cc-text: #1e293b;--cc-text-body: #334155;--cc-text-muted: #64748b;--cc-border: #e2e8f0;--cc-border-strong: #cbd5e1;--cc-surface: #ffffff;--cc-ground: #f8fafc;--cc-subtle: #f1f5f9;--cc-danger: #b91c1c;--cc-danger-soft: #fef2f2;--cc-warning: #8a5300;--cc-warning-soft: #fff8ec;--cc-success: #166534;--cc-success-soft: #f0fdf4;--cc-vault: #6b21a8;--cc-vault-soft: #f3e8ff;--cc-radius: 8px;--cc-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--cc-ground);color:var(--cc-text);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:14px;line-height:1.45}a{color:var(--cc-primary)}a:hover{color:var(--cc-primary-strong)}h1,h2,h3{margin:0;font-weight:600}.mono{font-family:var(--cc-mono);font-size:13px;word-break:break-all}.muted{color:var(--cc-text-muted)}label{font-size:13px;font-weight:500;color:var(--cc-text-body)}input[type=text],input[type=password],input[type=search],input[type=url],select,textarea{width:100%;min-height:44px;padding:0 12px;border:1px solid var(--cc-border-strong);border-radius:var(--cc-radius);background:var(--cc-surface);color:var(--cc-text);font:inherit}textarea{min-height:96px;padding:10px 12px;font-family:var(--cc-mono);font-size:13px;resize:vertical}input:focus-visible,select:focus-visible,textarea:focus-visible,button:focus-visible,a:focus-visible{outline:2px solid var(--cc-primary);outline-offset:2px}.field{display:flex;flex-direction:column;gap:6px}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 16px;border:1px solid var(--cc-border-strong);border-radius:var(--cc-radius);background:var(--cc-surface);color:var(--cc-text);font:inherit;font-weight:500;cursor:pointer;text-decoration:none}.button:disabled{opacity:.55;cursor:not-allowed}.button.primary{border-color:var(--cc-primary);background:var(--cc-primary);color:#fff}.button.danger{border-color:#fecaca;color:var(--cc-danger)}.button.small{min-height:36px;padding:0 12px;font-size:13px}.alert{margin:0;padding:10px 12px;border-radius:var(--cc-radius);font-size:13px}.alert.error{background:var(--cc-danger-soft);color:var(--cc-danger)}.alert.info{background:var(--cc-primary-soft);color:var(--cc-primary-strong)}.alert.warning{background:var(--cc-warning-soft);color:var(--cc-warning)}.alert.success{background:var(--cc-success-soft);color:var(--cc-success)}.card{background:var(--cc-surface);border:1px solid var(--cc-border);border-radius:12px}.table-box{position:relative;overflow-x:auto}table.data{width:100%;border-collapse:collapse;font-size:13px}table.data th{padding:12px 16px;background:var(--cc-ground);border-bottom:1px solid var(--cc-border);color:var(--cc-text-body);font-weight:600;text-align:left;white-space:nowrap}table.data td{padding:12px 16px;border-bottom:1px solid var(--cc-subtle);vertical-align:top}table.data tr:last-child td{border-bottom:0}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}dialog.cc-dialog{width:min(720px,calc(100vw - 32px));max-height:calc(100vh - 32px);padding:0;border:0;border-radius:12px;box-shadow:0 20px 50px #0f172a40;color:var(--cc-text)}dialog.cc-dialog::backdrop{background:#0f172a73}