:root{--primary-50:#f4f8f8;--primary-100:#e7f0f1;--primary-200:#cbe4e7;--primary-300:#a4d9e0;--primary-400:#7ecad3;--primary-500:#58bac6;--primary-600:#3da6b3;--primary-700:#328892;--primary-800:#26666e;--primary-900:#1b4246;--secondary-50:#f7f5f7;--secondary-100:#eee9ef;--secondary-200:#dfd1e0;--secondary-300:#cfb2d2;--secondary-400:#ba91bf;--secondary-500:#a671ad;--secondary-600:#915898;--secondary-700:#77487c;--secondary-800:#59365e;--secondary-900:#3a253c;--accent-50:#f4f8f8;--accent-100:#e8eff0;--accent-200:#cde2e4;--accent-300:#a9d5db;--accent-400:#85c3cc;--accent-500:#61b2bd;--accent-600:#479da9;--accent-700:#3a818a;--accent-800:#2c6168;--accent-900:#1e3e43;--neutral-50:#fbfbfb;--neutral-100:#f6f6f7;--neutral-200:#ebeded;--neutral-300:#dbdedf;--neutral-400:#b3bbbc;--neutral-500:#869698;--neutral-600:#677779;--neutral-700:#4d595b;--neutral-800:#353d3e;--neutral-900:#202525;--primary-base:#73c5cf;--secondary-base:#b98fbe;--accent-base:#4fa9b5;--success-50:#f4f9f6;--success-100:#e7f1eb;--success-200:#cbe7d6;--success-300:#a3e0bc;--success-400:#7dd3a0;--success-500:#57c684;--success-600:#3cb36d;--success-700:#329359;--success-800:#256f43;--success-900:#1a472c;--warning-50:#f9f7f3;--warning-100:#f2ede5;--warning-200:#ebddc7;--warning-300:#e8ca9c;--warning-400:#deb472;--warning-500:#d59f49;--warning-600:#c3892d;--warning-700:#9f7025;--warning-800:#78541c;--warning-900:#4c3715;--danger-50:#f9f4f3;--danger-100:#f3e7e5;--danger-200:#eccac5;--danger-300:#eba398;--danger-400:#e37d6e;--danger-500:#db5743;--danger-600:#c93c27;--danger-700:#a43120;--danger-800:#7c2518;--danger-900:#4f1a12;--info-50:#f4f8f8;--info-100:#e7f0f1;--info-200:#cbe4e7;--info-300:#a4d9e0;--info-400:#7ecad3;--info-500:#58bac6;--info-600:#3da6b3;--info-700:#328892;--info-800:#26666e;--info-900:#1b4246;--color-primary-text:#2d7c85;--color-secondary-text:#915898;--color-accent-text:#387c85;--color-success-text:#2a7e4c;--color-warning-text:#916622;--color-danger-text:#c93c27;--color-info-text:#2d7c85;--color-bg:var(--neutral-50);--color-surface:#fff;--color-surface-muted:var(--neutral-100);--color-surface-sunken:var(--neutral-200);--color-border:var(--neutral-300);--color-border-strong:var(--neutral-400);--color-text:var(--neutral-900);--color-text-muted:var(--neutral-600);--color-text-subtle:var(--neutral-500);--color-primary:var(--primary-800);--color-primary-hover:var(--primary-900);--color-primary-active:var(--primary-900);--color-primary-contrast:#fff;--color-primary-soft:var(--primary-50);--color-primary-soft-hover:var(--primary-100);--color-primary-link:var(--color-primary-text);--color-accent:var(--accent-500);--color-accent-soft:var(--accent-50);--color-success:var(--color-success-text);--color-success-soft:var(--success-50);--color-warning:var(--color-warning-text);--color-warning-soft:var(--warning-50);--color-danger:var(--color-danger-text);--color-danger-soft:var(--danger-50);--color-danger-border:var(--danger-200);--color-info:var(--color-info-text);--color-info-soft:var(--info-50);--color-focus-ring:var(--primary-500);--shadow-color:187deg 18% 22%;--color-header-bg:var(--secondary-base);--color-header-border:var(--secondary-200);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--color-bg:var(--neutral-900);--color-surface:var(--neutral-800);--color-surface-muted:var(--neutral-700);--color-surface-sunken:var(--neutral-900);--color-border:var(--neutral-700);--color-border-strong:var(--neutral-600);--color-text:var(--neutral-100);--color-text-muted:var(--neutral-400);--color-text-subtle:var(--neutral-500);--color-primary:var(--primary-400);--color-primary-hover:var(--primary-300);--color-primary-active:var(--primary-200);--color-primary-contrast:var(--neutral-900);--color-primary-soft:color-mix(in srgb, var(--primary-500) 22%, var(--neutral-800));--color-primary-soft-hover:color-mix(in srgb, var(--primary-500) 32%, var(--neutral-800));--color-primary-link:var(--primary-300);--color-accent:var(--accent-400);--color-accent-soft:color-mix(in srgb, var(--accent-500) 22%, var(--neutral-800));--color-success:var(--success-300);--color-success-soft:color-mix(in srgb, var(--success-500) 22%, var(--neutral-800));--color-warning:var(--warning-300);--color-warning-soft:color-mix(in srgb, var(--warning-500) 22%, var(--neutral-800));--color-danger:var(--danger-300);--color-danger-soft:color-mix(in srgb, var(--danger-500) 24%, var(--neutral-800));--color-danger-border:color-mix(in srgb, var(--danger-500) 40%, var(--neutral-800));--color-info:var(--info-300);--color-info-soft:color-mix(in srgb, var(--info-500) 22%, var(--neutral-800));--color-focus-ring:var(--primary-300);--shadow-color:0deg 0% 0%;--color-header-bg:var(--color-surface);--color-header-border:var(--color-border);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--color-bg:var(--neutral-900);--color-surface:var(--neutral-800);--color-surface-muted:var(--neutral-700);--color-surface-sunken:var(--neutral-900);--color-border:var(--neutral-700);--color-border-strong:var(--neutral-600);--color-text:var(--neutral-100);--color-text-muted:var(--neutral-400);--color-text-subtle:var(--neutral-500);--color-primary:var(--primary-400);--color-primary-hover:var(--primary-300);--color-primary-active:var(--primary-200);--color-primary-contrast:var(--neutral-900);--color-primary-soft:color-mix(in srgb, var(--primary-500) 22%, var(--neutral-800));--color-primary-soft-hover:color-mix(in srgb, var(--primary-500) 32%, var(--neutral-800));--color-primary-link:var(--primary-300);--color-accent:var(--accent-400);--color-accent-soft:color-mix(in srgb, var(--accent-500) 22%, var(--neutral-800));--color-success:var(--success-300);--color-success-soft:color-mix(in srgb, var(--success-500) 22%, var(--neutral-800));--color-warning:var(--warning-300);--color-warning-soft:color-mix(in srgb, var(--warning-500) 22%, var(--neutral-800));--color-danger:var(--danger-300);--color-danger-soft:color-mix(in srgb, var(--danger-500) 24%, var(--neutral-800));--color-danger-border:color-mix(in srgb, var(--danger-500) 40%, var(--neutral-800));--color-info:var(--info-300);--color-info-soft:color-mix(in srgb, var(--info-500) 22%, var(--neutral-800));--color-focus-ring:var(--primary-300);--shadow-color:0deg 0% 0%;--color-header-bg:var(--color-surface);--color-header-border:var(--color-border);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root{--font-sans:"Inter", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono:ui-monospace, "SFMono-Regular", "Menlo", "Consolas", monospace;--font-weight-regular:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-size-xs:.694rem;--font-size-sm:.833rem;--font-size-base:1rem;--font-size-md:1.0625rem;--font-size-lg:1.2rem;--font-size-xl:1.44rem;--font-size-2xl:1.728rem;--font-size-3xl:2.074rem;--line-height-tight:1.2;--line-height-snug:1.35;--line-height-normal:1.5;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--radius-sm:4px;--radius-md:8px;--radius-lg:14px;--radius-full:999px;--radius:var(--radius-md);--shadow-sm:0 1px 2px hsl(var(--shadow-color) / .08);--shadow-md:0 2px 6px hsl(var(--shadow-color) / .1), 0 1px 2px hsl(var(--shadow-color) / .06);--shadow-lg:0 10px 25px hsl(var(--shadow-color) / .14), 0 4px 10px hsl(var(--shadow-color) / .08);--shadow:var(--shadow-md);--transition-fast:.1s ease;--transition-base:.15s ease;--transition-slow:.25s ease;--ease-standard:cubic-bezier(.2, 0, 0, 1);--z-header:100;--z-overlay:900;--z-modal:1000}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{font-family:var(--font-sans);font-size:var(--font-size-base);line-height:var(--line-height-normal);background:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background var(--transition-base), color var(--transition-base);margin:0}h1,h2,h3,h4{line-height:var(--line-height-snug);font-weight:var(--font-weight-semibold);margin:0 0 var(--space-3)}h1{font-size:var(--font-size-xl)}h2{font-size:var(--font-size-lg)}h3{font-size:var(--font-size-md)}a{color:var(--color-primary-link);text-decoration:none}a:hover{text-decoration:underline}:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px;border-radius:var(--radius-sm)}:focus:not(:focus-visible){outline:none}.container{width:100%;max-width:1200px;padding:0 var(--space-4);margin:0 auto}.tabs{gap:var(--space-2);border-bottom:1px solid var(--color-border);flex-wrap:wrap;display:flex}.tabs .tab{padding:var(--space-2) var(--space-3);color:var(--color-text-muted);font:inherit;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;min-height:40px}.tabs .tab:hover{color:var(--color-text)}.tabs .tab.active{color:var(--color-primary);border-bottom-color:var(--color-primary);font-weight:var(--font-weight-semibold)}@media (width<=700px){.tabs{scrollbar-width:none;flex-wrap:nowrap;overflow-x:auto}.tabs::-webkit-scrollbar{display:none}}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--space-4)}.btn{justify-content:center;align-items:center;gap:var(--space-2);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);font:inherit;font-weight:var(--font-weight-medium);cursor:pointer;white-space:nowrap;transition:background var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast), box-shadow var(--transition-fast);padding:.55rem 1rem;line-height:1.2;text-decoration:none;display:inline-flex}.btn:hover{background:var(--color-surface-muted);text-decoration:none}.btn:active{background:var(--color-surface-sunken)}.btn:disabled,.btn[disabled],.btn.is-loading{opacity:.55;cursor:not-allowed;pointer-events:none}.btn-primary{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-primary-contrast)}.btn-primary:hover{background:var(--color-primary-hover);border-color:var(--color-primary-hover)}.btn-primary:active{background:var(--color-primary-active);border-color:var(--color-primary-active)}.btn-danger{background:var(--color-surface);border-color:var(--color-danger-border);color:var(--color-danger)}.btn-danger:hover{background:var(--color-danger-soft)}.btn-ghost{color:var(--color-primary-link);background:0 0;border-color:#0000}.btn-ghost:hover{background:var(--color-primary-soft)}.btn-small{font-size:var(--font-size-sm);padding:.3rem .65rem}.btn.is-loading{color:#0000;position:relative}.btn.is-loading:after{content:"";border-radius:var(--radius-full);width:1em;height:1em;color:var(--color-primary-contrast);border:2px solid;border-right-color:#0000;animation:.6s linear infinite spin;position:absolute}.field{margin-bottom:var(--space-4);max-width:34rem;display:block}.field-wide{max-width:none}.field>span{margin-bottom:var(--space-1);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-muted);display:block}.field input,.field select,.field textarea,.input{border:1px solid var(--color-border-strong);border-radius:var(--radius-md);background:var(--color-surface);width:100%;color:var(--color-text);font:inherit;transition:border-color var(--transition-fast), box-shadow var(--transition-fast);padding:.55rem .7rem}.field input::placeholder,.field textarea::placeholder{color:var(--color-text-subtle)}.field input:focus,.field select:focus,.field textarea:focus,.input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-soft);outline:none}.field input:disabled,.field select:disabled,.field textarea:disabled{background:var(--color-surface-muted);color:var(--color-text-subtle);cursor:not-allowed}.field.has-error input,.field.has-error select,.field.has-error textarea,.input.has-error{border-color:var(--color-danger)}.field.has-error input:focus,.field.has-error textarea:focus{box-shadow:0 0 0 3px var(--color-danger-soft)}.field-error{margin-top:var(--space-1);font-size:var(--font-size-sm);color:var(--color-danger);display:block}.checkbox{align-items:center;gap:var(--space-2);display:inline-flex}.checkbox input{width:auto;accent-color:var(--color-primary)}.table-wrap{border-radius:var(--radius-md);overflow-x:auto}.table{border-collapse:collapse;width:100%;font-size:var(--font-size-sm)}.table th,.table td{text-align:left;padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--color-border);overflow-wrap:anywhere}.table th{color:var(--color-text-muted);font-weight:var(--font-weight-semibold);background:var(--color-surface-muted);overflow-wrap:normal;vertical-align:bottom}.table tbody tr:hover{background:var(--color-surface-muted)}.table tbody tr:last-child td{border-bottom:none}.badge{align-items:center;gap:var(--space-1);border-radius:var(--radius-full);white-space:nowrap;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);background:var(--color-surface-muted);color:var(--color-text-muted);padding:.15rem .6rem;display:inline-flex}.badge-success{background:var(--color-success-soft);color:var(--color-success)}.badge-warning{background:var(--color-warning-soft);color:var(--color-warning)}.badge-danger{background:var(--color-danger-soft);color:var(--color-danger)}.badge-info{background:var(--color-info-soft);color:var(--color-info)}.badge-primary{background:var(--color-primary-soft);color:var(--color-primary-link)}.alert{padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);margin-bottom:var(--space-4);border:1px solid #0000}.alert-danger{background:var(--color-danger-soft);color:var(--color-danger);border-color:var(--color-danger-border)}.alert-success{background:var(--color-success-soft);color:var(--color-success)}.alert-warning{background:var(--color-warning-soft);color:var(--color-warning)}.alert-info{background:var(--color-info-soft);color:var(--color-info)}.state{text-align:center;padding:var(--space-10) var(--space-4);color:var(--color-text-muted)}.empty-state{align-items:center;gap:var(--space-3);padding:var(--space-12) var(--space-4);color:var(--color-text-muted);text-align:center;flex-direction:column;display:flex}.spinner{border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:var(--radius-full);width:1.5rem;height:1.5rem;animation:.7s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.skeleton{background:linear-gradient(90deg, var(--color-surface-muted) 25%, var(--color-surface-sunken) 37%, var(--color-surface-muted) 63%);border-radius:var(--radius-sm);background-size:400% 100%;animation:1.4s infinite skeleton}@keyframes skeleton{0%{background-position:100% 0}to{background-position:-100% 0}}@media (prefers-reduced-motion:reduce){.spinner,.skeleton,.btn.is-loading:after{animation-duration:0s}*{transition-duration:0s!important}}.modal-overlay{z-index:var(--z-modal);padding:var(--space-4);background:hsl(var(--shadow-color) / .45);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:var(--space-6);width:100%;max-width:32rem;max-height:90vh;overflow-y:auto}.modal-head{justify-content:space-between;align-items:center;gap:var(--space-4);margin-bottom:var(--space-4);display:flex}.muted{color:var(--color-text-muted)}.subtle{color:var(--color-text-subtle)}.stack{gap:var(--space-4);flex-direction:column;display:flex}.row{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.form-actions{gap:var(--space-3);margin-top:var(--space-2);flex-wrap:wrap;display:flex}@media (width<=720px){.btn,.input,select,input[type=text],input[type=email],input[type=password],input[type=url]{min-height:40px}.chip-remove{min-width:32px;min-height:32px}.table-wrap{overflow-x:visible}.table thead{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.table,.table tbody,.table tr,.table td{width:100%;display:block}.table tr{margin-bottom:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);overflow:hidden}.table tbody tr:last-child{margin-bottom:0}.table td{justify-content:space-between;align-items:center;gap:var(--space-1) var(--space-3);text-align:right;border-bottom:1px solid var(--color-border);flex-wrap:wrap;display:flex}.table tbody tr td:last-child{border-bottom:none}.table td[data-label]:before{content:attr(data-label);text-align:left;color:var(--color-text-muted);font-weight:var(--font-weight-semibold);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.02em;flex:none;margin-right:auto}.table td:empty{display:none}.table td.row-actions,.table td.actions-cell{text-align:left;background:var(--color-surface-muted);flex-wrap:wrap;justify-content:stretch}.table td.row-actions:before,.table td.actions-cell:before{flex-basis:100%}.table td.row-actions>*,.table td.actions-cell>*{flex:0 auto;min-width:44px}.table td[colspan]{text-align:center;justify-content:center}.table td select,.table td .input{max-width:100%}.table td{overflow-wrap:anywhere}}.avatar{border-radius:var(--radius-full);background:var(--color-primary-soft);width:1.9rem;height:1.9rem;color:var(--color-primary-link);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);flex:none;justify-content:center;align-items:center;display:inline-flex}.pill{border-radius:var(--radius-full);background:var(--color-danger);min-width:1.15rem;height:1.15rem;color:var(--color-primary-contrast);font-size:.68rem;font-weight:var(--font-weight-semibold);justify-content:center;align-items:center;margin-left:.35rem;padding:0 .35rem;display:inline-flex}.two-col{gap:var(--space-4);grid-template-columns:minmax(0,2fr) minmax(0,1fr);align-items:start;display:grid}.summary-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(180px,1fr));display:grid}.metric{text-align:left}.metric .value{font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold)}.metric .label{font-size:var(--font-size-sm);color:var(--color-text-muted)}.ticket-row{gap:var(--space-3);align-items:flex-start;display:flex}.ticket-row .subject{font-weight:var(--font-weight-semibold)}.ticket-row.is-unread .subject:before{content:"";border-radius:var(--radius-full);background:var(--color-danger);vertical-align:middle;width:.5rem;height:.5rem;margin-right:.45rem;display:inline-block}.excerpt{color:var(--color-text-muted);font-size:var(--font-size-sm)}.thread{gap:var(--space-4);flex-direction:column;display:flex}.msg{gap:var(--space-3);display:flex}.msg .bubble{background:var(--color-surface-muted);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-3) var(--space-4);max-width:46rem}.msg .meta{font-size:var(--font-size-xs);color:var(--color-text-subtle);margin-bottom:var(--space-1)}.msg.is-admin{flex-direction:row-reverse}.msg.is-admin .bubble{background:var(--color-primary-soft);border-color:var(--color-primary-soft-hover)}.attach{align-items:center;gap:var(--space-2);margin-top:var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);font-size:var(--font-size-sm);padding:.35rem .6rem;display:inline-flex}.section-head{align-items:center;gap:var(--space-3);margin:0 0 var(--space-3);display:flex}.section-head h3{margin:0}.section-head .spacer{flex:1}.quota{font-size:var(--font-size-sm);color:var(--color-text-muted)}.quota strong{color:var(--color-text)}.deploy-log{background:var(--color-surface-sunken);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);font-family:var(--font-mono,ui-monospace, monospace);font-size:var(--font-size-sm);max-height:15rem;line-height:1.7;overflow:auto}.deploy-log .ok:before{content:"✓ ";color:var(--color-success)}.deploy-log .run:before{content:"● ";color:var(--color-info)}.deploy-log .wait:before{content:"○ ";color:var(--color-text-subtle)}.deploy-log .fail:before{content:"✗ ";color:var(--color-danger)}.deploy-log .wait{color:var(--color-text-subtle)}.steps{gap:var(--space-3);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.steps li{gap:var(--space-3);align-items:flex-start;display:flex}.steps .num{border-radius:var(--radius-full);background:var(--color-surface-muted);width:1.6rem;height:1.6rem;color:var(--color-text-muted);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);flex:none;justify-content:center;align-items:center;display:inline-flex}.steps li.is-done .num{background:var(--color-success-soft);color:var(--color-success)}.steps li.is-current .num{background:var(--color-primary);color:var(--color-primary-contrast)}.dns-record{background:var(--color-surface-sunken);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-3);font-family:var(--font-mono,ui-monospace, monospace);font-size:var(--font-size-sm);overflow-x:auto}.hint{font-size:var(--font-size-sm);color:var(--color-text-muted);margin-top:var(--space-2)}.list-sep{border:none;border-top:1px solid var(--color-border);margin:0}@media (width<=780px){.two-col{grid-template-columns:1fr}.ticket-row{gap:var(--space-2);flex-direction:column}.ticket-row>div,.ticket-row .row{width:100%}.section-head{flex-wrap:wrap}.actions-cell .btn{flex:1}}
