:root{--bg: #eef2f7;--header: #2f343f;--header-text: #eef2f7;--header-border: #454d5e;--header-surface: #3b4352;--header-surface-border: #556072;--sidebar: #232833;--sidebar-text: #dbe3ef;--sidebar-soft: #31394a;--sidebar-border: #343c4c;--sidebar-title: #a9b4c7;--nav-active-bg: #44506a;--nav-active-text: #ffffff;--card: #ffffff;--stroke: #d6dce7;--text: #111827;--muted: #64748b;--table-row: #f8fafc;--error-bg: #fee2e2;--error-text: #7f1d1d;--error-border: #fecaca;--brand: #0f766e;--ok: #16a34a;--danger: #dc2626}[data-theme=dark]{--bg: #1f232b;--header: #2a2f37;--header-text: #e5e7eb;--header-border: #3b4350;--header-surface: #343a45;--header-surface-border: #4f596b;--sidebar: #242a33;--sidebar-text: #dbe3ef;--sidebar-soft: #333a47;--sidebar-border: #3a414d;--sidebar-title: #a4afc0;--nav-active-bg: #4a5362;--nav-active-text: #ffffff;--card: #2c3340;--stroke: #465062;--text: #e5e7eb;--muted: #a7b0bf;--table-row: #343c4a;--error-bg: #4c2629;--error-text: #ffd5d7;--error-border: #7d353b}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:Segoe UI,Trebuchet MS,sans-serif;background:var(--bg);color:var(--text);overflow:hidden}.auth-shell{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 20% 20%,#344155,#1c2129 58%)}.auth-card{width:min(470px,92vw);background:#fff;border:1px solid #d7dce6;border-radius:18px;padding:22px;box-shadow:0 18px 40px #10182838}[data-theme=dark] .auth-card{background:#2c3340;border-color:#485265}.auth-brand{display:flex;flex-direction:column;align-items:center;gap:8px;margin-bottom:14px;text-align:center}.auth-logo{width:34px;height:34px;border-radius:7px}.auth-title{font-size:18px;font-weight:700}.auth-subtitle{font-size:12px;color:var(--muted)}.auth-heading{margin:6px 0 10px}.auth-submit{width:100%}.auth-help{margin-top:10px;font-size:12px;color:var(--muted)}.pw-input-wrap{position:relative;width:100%}.pw-input-wrap input{padding-right:42px;width:100%}.pw-icon-btn{position:absolute;top:50%;right:8px;transform:translateY(-50%);border:0;background:transparent;color:var(--muted);width:28px;height:28px;display:grid;place-items:center;cursor:pointer}.pw-icon-btn:hover{color:var(--text)}.remember-row{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:8px;margin:8px 0;font-size:13px;width:100%;min-width:0}.remember-row input{flex:0 0 auto;margin:0}.remember-label{line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:left}.loading{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 20% 20%,#344155,#1c2129 58%)}.loading-card{width:min(360px,88vw);display:grid;justify-items:center;gap:10px;padding:20px}.loading-logo{width:68px;height:68px;border-radius:10px}.loading-title{color:#e5e7eb;font-size:16px;font-weight:700;text-align:center}.loading-progress{width:100%;height:10px;border-radius:999px;background:#fff3;overflow:hidden}.loading-progress-bar{width:40%;height:100%;background:linear-gradient(90deg,#16a34a,#22c55e);border-radius:999px;animation:loading-slide 1.3s ease-in-out infinite}.loading-error{margin-top:4px;font-size:13px;color:#fecaca;text-align:center}@keyframes loading-slide{0%{transform:translate(-120%)}to{transform:translate(320%)}}.shell{height:100vh;display:grid;grid-template-rows:64px 1fr;overflow:hidden}.app-header{background:var(--header);color:var(--header-text);display:flex;align-items:center;justify-content:space-between;padding:0 14px;border-bottom:1px solid var(--header-border)}.header-left,.header-center,.header-right{display:flex;align-items:center;gap:10px}.header-center{flex:1;justify-content:center;min-width:0}.header-all-toggle{display:inline-flex;align-items:center;gap:6px;color:var(--header-text);font-size:13px;margin-right:4px;white-space:nowrap}.header-all-toggle input{width:auto;margin:0}.header-gateway-select{min-width:260px;max-width:min(46vw,520px);color:#fff;font-weight:700}.header-gateway-select option{color:#111827}.header-gateway-select-ok{background:var(--ok);border:1px solid #15803d}.header-gateway-select-warn{background:#ca8a04;border:1px solid #a16207}.brand{display:flex;align-items:center;gap:10px}.brand-logo{width:30px;height:30px;border-radius:6px}.brand-title{font-size:18px;font-weight:700}.brand-subtitle{font-size:12px;color:#c8d1df}.nav-toggle-btn{border:0;background:transparent;color:var(--header-text);font-size:20px;width:34px;height:34px;cursor:pointer}.nav-toggle-btn:hover{opacity:.85}.icon-btn{border:1px solid var(--header-surface-border);background:var(--header-surface);color:var(--header-text);border-radius:8px;min-width:34px;height:34px;cursor:pointer;position:relative;padding:0 10px}.icon-btn:hover{filter:brightness(1.08)}.icon-btn:active{transform:translateY(1px)}.icon-btn-start{background:#16a34a;border-color:#15803d;color:#fff}.icon-btn-stop{background:#dc2626;border-color:#b91c1c;color:#fff}.theme-btn{min-width:38px}.notif-dot{position:absolute;top:-6px;right:-6px;background:#ef4444;color:#fff;border-radius:999px;font-size:11px;min-width:18px;height:18px;display:grid;place-items:center}.body{display:grid;grid-template-columns:280px 1fr;min-height:0;overflow:hidden}.body.sidebar-hidden{grid-template-columns:1fr}.sidebar{background:var(--sidebar);color:var(--sidebar-text);border-right:1px solid var(--sidebar-border);display:grid;grid-template-rows:1fr auto;width:280px;overflow:hidden}.sidebar.collapsed{width:84px}.sidebar.hidden{display:none}.sidebar-scroll{overflow-y:auto;overflow-x:hidden;min-height:0;max-height:100%;padding:10px}.nav-section{margin-bottom:8px}.nav-group-btn{width:100%;display:flex;justify-content:space-between;align-items:center;text-align:left;border:0;border-radius:8px;background:transparent;color:var(--sidebar-title);padding:9px 10px;font-size:12px;font-weight:700;letter-spacing:.3px;text-transform:uppercase;cursor:pointer}.nav-group-btn:hover{background:var(--sidebar-soft)}.nav-item{width:100%;border:0;border-radius:8px;background:transparent;color:var(--sidebar-text);padding:10px;margin-top:4px;cursor:pointer}.nav-item:hover{background:var(--sidebar-soft);border-left:3px solid #8ea7d8}.nav-item:active{transform:translateY(1px)}.nav-item.active{background:var(--nav-active-bg);color:var(--nav-active-text);font-weight:600;border-left:3px solid #5b7fc5}.nav-item:disabled{opacity:.75;cursor:not-allowed}.nav-subitem{display:grid;grid-template-columns:28px 1fr auto;gap:8px;align-items:center;padding-left:22px;font-size:12px;text-align:left}.nav-subitem span:nth-child(2){text-transform:uppercase;text-align:left;justify-self:start}.nav-icon{width:24px;height:24px;display:grid;place-items:center}.nav-icon svg,.nav-icon-center svg{width:14px;height:14px}.nav-icon-only{display:grid;place-items:center;padding:9px 4px}.nav-icon-center{width:32px;height:32px;display:grid;place-items:center;font-size:11px;font-weight:700}.lock-tag{font-size:10px;color:#fbbf24;border:1px solid #f59e0b;border-radius:999px;padding:1px 6px}.sidebar-footer{border-top:1px solid var(--sidebar-border);padding:10px;position:relative}.user-box{margin-bottom:0}.user-name{font-size:14px;font-weight:700}.user-role{font-size:12px;color:var(--sidebar-title)}.user-menu-wrap{position:relative}.user-menu-btn{width:100%;border:1px solid var(--sidebar-border);background:transparent;color:var(--sidebar-text);border-radius:10px;padding:10px;display:flex;align-items:center;justify-content:space-between;text-align:left;cursor:pointer}.user-menu-btn:hover{background:var(--sidebar-soft)}.user-menu-caret{font-size:10px;color:var(--sidebar-title)}.user-menu-panel{margin-top:8px;border:1px solid var(--sidebar-border);border-radius:10px;background:#1f2430;overflow:hidden}.user-menu-item{width:100%;border:0;background:transparent;color:var(--sidebar-text);padding:10px;display:flex;align-items:center;gap:8px;cursor:pointer;text-align:left}.user-menu-item:hover{background:var(--sidebar-soft)}.content{overflow:hidden;min-height:0;position:relative}.content-scroll{height:100%;padding:16px;overflow-y:auto;min-height:0;display:flex;flex-direction:column;gap:12px}.page-fill{display:grid;grid-template-rows:auto 1fr;gap:12px;height:100%;min-height:0;max-height:100%;min-width:0;flex:1}.page-fill.single{grid-template-rows:1fr}.reporting-page{grid-template-rows:auto minmax(0,1.1fr) minmax(0,.9fr)}.card-fill{display:flex;flex-direction:column;min-height:0;overflow:hidden}.fill-scroll{flex:1;min-height:0;height:100%;max-height:none;overflow-y:auto}.content-scroll>.card:only-child{height:100%;min-height:0;max-height:100%;display:flex;flex-direction:column}.content-scroll>.card:only-child .table-scroll{flex:1;min-height:0;max-height:none}.content-scroll>.page-tools+.card{flex:1;min-height:0;display:flex;flex-direction:column}.content-scroll>.page-tools+.card .table-scroll{flex:1;min-height:0;max-height:none}.gateway-footer{position:absolute;left:0;right:0;bottom:0;z-index:20;background:var(--header);color:var(--header-text);border-top:1px solid var(--header-border);padding:10px 12px;transition:max-height .18s ease,padding .18s ease,opacity .18s ease,transform .18s ease;max-height:min(46vh,420px);opacity:1;transform:translateY(0)}.gateway-footer.collapsed{max-height:0;opacity:0;padding-top:0;padding-bottom:0;border-top:0;overflow:hidden;transform:translateY(100%);pointer-events:none}.gateway-footer-title{font-size:12px;font-weight:700;letter-spacing:.4px;text-transform:uppercase;margin-bottom:8px}.gateway-footer-table{display:grid;gap:6px;max-height:min(38vh,340px);overflow-y:auto;padding-right:4px}.gateway-footer-head,.gateway-footer-row{display:grid;grid-template-columns:1.1fr 1.5fr 1.4fr .9fr 1.8fr 120px;gap:8px;align-items:center}.gateway-footer-head{font-size:11px;font-weight:700;opacity:.9}.gateway-footer-row{background:color-mix(in srgb,var(--header) 82%,#ffffff 18%);border:1px solid var(--header-border);border-radius:10px;padding:6px 8px}.gateway-footer-cell{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px}.gateway-footer-actions{justify-content:flex-start}.footer-action-btn.icon-btn-start:not(:disabled){background:#16a34a;border-color:#15803d;color:#fff}.footer-action-btn.icon-btn-stop:not(:disabled){background:#dc2626;border-color:#b91c1c;color:#fff}.footer-action-btn:disabled{background:#6b7280;border-color:#6b7280;color:#d1d5db;cursor:not-allowed;opacity:1}.footer-toggle-fab{position:fixed;right:14px;bottom:12px;z-index:50;border:1px solid var(--header-surface-border);background:var(--header);color:var(--header-text);border-radius:999px;padding:8px 12px;font-size:12px;font-weight:700;cursor:pointer;transition:bottom .18s ease,filter .14s ease}.footer-toggle-fab:hover{filter:brightness(1.08)}.footer-toggle-fab.running{background:#16a34a;border-color:#15803d;color:#fff}.footer-toggle-fab.stopped{background:#dc2626;border-color:#b91c1c;color:#fff}.page-tools{display:flex;justify-content:flex-end}.page-title-row h1{margin:0 0 12px;font-size:24px}.kpi-grid{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.dashboard-tools{align-items:center;gap:10px;flex-wrap:wrap}.dashboard-per-row-label{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:700}.dashboard-per-row-label select{width:76px}.dashboard-mode-toggle{display:inline-flex;align-items:center;gap:6px}.dashboard-grid{display:grid;gap:8px}.dashboard-card{min-height:0;padding:8px 10px;overflow:hidden}.dashboard-kpi-card{display:grid;grid-template-columns:25% 40% 25%;justify-content:space-between;gap:10px;align-items:center;min-height:88px}.dashboard-kpi-value{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;font-size:24px;font-weight:700;line-height:1.1;min-height:72px;gap:4px;min-width:0}.dashboard-kpi-value-main{max-width:100%;overflow:hidden;text-overflow:ellipsis}.dashboard-grid-4.dashboard-mode-kpi .dashboard-kpi-value{font-size:19px;min-height:62px;gap:2px}.dashboard-grid-4.dashboard-mode-kpi .dashboard-kpi-value-last{font-size:10px}.dashboard-grid-4.dashboard-mode-kpi .dashboard-kpi-meta{font-size:11px}.dashboard-kpi-value-last{font-size:11px;line-height:1.1;color:var(--muted);font-weight:500;width:100%;overflow:hidden;text-overflow:ellipsis}.dashboard-kpi-meta{display:flex;flex-direction:column;justify-content:center;gap:1px;font-size:12px;min-width:0;overflow:hidden}.dashboard-kpi-meta>div{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dashboard-kpi-title{font-weight:700}.dashboard-kpi-actions{display:flex;flex-direction:column;justify-content:center;gap:6px;align-items:flex-end;min-width:0;overflow:hidden;padding-right:6px}.dashboard-kpi-main-actions,.dashboard-kpi-move-actions{display:flex;gap:4px;justify-content:flex-end;flex-wrap:nowrap;width:100%}.dashboard-kpi-actions .table-action-btn{min-width:24px;width:24px;height:24px;padding:0;flex:0 0 24px;border-radius:6px;font-size:11px}.dashboard-chart-card .meta{margin:0 0 4px;font-size:12px;gap:6px}.dashboard-chart-card h3{margin:0;font-size:15px;display:inline-flex;align-items:center;gap:6px}.dashboard-chart-card .trend-header-row{margin-bottom:2px}.dashboard-chart-card .chart-wrap{height:150px;margin:0}.dashboard-title-divider{color:var(--muted);font-weight:400}.dashboard-live-inline{font-weight:700}.dashboard-empty-card{min-height:120px;display:grid;place-items:center;color:var(--muted)}.card{background:var(--card);border:1px solid var(--stroke);border-radius:14px;padding:14px}.mini-card{margin-top:12px}.login-card{width:min(420px,90vw)}.kpi{font-size:46px;font-weight:700}.meta{display:flex;gap:10px;color:var(--muted);font-size:13px;margin-top:6px}.chart-wrap{width:100%;height:230px}.trend-header-row{justify-content:space-between;align-items:center}.tag-monitor-header-actions{align-items:center}.modal-close-btn{border:1px solid var(--stroke);background:transparent;color:var(--text);width:30px;height:30px;border-radius:8px;cursor:pointer;font-weight:700;line-height:1;padding:0}.modal-close-btn:hover{border-color:#8ea7d8;color:#8ea7d8}.table{display:grid;gap:6px}.devices-table .thead,.devices-table .trow{grid-template-columns:2fr 1.5fr 1.5fr 1.5fr 120px}.db-table .thead,.db-table .trow{grid-template-columns:1.2fr 1fr 2.2fr 1.2fr .9fr 1.4fr 120px}.db-role-table .thead,.db-role-table .trow{grid-template-columns:1fr 1fr 1.8fr .85fr .75fr .85fr 1.55fr 1.05fr 120px}.backup-files-table .thead,.backup-files-table .trow{grid-template-columns:.6fr 1.2fr 2.1fr 1fr 120px}.email-profiles-table .thead,.email-profiles-table .trow{grid-template-columns:1.2fr 1.8fr 1.1fr .9fr 120px}.retention-runs-table .thead,.retention-runs-table .trow{grid-template-columns:1.2fr .8fr .9fr 1.8fr .8fr}.db-scope-grid{display:grid;grid-template-columns:1fr;gap:10px}.db-scope-grid .card{min-height:0}.db-table .thead>span,.db-table .trow>span{min-width:0}.db-cell{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.db-url-cell{text-align:left}.db-writing-cell{font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.db-last-check-cell{font-variant-numeric:tabular-nums;white-space:nowrap}.db-actions-cell{justify-content:flex-start}.db-add-btn{min-width:120px;justify-content:center}.gateway-table .thead,.gateway-table .trow{grid-template-columns:1.2fr 1fr .9fr 1.4fr 1fr .8fr 1fr 1.4fr 180px}.trigger-limit-table .thead,.trigger-limit-table .trow{grid-template-columns:1.1fr 1.2fr .95fr .95fr .8fr 1.2fr 120px}.trigger-condition-table .thead,.trigger-condition-table .trow{grid-template-columns:1fr 1.2fr .9fr .9fr .8fr .9fr 120px}.trigger-split{display:grid;grid-template-rows:1fr 1fr;gap:10px;min-height:0;flex:1}.trigger-split .card{min-height:0;padding-top:10px}.trigger-split .card h4{margin:0}.compact-tools{gap:8px}.trigger-card-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:6px}.trigger-mode-inline{display:inline-grid;grid-auto-flow:column;align-items:center;gap:8px;font-size:12px}.trigger-mode-inline select{min-width:160px;padding:6px 8px;font-size:12px}.tags-table .thead,.tags-table .trow{grid-template-columns:1.5fr 1fr 1fr .8fr 1.1fr .7fr 120px}.alarms-table .thead,.alarms-table .trow{grid-template-columns:44px 1.2fr 2.2fr .8fr 1fr}.tags-actions-cell{justify-content:center}.historian-table .thead,.historian-table .trow{grid-template-columns:1.35fr 1.3fr .8fr .9fr 1fr 1fr 1fr 1fr}.logs-table .thead,.logs-table .trow{grid-template-columns:1.3fr .7fr .8fr 2.2fr 1fr 1fr 1fr}.reporting-docs-table .thead,.reporting-docs-table .trow{grid-template-columns:1.1fr .9fr 2.6fr 170px}.card-title{margin:0 0 8px}.reporting-workspace{display:grid;grid-template-columns:minmax(340px,35%) minmax(0,65%);gap:12px;min-height:0;height:100%}.reporting-left,.reporting-right{display:grid;gap:12px;min-height:0}.reporting-right>.card{height:100%}.reporting-filter-grid{display:grid;grid-template-columns:1.2fr 1.2fr .8fr 1fr;gap:8px;margin-bottom:8px}.reporting-max-rows{max-width:170px}.reporting-select-row{display:grid;grid-template-columns:1fr 2fr;gap:8px}.report-check-group{border:1px solid var(--stroke);border-radius:10px;background:color-mix(in srgb,var(--card) 92%,var(--bg) 8%);padding:8px;min-height:340px;display:grid;grid-template-rows:auto 1fr;gap:6px}.gateway-col,.tags-col{min-width:0}.report-check-title{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.25px;color:var(--muted)}.report-check-list{min-height:0;max-height:430px;overflow:auto;display:grid;gap:4px;align-content:start;padding-right:2px}.tags-col .report-check-list{grid-template-columns:1fr;gap:6px 12px}.report-check-item{display:grid;grid-template-columns:auto minmax(0,1.5fr) 96px 72px 84px;gap:6px;align-items:center;font-size:12px}.gateway-check-item{grid-template-columns:auto minmax(0,1fr)}.gateway-check-item span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tag-check-item{grid-template-columns:auto minmax(0,1fr) 96px 72px}.report-check-item select{min-width:72px;padding:4px 6px;font-size:11px}.report-check-item input[type=color]{width:100%;min-width:64px;height:30px;border:1px solid var(--stroke);border-radius:8px;padding:2px;background:var(--card)}.reporting-actions-wide-row{margin-top:8px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.reporting-actions-wide-row .btn{width:100%}.reporting-actions-row{margin-top:4px}.reporting-main-card{min-height:0}.reporting-chart-wrap{height:180px;margin-top:12px}.report-summary{font-size:12px;margin-top:2px}.reporting-preview-card{min-height:0}.report-preview-frame{width:100%;height:100%;border:1px solid var(--stroke);border-radius:10px;background:#fff}.scheduled-table .thead,.scheduled-table .trow{grid-template-columns:1.2fr .8fr .7fr .6fr 1.4fr 1fr .8fr 150px}.gateway-table .trow{cursor:pointer}.gateway-table .trow.selected-row{outline:1px solid #5b7fc5}.tags-stack{display:grid;gap:2px;white-space:pre-wrap}.row-actions{display:flex;gap:6px;align-items:center}.table-action-btn{min-width:30px;width:30px;height:30px;padding:0;border-radius:8px;border:1px solid var(--stroke);background:transparent;color:var(--text)}.table-action-btn:hover{border-color:#8ea7d8;color:#8ea7d8}.table-action-btn.danger{border-color:#b91c1c;color:#b91c1c}.table-action-btn.danger:hover{border-color:#dc2626;color:#dc2626}.icon-text-btn{display:inline-flex;align-items:center;gap:7px}.muted{color:var(--muted)}.table-scroll{max-height:min(60vh,560px);overflow-y:auto;padding-right:4px}.table-scroll.fill-scroll{max-height:none;height:100%;min-height:0;overflow-y:auto}.table-scroll.fill-scroll>.table{min-height:100%;align-content:start}.thead,.trow{display:grid;grid-template-columns:2fr 2fr 1fr 1fr;gap:8px;align-items:center;font-size:13px}.thead{font-weight:700;border-bottom:1px solid var(--stroke);padding-bottom:8px}.trow{background:var(--table-row);border-radius:8px;padding:8px}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:10px;margin-bottom:12px}.form-note{grid-column:1 / -1;font-size:12px;color:var(--muted)}.email-template-preview{border:1px solid var(--stroke);border-radius:8px;background:color-mix(in srgb,var(--card) 88%,var(--bg) 12%);min-height:120px;padding:10px;overflow:auto}.retention-grid{margin-top:8px}.backup-card-header{justify-content:space-between;align-items:center;margin-bottom:8px;gap:10px;flex-wrap:wrap}.retention-policy-grid{display:grid;grid-template-columns:repeat(4,minmax(190px,1fr));gap:10px;margin-top:8px}.cleanup-card-row{display:flex;gap:10px;align-items:flex-end;flex-wrap:wrap}.cleanup-mode-field{min-width:240px}.perm-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:8px;margin:12px 0}.perm-item{display:flex;align-items:center;gap:8px;font-size:13px;line-height:1.25}.perm-item input[type=checkbox]{width:auto;min-width:auto;height:auto;margin:0;padding:0}.users-access-page{display:grid;gap:12px}.users-table-scroll{max-height:none;overflow:auto}.users-table{min-width:760px}.users-table .thead,.users-table .trow{grid-template-columns:1.2fr .8fr 1fr 1.1fr .9fr .9fr .9fr}.users-create-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;margin-top:8px}.users-perm-groups{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:10px;margin:12px 0 14px}.perm-group-card{border:1px solid var(--stroke);border-radius:10px;background:color-mix(in srgb,var(--card) 90%,var(--bg) 10%);padding:10px}.perm-group-title{font-size:12px;font-weight:700;letter-spacing:.3px;text-transform:uppercase;color:var(--muted);margin-bottom:8px}.perm-group-items{display:grid;gap:8px}label{display:grid;gap:6px;font-size:13px}input,select,textarea{border:1px solid var(--stroke);border-radius:10px;padding:9px 10px;font-size:14px;background:var(--card);color:var(--text);width:100%}textarea{resize:vertical;min-height:92px}input[type=checkbox]{width:auto;min-width:auto}.row{display:flex;gap:8px;flex-wrap:wrap}.btn{border:none;border-radius:10px;padding:10px 14px;color:#fff;cursor:pointer}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:var(--brand)}.btn-success{background:var(--ok)}.btn-danger{background:var(--danger)}.pill{border-radius:999px;padding:6px 12px;font-size:12px;font-weight:600}.pill-green{background:#dcfce7;color:#14532d}.pill-red{background:#fee2e2;color:#7f1d1d}.pill-amber{background:#fef3c7;color:#78350f}.header-db-pill{width:360px;min-width:360px;max-width:360px;display:inline-block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:left}@media (max-width: 1360px){.header-db-pill{width:280px;min-width:280px;max-width:280px}.db-scope-grid{grid-template-columns:1fr}}.error{background:var(--error-bg);color:var(--error-text);border:1px solid var(--error-border);padding:8px 10px;border-radius:10px;margin-bottom:10px}.lock-note{margin-top:10px;padding:8px 10px;border:1px solid #f59e0b;color:#b45309;background:#fffbeb;border-radius:10px}.info-note,.ok-note{margin-top:10px;padding:8px 10px;border:1px solid #86efac;color:#166534;background:#dcfce7;border-radius:10px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a8c;display:grid;place-items:center;z-index:50;padding:16px}.modal-card{width:min(430px,96vw);background:var(--card);border:1px solid var(--stroke);border-radius:14px;padding:16px}.db-modal-card{width:min(900px,96vw);max-height:88vh;overflow-y:auto}.gateway-modal-card{width:min(920px,96vw);max-height:88vh;overflow-y:auto}.trigger-modal-card{width:min(640px,96vw)}.tag-monitor-modal{width:min(1180px,98vw);max-height:96vh;overflow:hidden;background:#f3f4f6;padding:14px}.tag-monitor-modal .form-grid{margin-bottom:10px}.tag-monitor-modal .meta{margin-bottom:8px}.tag-monitor-modal .chart-wrap{margin-top:4px;padding:6px 4px 2px;border-radius:10px;background:transparent;height:280px}.tag-monitor-modal input,.tag-monitor-modal select,.tag-monitor-modal textarea{background:#fff;color:#111827}[data-theme=dark] .tag-monitor-modal{background:#262c36}[data-theme=dark] .tag-monitor-modal input,[data-theme=dark] .tag-monitor-modal select,[data-theme=dark] .tag-monitor-modal textarea{background:#303846;color:#e5e7eb;border-color:#4a5568}.modal-card h3{margin:0 0 12px}.confirm-card{width:min(420px,92vw)}.confirm-card p{margin:0 0 12px}.modal-actions{justify-content:flex-end;margin-top:12px}.device-form-grid{display:grid;grid-template-columns:1fr;gap:10px}.gateway-form-grid,.trigger-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.trigger-limit-row{grid-column:span 2}.trigger-limit-controls{display:grid;grid-template-columns:120px 1fr;gap:8px}.trigger-enabled-row{margin-top:2px}.gateway-span-2{grid-column:span 2}.discovered-tags-card{border:1px solid var(--stroke);border-radius:10px;padding:8px;background:color-mix(in srgb,var(--card) 88%,var(--bg) 12%)}.discovered-tags-toolbar{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}.discovered-tags-list{max-height:180px;overflow-y:auto;border-top:1px solid var(--stroke);padding-top:8px;display:grid;gap:6px}.discovered-tag-item{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:8px;font-size:12px}.discovered-tag-item.disabled{opacity:.65}.discovered-tag-item code{font-size:11px;color:var(--muted)}.opc-validate-item{display:grid;grid-template-columns:auto minmax(220px,1fr) minmax(240px,1fr);align-items:start;gap:8px;font-size:12px}.opc-validate-badge{display:inline-flex;align-items:center;justify-content:center;min-width:42px;padding:2px 8px;border-radius:999px;border:1px solid var(--stroke);font-weight:700}.opc-validate-badge.ok{color:#166534;background:#dcfce7;border-color:#86efac}.opc-validate-badge.fail{color:#7f1d1d;background:#fee2e2;border-color:#fecaca}.opc-validate-node code{font-size:11px;color:var(--muted)}.opc-validate-msg{color:var(--text)}.db-modal-layout{display:grid;gap:10px}.db-group{border:1px solid var(--stroke);border-radius:12px;padding:10px;background:color-mix(in srgb,var(--card) 92%,var(--bg) 8%)}.db-group-title{font-size:12px;font-weight:700;color:var(--muted);margin-bottom:8px;text-transform:uppercase}.db-quick-actions{display:flex;justify-content:flex-end;margin-bottom:8px}.btn-sm{padding:6px 10px;font-size:12px}.db-grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.db-span-2{grid-column:span 2}.status-sub{font-size:11px;margin-top:2px}.status-pill{display:inline-block;border-radius:999px;padding:2px 8px;font-size:11px;font-weight:700}.status-online{background:#dcfce7;color:#166534}.status-warning{background:#fef3c7;color:#92400e}.status-offline{background:#fee2e2;color:#991b1b}.status-chip{font-size:11px}.status-chip.ok{color:#15803d}.status-chip.fail{color:#b91c1c}.test-status-wrap{display:grid;gap:8px;margin-top:8px}.compact-note{margin:0}@media (max-width: 1100px){.body{grid-template-columns:1fr}.sidebar,.sidebar.collapsed{width:100%;grid-template-rows:auto auto}.gateway-footer-head,.gateway-footer-row{grid-template-columns:1fr}.gateway-footer-head{display:none}.reporting-workspace{grid-template-columns:1fr}.reporting-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.reporting-select-row,.tags-col .report-check-list,.reporting-actions-wide-row,.db-scope-grid{grid-template-columns:1fr}}@media (max-width: 760px){.app-header{padding:0 8px}.brand-title{font-size:15px}.brand-subtitle{display:none}.header-right{gap:6px}.icon-btn{min-width:32px;height:32px;padding:0 8px}.footer-toggle-fab{right:10px;bottom:10px;padding:7px 10px;font-size:11px}.db-grid-2{grid-template-columns:1fr}.db-span-2{grid-column:span 1}.gateway-form-grid{grid-template-columns:1fr}.gateway-span-2{grid-column:span 1}.trigger-form-grid{grid-template-columns:1fr}.trigger-limit-row{grid-column:span 1}.trigger-limit-controls,.reporting-filter-grid,.reporting-select-row{grid-template-columns:1fr}.report-check-group{min-height:150px}.tags-col .report-check-list,.reporting-actions-wide-row{grid-template-columns:1fr}.dashboard-kpi-card{grid-template-columns:1fr;align-items:stretch}.dashboard-kpi-actions{align-items:flex-start}.dashboard-kpi-main-actions,.dashboard-kpi-move-actions{justify-content:flex-start}.retention-policy-grid{grid-template-columns:repeat(2,minmax(180px,1fr))}}