:root{color-scheme:light;--color-bg:#f4f7fb;--color-surface:#fff;--color-surface-soft:#eef5f8;--color-text:#17202a;--color-muted:#667386;--color-line:#d8e1ea;--color-line-strong:#c8d4df;--color-accent:#14788d;--color-accent-dark:#0f5f72;--color-accent-soft:#e5f6fa;--color-danger:#b42318;--color-danger-soft:#fde8e7;--color-warning:#b76100;--color-warning-soft:#fff2d8;--color-ok:#137333;--color-ok-soft:#e4f6e9;--color-off:#667386;--color-off-soft:#eef2f5;--shadow-card:0 16px 45px rgba(23,32,42,.08);--shadow-modal:0 24px 70px rgba(23,32,42,.28);--radius-sm:6px;--radius-md:8px;--radius-pill:999px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:32px;--container:1180px;--bg:var(--color-bg);--panel:var(--color-surface);--text:var(--color-text);--muted:var(--color-muted);--line:var(--color-line);--accent:var(--color-accent);--accent-dark:var(--color-accent-dark);--danger:var(--color-danger);--ok:var(--color-ok)}*{box-sizing:border-box}body{margin:0;background:var(--color-bg);color:var(--color-text);font-family:Arial,Helvetica,sans-serif;overflow-x:hidden}a{color:var(--color-accent);text-decoration:none}a:hover{text-decoration:underline}button,input,select,textarea{font:inherit}button:disabled{cursor:wait;opacity:.72}dl,figure,h1,h2,h3,p{margin-top:0}.shell{min-height:100vh}.topbar{background:var(--color-surface);border-bottom:1px solid var(--color-line);display:flex;gap:var(--space-6);min-height:64px;justify-content:space-between;padding:0 28px}.brand,.topbar{align-items:center}.brand{color:var(--color-text);display:inline-flex;font-size:18px;font-weight:700;gap:var(--space-2)}.brand:hover{text-decoration:none}.nav{display:flex;gap:18px}.nav a{color:var(--color-muted);font-size:14px;font-weight:700}.topbar-actions{align-items:center;display:flex;gap:18px}.app-version{color:var(--color-muted);font-size:12px;white-space:nowrap}.main{margin:0 auto;max-width:calc(var(--container) + 56px);padding:28px}.stack{display:grid;grid-gap:var(--space-6);gap:var(--space-6)}.page-header{align-items:center;display:flex;gap:var(--space-6);justify-content:space-between;margin-bottom:var(--space-6)}.page-title{display:grid;grid-gap:var(--space-2);gap:var(--space-2)}.page-title h1{font-size:clamp(28px,4vw,32px);line-height:1.15;margin:0}.page-title p{color:var(--color-muted);font-size:16px;line-height:1.45;margin:0}.card,.panel{background:var(--color-surface);border:1px solid var(--color-line);border-radius:var(--radius-md);padding:var(--space-5)}.card.elevated{box-shadow:var(--shadow-card)}.grid{display:grid;grid-gap:var(--space-5);gap:var(--space-5)}.grid.two{grid-template-columns:minmax(0,1fr) minmax(320px,420px)}.grid.equal-two{grid-template-columns:repeat(2,minmax(0,1fr))}.metrics-grid{display:grid;grid-gap:var(--space-4);gap:var(--space-4);grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:var(--space-6)}.metrics-grid-compact{grid-template-columns:repeat(3,minmax(0,1fr))}.metric-card{background:var(--color-surface);border:1px solid var(--color-line);border-radius:var(--radius-md);color:var(--color-text);display:grid;grid-gap:var(--space-1);gap:var(--space-1);min-height:88px;padding:var(--space-4);text-decoration:none}.metric-card-link{cursor:pointer}.metric-card-link:hover{border-color:var(--color-accent);box-shadow:0 8px 24px rgba(23,32,42,.08);text-decoration:none}.metric-card span{color:var(--color-muted);font-size:13px;font-weight:700}.metric-card strong{color:var(--color-text);display:block;font-size:30px;line-height:1.05}.metric-card small{color:var(--color-ok);font-size:12px;font-weight:700}.section-header{align-items:center;display:flex;gap:var(--space-4);justify-content:space-between;margin-bottom:var(--space-4)}.section-header h1,.section-header h2,.section-header h3{margin:0}.section-kicker{color:var(--color-muted);font-size:13px;line-height:1.45;margin:var(--space-1) 0 0}.table{border-collapse:collapse;min-width:760px;width:100%}.table-wrap{margin-inline:-4px;overflow-x:auto;padding-inline:4px;-webkit-overflow-scrolling:touch}.table td,.table th{border-bottom:1px solid var(--color-line);padding:14px 10px;text-align:left;vertical-align:middle}.table th{color:var(--color-muted);font-size:12px;font-weight:700}.data-grid{min-width:0;table-layout:fixed}.data-grid th:first-child{width:27%}.data-grid th:nth-child(2){width:12%}.data-grid th:nth-child(3){width:13%}.data-grid th:nth-child(4),.data-grid th:nth-child(5){width:17%}.data-grid th:nth-child(6){width:14%}.visitor-metric{align-items:center;display:inline-flex;flex-wrap:wrap;gap:6px}.visitor-count,.visitor-trend{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.visitor-trend{align-items:center;display:inline-flex;font-size:12px;font-weight:700;gap:1px;white-space:nowrap}.visitor-trend.up{color:var(--color-ok)}.visitor-trend.down{color:var(--color-danger)}.visitor-trend.flat{color:var(--color-muted)}.error-grid{min-width:1080px}.error-grid th:first-child{width:24%}.error-grid th:nth-child(2){width:18%}.error-grid th:nth-child(3),.error-grid th:nth-child(4),.error-grid th:nth-child(6),.error-grid th:nth-child(7){width:10%}.error-grid th:nth-child(5){width:18%}.desktop-table{display:block}.mobile-list{display:none}.site-title{align-items:flex-start;display:flex;gap:10px;min-width:0}.site-title>:last-child{min-width:0}.site-title a,.site-title strong{color:var(--color-text);font-weight:700;overflow-wrap:anywhere}.site-favicon{align-items:center;background:var(--color-accent-soft);border:1px solid var(--color-line);border-radius:var(--radius-sm);color:var(--color-accent);display:inline-flex;flex:0 0 auto;height:28px;justify-content:center;margin-top:-2px;overflow:hidden;width:28px}.site-favicon img{display:block;height:18px;object-fit:contain;width:18px}.button{align-items:center;background:var(--color-accent);border:1px solid transparent;border-radius:var(--radius-sm);color:#fff;cursor:pointer;display:inline-flex;gap:var(--space-2);justify-content:center;min-height:40px;padding:9px 14px;text-decoration:none}.button:hover{background:var(--color-accent-dark);text-decoration:none}.button.secondary{background:var(--color-surface);border-color:var(--color-line);color:var(--color-text)}.button.secondary:hover{background:var(--color-surface-soft)}.button.ghost{background:transparent;border-color:transparent;color:var(--color-accent)}.button.danger{background:var(--color-danger);color:#fff}.button.danger:hover{background:#8f1c14}.button-row{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.action-stack{display:grid;grid-gap:6px;gap:6px;justify-items:start}.icon-button svg{flex:0 0 auto}.badge,.status-pill{align-items:center;border-radius:var(--radius-pill);display:inline-flex;font-size:12px;font-weight:700;justify-content:center;line-height:1;min-height:24px;padding:5px 10px;white-space:nowrap}.badge.ok,.status-pill.ok{background:var(--color-ok-soft);color:var(--color-ok)}.status-pill.warning{background:var(--color-warning-soft);color:var(--color-warning)}.status-pill.danger{background:var(--color-danger-soft);color:var(--color-danger)}.badge.off,.status-pill.off{background:var(--color-off-soft);color:var(--color-off)}.field{display:grid;grid-gap:6px;gap:6px;margin-bottom:var(--space-3)}.field label{color:var(--color-muted);font-size:13px;font-weight:700}.input{background:var(--color-surface);border:1px solid var(--color-line);border-radius:var(--radius-sm);min-height:42px;padding:9px 10px;width:100%}.input:focus{border-color:var(--color-accent);outline:3px solid rgba(20,120,141,.14)}.form-help{font-size:13px;line-height:1.45;margin:0}.form-section{border:1px solid var(--color-line);border-radius:var(--radius-md);display:grid;grid-gap:var(--space-3);gap:var(--space-3);margin-bottom:var(--space-4);padding:var(--space-4)}.form-section h3{font-size:16px;margin:0}.form-grid{display:grid;grid-gap:var(--space-3);gap:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr))}.form-toggle{align-items:flex-start;display:flex;gap:var(--space-2)}.form-toggle input{margin-top:3px}.wizard-steps{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-4)}.advanced-settings{border:1px solid var(--color-line);border-radius:var(--radius-md);margin-bottom:var(--space-4);padding:10px 12px}.advanced-settings summary{color:var(--color-text);cursor:pointer;font-size:14px;font-weight:700}.advanced-settings[open] summary{margin-bottom:10px}.site-detail-header{border-left:3px solid var(--color-ok);display:grid;grid-gap:var(--space-4);gap:var(--space-4)}.site-detail-top{align-items:flex-start;display:flex;gap:var(--space-5);justify-content:space-between}.site-heading{display:grid;grid-gap:var(--space-2);gap:var(--space-2)}.site-heading h1{font-size:clamp(28px,4vw,32px);line-height:1.15;margin:0}.site-heading p{margin:0}.status-line{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-3)}.status-grid{display:grid;grid-gap:var(--space-3);gap:var(--space-3);grid-template-columns:repeat(4,minmax(0,1fr))}.status-card{border:1px solid var(--color-line);border-radius:var(--radius-sm);display:grid;grid-gap:var(--space-1);gap:var(--space-1);min-width:0;padding:var(--space-3)}.status-card span{color:var(--color-muted);font-size:12px;font-weight:700}.status-card strong{overflow-wrap:anywhere}.operations-grid{display:grid;grid-gap:var(--space-4);gap:var(--space-4);grid-template-columns:repeat(3,minmax(0,1fr))}.operation-card{border:1px solid var(--color-line);border-radius:var(--radius-md);display:grid;grid-gap:var(--space-2);gap:var(--space-2);min-width:0;padding:var(--space-4)}.operation-card h3{font-size:17px;margin:0}.operation-value{font-size:28px;font-weight:700;line-height:1.1}.screens{display:grid;grid-gap:var(--space-3);gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.screens figure{margin:0;min-width:0}.screens img{aspect-ratio:16/10;border:1px solid var(--color-line);border-radius:var(--radius-sm);display:block;height:auto;object-fit:contain;width:100%}.screens-preview{align-items:stretch;display:grid;grid-gap:var(--space-4);gap:var(--space-4);grid-template-columns:repeat(3,minmax(0,1fr))}.preview-card{border:1px solid var(--color-line);border-radius:var(--radius-md);display:grid;grid-gap:var(--space-2);gap:var(--space-2);padding:var(--space-3)}.preview-placeholder{align-items:center;background:var(--color-surface-soft);border:1px solid var(--color-line);border-radius:var(--radius-sm);color:var(--color-muted);display:flex;min-height:104px;justify-content:center}.image-action-row{align-items:center;display:inline-flex;flex-wrap:wrap;gap:6px;min-height:34px}.image-preview-trigger{align-items:center;background:var(--color-surface-soft);border:1px solid var(--color-line);border-radius:var(--radius-sm);color:var(--color-accent);cursor:pointer;display:inline-flex;flex:0 0 auto;height:34px;justify-content:center;padding:0;width:34px}.image-preview-trigger:hover{background:#dfe9f0}.modal-backdrop{align-items:center;background:rgba(23,32,42,.72);display:flex;inset:0;justify-content:center;padding:var(--space-5);position:fixed;z-index:50}.app-dialog{background:var(--color-surface);border:1px solid var(--color-line);border-radius:var(--radius-md);box-shadow:var(--shadow-modal);display:grid;grid-gap:var(--space-4);gap:var(--space-4);max-height:min(92vh,880px);max-width:min(94vw,680px);overflow:auto;padding:var(--space-5);width:100%}.dialog-header{align-items:flex-start;display:flex;gap:var(--space-4);justify-content:space-between}.dialog-header h2{margin:0}.image-modal{background:var(--color-surface);border-radius:var(--radius-md);box-shadow:var(--shadow-modal);display:grid;grid-gap:14px;gap:14px;grid-template-rows:auto minmax(0,1fr) auto;max-height:min(92vh,980px);max-width:min(96vw,1180px);padding:var(--space-4);width:100%}.image-modal.is-mobile{max-width:min(96vw,520px)}.image-modal-actions,.image-modal-header{align-items:center;display:flex;gap:var(--space-3);justify-content:space-between}.image-modal-header h3{font-size:18px;line-height:1.3;margin:0}.image-modal-body{align-items:center;border:1px solid var(--color-line);border-radius:var(--radius-sm);display:flex;justify-content:center;max-height:calc(92vh - 150px);min-height:0;overflow:hidden}.image-modal-body img{display:block;height:auto;max-height:calc(92vh - 150px);max-width:100%;object-fit:contain;width:auto}.stats{display:grid;grid-gap:var(--space-4);gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.stats div{border:1px solid var(--color-line);border-radius:var(--radius-sm);padding:var(--space-4)}.stats strong{display:block;font-size:24px;line-height:1.2;margin-top:6px}.pairing-box{border:1px solid var(--color-line);border-radius:var(--radius-sm);display:grid;grid-gap:10px;gap:10px;margin-top:14px;padding:14px}.pairing-box strong{font-size:22px;line-height:1.25}.pairing-box code,.pairing-box strong{display:block;margin-top:4px;overflow-wrap:anywhere}.plugin-pairing{border:1px solid var(--color-line);border-radius:var(--radius-sm);display:grid;grid-gap:var(--space-3);gap:var(--space-3);margin:var(--space-4) 0;padding:var(--space-4)}.plugin-pairing h3{margin:0}.empty-state{align-items:start;border:1px solid var(--color-line);border-radius:var(--radius-md);display:grid;grid-gap:var(--space-3);gap:var(--space-3);padding:var(--space-5)}.empty-state h3{margin:0}.stat-label{color:var(--color-muted);display:block;font-size:13px;font-weight:700}.change-card,.mobile-card{border:1px solid var(--color-line);border-radius:var(--radius-md);display:grid;grid-gap:var(--space-3);gap:var(--space-3);min-width:0;padding:var(--space-4)}.change-card p,.mobile-card p{margin:0}.change-card h3{font-size:20px;line-height:1.2;margin:0}.change-card-header,.mobile-card-header{align-items:flex-start;display:flex;gap:var(--space-3);justify-content:space-between;min-width:0}.change-card-header>:first-child,.mobile-card-header>:first-child{min-width:0;overflow-wrap:anywhere}.mobile-meta{display:grid;grid-gap:var(--space-2);gap:var(--space-2);margin:0}.mobile-meta div{display:grid;grid-gap:2px;gap:2px;min-width:0}.mobile-meta dt{color:var(--color-muted);font-size:12px;font-weight:700}.mobile-meta dd{margin:0;min-width:0;overflow-wrap:anywhere}.mobile-actions{justify-content:flex-start}.change-preview{background:var(--color-surface-soft);border:1px solid var(--color-line);border-radius:var(--radius-sm);display:grid;min-height:62px;padding:var(--space-2)}.muted{color:var(--color-muted)}.break-text{overflow-wrap:anywhere;word-break:break-word}.login{display:grid;min-height:100vh;place-items:center;padding:var(--space-6)}.login .panel{width:min(100%,420px)}@media (max-width:920px){.metrics-grid,.metrics-grid-compact,.operations-grid,.screens-preview,.status-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.two{grid-template-columns:1fr}.site-detail-top{display:grid}.topbar{align-items:center;gap:var(--space-3);height:auto}.main,.topbar{padding:18px}}@media (max-width:620px){.topbar{align-items:stretch;flex-direction:column}.nav{flex-wrap:wrap}.topbar-actions{align-items:flex-start;flex-direction:column;gap:6px}.main{padding:var(--space-3)}.card,.panel{padding:var(--space-4)}.page-header,.section-header{align-items:stretch;flex-direction:column}.form-grid,.metrics-grid,.operations-grid,.screens-preview,.status-grid{grid-template-columns:1fr}.status-grid.mobile-two{grid-template-columns:repeat(2,minmax(0,1fr))}.desktop-table{display:none}.mobile-list{display:grid;grid-gap:var(--space-3);gap:var(--space-3)}.action-stack,.action-stack .button,.button-row,.button-row .button,.button-row>*{width:100%}.site-detail-top .button-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.site-detail-top .button-row>*{width:100%}.badge,.status-pill{flex:0 0 auto}.login{padding:var(--space-3)}.screens{grid-template-columns:minmax(0,1fr)}.modal-backdrop{padding:10px}.app-dialog{max-height:96vh;padding:var(--space-4)}.image-modal{max-height:96vh;padding:var(--space-3)}.image-modal-body{max-height:calc(96vh - 140px)}}@media (max-width:390px){.site-detail-top .button-row,.status-grid.mobile-two{grid-template-columns:1fr}}