:root{--bg: #080c10;--bg-soft: #0d1319;--panel: #111922;--panel-2: #151f2a;--line: rgba(255, 255, 255, .1);--line-soft: rgba(255, 255, 255, .06);--text: #f4f7fb;--muted: #91a0ae;--faint: #667584;--accent: #f59f1b;--accent-2: #ffbf57;--green: #31c48d;--red: #f05252;--blue: #60a5fa;--shadow: 0 18px 60px rgba(0, 0, 0, .28);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--text);background:var(--bg)}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 15% 10%,rgba(245,159,27,.12),transparent 24rem),radial-gradient(circle at 90% 15%,rgba(96,165,250,.08),transparent 26rem),var(--bg)}button,input,select{font:inherit}button{cursor:pointer}.login-shell{min-height:100vh;display:grid;place-items:center;padding:24px}.login-card{width:min(460px,100%);border:1px solid var(--line);border-radius:24px;background:linear-gradient(180deg,#151f2af5,#0d1319f5);box-shadow:var(--shadow);padding:34px}.login-card h1,.hero-panel h1,.page-header h1{margin:8px 0;letter-spacing:0}.login-card p,.page-header p,.hero-panel p{color:var(--muted);margin:0}.login-card form{display:grid;gap:16px;margin-top:28px}.login-card label{display:grid;gap:8px;color:var(--muted);font-weight:700}.login-card .remember-row{display:flex;align-items:center;gap:10px}.login-card .remember-row input{width:18px;height:18px}.login-card input,.search-box input,select{border:1px solid var(--line);border-radius:12px;background:#0a1016;color:var(--text);padding:13px 14px;outline:none}.login-card button,.logout-button{display:inline-flex;align-items:center;justify-content:center;gap:9px;border:0;border-radius:13px;background:linear-gradient(135deg,var(--accent),#f97316);color:#140c00;font-weight:900;padding:13px 16px}.form-error{color:#ffc1c1;font-size:14px}.app-shell{min-height:100vh;display:grid;grid-template-columns:280px minmax(0,1fr)}.sidebar{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;border-right:1px solid var(--line);background:#080c10e6;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);padding:22px 18px}.brand{display:flex;align-items:center;gap:12px}.brand-mark{display:grid;place-items:center;width:44px;height:44px;border-radius:15px;background:linear-gradient(135deg,var(--accent),#d97706);color:#120900;font-weight:1000;box-shadow:0 10px 28px #f59f1b47}.brand-mark.large{width:60px;height:60px;border-radius:20px}.brand strong,.brand span{display:block}.brand span,.eyebrow,.muted,.sidebar-status small{color:var(--muted)}.eyebrow{font-size:12px;text-transform:uppercase;letter-spacing:.12em;font-weight:900}.nav-list{display:grid;gap:7px;margin-top:34px}.nav-item{display:flex;align-items:center;gap:12px;min-height:45px;border:1px solid transparent;border-radius:13px;background:transparent;color:var(--muted);padding:0 13px;text-align:left;font-weight:800}.nav-item span:first-of-type{min-width:0;flex:1}.nav-alert-badge{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:24px;border-radius:999px;background:linear-gradient(135deg,var(--accent),#f97316);color:#140c00;padding:0 7px;font-size:12px;font-weight:1000;box-shadow:0 8px 20px #f59f1b47}.nav-item:hover,.nav-item.active{border-color:var(--line);background:linear-gradient(90deg,#f59f1b29,#ffffff08);color:var(--text)}.nav-item.prepared{color:var(--faint)}.sidebar-status{display:grid;gap:10px;margin-top:auto;border-top:1px solid var(--line);padding-top:18px}.main{min-width:0;padding:24px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:72px;border:1px solid var(--line);border-radius:20px;background:#111922d1;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);padding:14px 18px;margin-bottom:24px}.topbar-actions{display:flex;align-items:center;gap:10px;color:var(--muted)}.icon-button{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--line);border-radius:12px;background:#0c1218;color:var(--text);padding:10px 12px}.notifications-wrap{position:relative}.notification-button.active,.notification-button:hover{border-color:#f59f1b6b;background:#f59f1b29;color:#ffd08a}.notifications-panel{position:absolute;top:calc(100% + 12px);right:0;z-index:30;width:min(420px,calc(100vw - 44px));border:1px solid var(--line);border-radius:18px;background:linear-gradient(180deg,#151f2afa,#080c10fa);box-shadow:var(--shadow);padding:14px;color:var(--text)}.notifications-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding-bottom:12px;border-bottom:1px solid var(--line-soft)}.notifications-header strong,.notification-item strong{display:block}.notifications-header span,.notification-item span,.notifications-empty span,.notifications-status{color:var(--muted)}.notifications-status{display:flex;align-items:center;gap:8px;margin:12px 0;border:1px solid rgba(49,196,141,.22);border-radius:12px;background:#31c48d1a;padding:10px 12px;font-size:13px;font-weight:800}.notifications-list{display:grid;gap:9px;max-height:360px;overflow:auto;padding-right:2px}.notification-item{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;border:1px solid var(--line-soft);border-radius:14px;background:#ffffff0d;padding:12px}.notification-item.photo{border-color:#f59f1b4d;background:#f59f1b1a}.notification-item.configuration{border-color:#60a5fa57;background:#60a5fa1a}.notification-item.warning{border-color:#f0525252;background:#f052521a}.configuration-alert-card{width:100%;display:flex;align-items:center;gap:12px;border:1px solid rgba(245,159,27,.38);border-radius:14px;background:#f59f1b24;color:var(--text);padding:12px;margin-bottom:12px;text-align:left}.configuration-alert-card:hover{border-color:#f59f1b94;background:#f59f1b33}.configuration-alert-card svg{color:#ffd08a;flex:0 0 auto}.configuration-alert-card span{display:grid;gap:2px}.configuration-alert-card strong,.configuration-alert-card small{display:block}.configuration-alert-card small{color:var(--muted);font-weight:800}.notification-item time{color:var(--faint);font-size:12px;font-weight:900;white-space:nowrap}.notifications-empty{display:grid;place-items:center;gap:8px;min-height:160px;text-align:center;color:var(--muted)}.notifications-clear{width:100%;margin-top:12px}.install-app-button{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(245,159,27,.36);border-radius:12px;background:#f59f1b29;color:#ffd08a;padding:10px 12px;font-size:13px;font-weight:900;white-space:nowrap}.install-app-button:hover{background:#f59f1b3d;color:#ffe3b5}.realtime-badge{display:inline-flex;align-items:center;gap:7px;border:1px solid rgba(49,196,141,.28);border-radius:999px;background:#31c48d1f;color:#a7f3d0;padding:8px 11px;font-size:12px;font-weight:900;text-transform:uppercase}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.page-stack{display:grid;gap:20px}.hero-panel,.panel,.metric-card,.table-panel,.camera-tile,.photo-card,.server-card,.prepared-panel,.drawer{border:1px solid var(--line);border-radius:22px;background:linear-gradient(180deg,#151f2af0,#0d1319f0);box-shadow:var(--shadow)}.hero-panel{display:flex;align-items:end;justify-content:space-between;gap:24px;padding:28px}.hero-panel h1{font-size:clamp(30px,4vw,52px)}.hero-sync{display:grid;gap:6px;color:var(--muted);text-align:right}.hero-sync strong{color:var(--text)}.metrics-grid{display:grid;grid-template-columns:repeat(5,minmax(150px,1fr));gap:14px}.metric-card{display:flex;justify-content:space-between;align-items:flex-start;padding:18px}.metric-card span,.server-card span,.photo-card span,.camera-tile span{color:var(--muted)}.metric-card strong{display:block;margin-top:10px;font-size:32px}.metric-card svg{color:var(--accent)}.tone-green svg{color:var(--green)}.tone-red svg{color:var(--red)}.dashboard-grid{display:grid;grid-template-columns:1.35fr 1fr;gap:18px}.latest-card{grid-column:span 2}.panel,.prepared-panel{padding:20px}.panel-heading,.split{display:flex;align-items:center;justify-content:space-between;gap:12px}.panel-heading h2,.page-header h1,.camera-tile h3{margin:4px 0 0}.bar-chart{display:flex;align-items:end;gap:10px;height:220px;margin-top:18px;border-radius:16px;background:#ffffff08;padding:18px}.bar-column{display:grid;align-items:end;justify-items:center;gap:8px;height:100%;flex:1;color:var(--faint)}.bar-column span{width:100%;max-width:30px;border-radius:999px 999px 4px 4px;background:linear-gradient(180deg,var(--accent-2),var(--accent))}.empty-chart,.prepared-panel{display:grid;place-items:center;min-height:180px;color:var(--muted);text-align:center}.latest-content{display:grid;grid-template-columns:minmax(220px,380px) 1fr;gap:20px;align-items:center;margin-top:16px}.photo-thumb,.photo-placeholder{width:100%;aspect-ratio:16 / 9;border-radius:17px;object-fit:cover;background:#070b0f;display:grid;place-items:center;color:var(--faint)}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px}.module-header{display:flex;align-items:end;justify-content:space-between;gap:18px}.primary-action,.secondary-action,.ghost-icon{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:13px;font-weight:900}.primary-action{border:0;background:linear-gradient(135deg,var(--accent),#f97316);color:#160b00;padding:12px 15px}.secondary-action{border:1px solid var(--line);background:#0a1016;color:var(--text);padding:10px 13px}.secondary-action.danger,.ghost-icon.danger{color:#ffc2c2}.ghost-icon{width:38px;height:38px;border:1px solid var(--line);background:#ffffff08;color:var(--muted)}.inline-message{border:1px solid rgba(245,159,27,.32);border-radius:14px;background:#f59f1b1f;color:var(--accent-2);padding:13px 15px;font-weight:800}.search-box{display:flex;align-items:center;gap:10px;width:min(520px,100%);border:1px solid var(--line);border-radius:14px;background:#0a1016;padding:0 12px}.search-box input{width:100%;border:0;padding-left:0}.segmented-control{display:inline-flex;gap:6px;border:1px solid var(--line);border-radius:14px;background:#0a1016;padding:5px}.segmented-control button{border:0;border-radius:10px;background:transparent;color:var(--muted);font-weight:900;padding:9px 12px}.segmented-control button.active{background:#f59f1b2e;color:var(--accent-2)}.table-panel{overflow:hidden}.customers-table tbody tr{cursor:pointer}.customers-table tbody tr:hover{background:#ffffff08}.embedded-table tbody tr{cursor:pointer}.embedded-table tbody tr:hover{background:#ffffff08}.sort-button{display:inline-flex;align-items:center;gap:7px;border:0;background:transparent;color:inherit;padding:0;font:inherit;font-weight:1000;text-transform:inherit;letter-spacing:inherit}.sort-button.active{color:var(--accent-2)}.empty-table{padding:24px;color:var(--muted);text-align:center}.pagination-bar{display:flex;align-items:center;justify-content:space-between;gap:14px;color:var(--muted)}.pagination-bar>div{display:flex;align-items:center;gap:10px}.secondary-action:disabled{cursor:not-allowed;opacity:.45}.tabs{display:inline-flex;gap:6px;border:1px solid var(--line);border-radius:14px;background:#0a1016;padding:5px;margin-bottom:18px}.tabs button{border:0;border-radius:10px;background:transparent;color:var(--muted);font-weight:900;padding:10px 14px}.tabs button.active{background:#f59f1b2e;color:var(--accent-2)}.customer-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}.customer-summary-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,420px);gap:14px;align-items:stretch}.license-countdown-card{display:grid;gap:16px;min-height:100%;border:1px solid var(--line-soft);border-radius:18px;background:linear-gradient(145deg,#ffffff0d,#ffffff06);padding:18px}.license-countdown-card.empty{align-content:center;color:var(--muted)}.license-countdown-card.empty p{margin:0}.license-countdown-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.license-countdown-header strong{max-width:220px;text-align:right;overflow-wrap:anywhere}.license-countdown-body{display:grid;grid-template-columns:96px minmax(0,1fr);align-items:center;gap:16px}.license-gauge{position:relative;display:grid;place-items:center;width:96px;height:96px}.license-gauge svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;transform:rotate(-90deg)}.gauge-track,.gauge-value{fill:none;stroke-width:8}.gauge-track{stroke:#94a3b82e}.gauge-value{stroke:var(--accent);stroke-linecap:round;transition:stroke-dashoffset .25s ease}.license-countdown-card.green .gauge-value{stroke:var(--green)}.license-countdown-card.red .gauge-value{stroke:var(--red)}.license-countdown-card.gray .gauge-value{stroke:var(--muted)}.license-gauge>div{position:relative;display:grid;place-items:center;gap:2px}.license-gauge strong{color:var(--text);font-size:24px;line-height:1}.license-gauge span{color:var(--muted);font-size:12px;font-weight:900;text-transform:uppercase}.license-countdown-meta{display:grid;gap:8px;min-width:0}.license-countdown-meta p{margin:0;color:var(--text);font-weight:800;overflow-wrap:anywhere}.license-countdown-meta small{display:inline-flex;align-items:center;gap:6px;color:var(--muted)}.detail-grid+.license-countdown-card{margin-top:16px}.camera-toolbar{flex-wrap:wrap}.camera-toolbar select{min-width:180px}.load-more-row{display:flex;justify-content:center;margin-top:18px}.timeline-list{display:grid;gap:14px;margin-top:18px}.timeline-item{display:grid;grid-template-columns:18px 1fr;gap:12px;align-items:start;border:1px solid var(--line-soft);border-radius:16px;background:#ffffff08;padding:14px}.timeline-dot{width:11px;height:11px;border-radius:999px;background:var(--accent);margin-top:5px;box-shadow:0 0 0 6px #f59f1b1f}.timeline-item div{display:grid;gap:4px}.timeline-item span:last-child{color:var(--muted)}.photos-filter-panel{display:grid;gap:14px}.custom-range{display:flex;gap:12px;flex-wrap:wrap}.custom-range label{display:grid;gap:7px;color:var(--muted);font-weight:800}.custom-range input{border:1px solid var(--line);border-radius:12px;background:#0a1016;color:var(--text);padding:11px 12px}.bulk-bar{display:flex;align-items:center;justify-content:space-between;gap:14px;border:1px solid var(--line);border-radius:18px;background:#111922d1;padding:14px 16px;color:var(--muted)}.bulk-bar>div{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.professional-gallery .photo-card{position:relative}.selectable-photo.selected{border-color:#f59f1bd1;box-shadow:0 0 0 2px #f59f1b33,var(--shadow)}.photo-select{position:absolute;top:10px;left:10px;z-index:2;display:grid;place-items:center;width:34px;height:34px;border-radius:999px;background:#080c10d1;border:1px solid var(--line)}.photo-select input{width:18px;height:18px;accent-color:var(--accent)}.photo-viewer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;display:grid;grid-template-columns:minmax(0,1fr) 360px;grid-template-rows:auto 1fr;background:#04070af5;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.viewer-topbar{grid-column:1 / -1;display:flex;align-items:center;justify-content:space-between;gap:14px;border-bottom:1px solid var(--line);padding:14px 18px}.viewer-topbar>div:first-child{display:grid;gap:4px}.viewer-topbar span{color:var(--muted)}.viewer-actions{display:flex;gap:8px;flex-wrap:wrap}.icon-button.danger{color:#ffc2c2}.viewer-image-stage{position:relative;display:grid;place-items:center;min-width:0;overflow:auto;padding:28px}.viewer-image-stage img{max-width:min(100%,1400px);max-height:calc(100vh - 130px);object-fit:contain;transition:transform .18s ease;cursor:grab}.viewer-nav{position:fixed;top:50%;z-index:83;display:grid;place-items:center;width:54px;height:54px;border:1px solid var(--line);border-radius:999px;background:#111922e6;color:var(--text)}.viewer-nav.left{left:18px}.viewer-nav.right{right:382px}.viewer-nav:disabled{opacity:.35;cursor:not-allowed}.viewer-info{grid-column:2;grid-row:2;overflow:auto;border-left:1px solid var(--line);background:#0d1319eb;padding:20px}.viewer-info h3{margin-top:0}.viewer-info-row{display:grid;grid-template-columns:20px 120px 1fr;gap:10px;align-items:start;border-bottom:1px solid var(--line-soft);padding:11px 0}.viewer-info-row svg{color:var(--accent)}.viewer-info-row span{color:var(--muted)}.viewer-info-row strong{overflow-wrap:anywhere}.viewer-timeline{display:grid;gap:8px;margin-top:20px}.viewer-timeline button{border:1px solid var(--line);border-radius:12px;background:#0a1016;color:var(--muted);padding:10px 12px;text-align:left}.viewer-timeline button.active{border-color:#f59f1b8c;color:var(--accent-2)}.licenses-table tbody tr{cursor:pointer}.licenses-table tbody tr:hover{background:#ffffff08}.licenses-table td:first-child{display:grid;gap:4px}.licenses-table td:first-child span,.licenses-table code{color:var(--muted);font-size:12px}.licenses-table code{overflow-wrap:anywhere}.license-toolbar{flex-wrap:wrap}.license-toolbar>select{min-width:180px}.license-status-tabs{flex-wrap:wrap}.license-alerts-panel{padding:18px}.license-alerts-list{display:grid;gap:10px;margin-top:14px}.license-alerts-list button{display:grid;grid-template-columns:minmax(180px,1fr) minmax(220px,1.2fr) auto;align-items:center;gap:12px;border:1px solid rgba(245,159,27,.28);border-radius:14px;background:#f59f1b14;color:var(--text);padding:12px 14px;text-align:left}.license-alerts-list span,.license-alerts-list small{color:var(--muted)}.license-badge{display:inline-flex;align-items:center;justify-content:center;width:max-content;border-radius:999px;padding:7px 11px;font-size:12px;font-weight:1000;text-transform:uppercase}.license-badge.amber{background:#f59f1b2e;color:var(--accent-2)}.license-badge.red{background:#f0525224;color:#ffc2c2}.license-badge.gray{background:#91a0ae24;color:#cbd5e1}.license-badge.green{background:#31c48d29;color:#99f6cf}.activation-layout{display:grid;grid-template-columns:minmax(320px,520px) 1fr;gap:18px}.activation-generator,.activation-search{padding:20px}.activation-search{display:grid;align-content:start;gap:16px}.filter-row{display:flex;flex-wrap:wrap;gap:8px}.filter-chip{border:1px solid var(--line);border-radius:999px;background:#ffffff08;color:var(--muted);padding:9px 12px;font-weight:900}.filter-chip.active{border-color:#f59f1ba6;background:#f59f1b29;color:var(--accent-2)}.activation-table tbody tr{cursor:pointer}.activation-table tbody tr:hover{background:#ffffff08}.activation-badge{display:inline-flex;align-items:center;justify-content:center;width:max-content;border-radius:999px;padding:7px 11px;font-size:12px;font-weight:1000;text-transform:uppercase}.activation-badge.green{background:#31c48d29;color:#99f6cf}.activation-badge.amber{background:#f59f1b2e;color:var(--accent-2)}.activation-badge.blue{background:#3b82f62e;color:#bfdbfe}.activation-badge.red{background:#f0525224;color:#ffc2c2}.activation-badge.gray{background:#91a0ae24;color:#cbd5e1}.telegram-code-once{display:grid;gap:10px;margin-top:16px;border:1px solid rgba(49,196,141,.24);border-radius:14px;background:#31c48d14;padding:16px}.telegram-code-once span,.telegram-code-once small{color:var(--muted);font-weight:800}.telegram-code-once strong{color:#b6ffd9;font-size:clamp(28px,4vw,44px);letter-spacing:.08em}.activation-drawer .notes-panel span{display:inline-flex;align-items:center;gap:8px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:35;display:grid;place-items:center;background:#02060ab8;padding:20px;overflow:hidden}.activation-dialog{width:min(720px,calc(100vw - 40px));max-height:calc(100vh - 40px);overflow:auto;padding:22px}.sim-search-panel{padding:18px}.sim-table tbody tr:hover{background:#ffffff08}.sim-dialog{width:min(820px,calc(100vw - 40px));max-height:calc(100vh - 40px);overflow:auto;padding:22px}.diagnostics-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.diagnostics-services,.diagnostics-resources,.diagnostics-tests,.logs-toolbar{padding:20px}.service-list{display:grid;gap:10px}.service-row{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;border:1px solid var(--line-soft);border-radius:14px;background:#ffffff08;padding:12px}.service-row small{color:var(--muted)}.server-service-row{grid-template-columns:auto minmax(220px,1fr) minmax(220px,auto)}.server-service-row strong{display:block;margin-bottom:4px}.service-ports{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap}.port-pill{border:1px solid rgba(145,160,174,.24);border-radius:999px;background:#91a0ae1a;color:var(--muted);padding:6px 9px;font-size:11px;font-weight:900;white-space:nowrap}.port-pill.ok{border-color:#31c48d47;background:#31c48d1f;color:#99f6cf}.port-pill.error{border-color:#f052524d;background:#f0525224;color:#ffc2c2}.status-chip{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:8px 12px;font-size:12px;font-weight:1000;text-transform:uppercase}.status-green{background:#31c48d24;color:#99f6cf}.status-amber{background:#f59f1b29;color:var(--accent-2)}.status-red{background:#f0525229;color:#ffc2c2}.service-dot{width:11px;height:11px;border-radius:999px;background:var(--muted)}.service-dot.ok{background:var(--green);box-shadow:0 0 0 5px #31c48d1f}.service-dot.warning{background:var(--accent);box-shadow:0 0 0 5px #f59f1b1f}.service-dot.error,.service-dot.critical{background:var(--red);box-shadow:0 0 0 5px #f052521f}.resource-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.quick-tests,.logs-toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.test-result{display:flex;align-items:center;gap:12px;margin-top:14px;border-radius:14px;padding:12px 14px;font-weight:800}.test-result.ok{background:#31c48d1f;color:#99f6cf}.test-result.warning{background:#f59f1b24;color:var(--accent-2)}.test-result.error{background:#f0525224;color:#ffc2c2}.log-badge{display:inline-flex;border-radius:999px;padding:7px 10px;font-size:12px;font-weight:1000;text-transform:uppercase}.log-badge.info{background:#91a0ae24;color:#cbd5e1}.log-badge.warning{background:#f59f1b2e;color:var(--accent-2)}.log-badge.error,.log-badge.critical{background:#f0525224;color:#ffc2c2}.support-toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:20px}.support-layout{display:grid;grid-template-columns:minmax(0,1fr) 390px;gap:18px;align-items:start}.support-table tbody tr{cursor:pointer}.support-table tbody tr:hover{background:#ffffff08}.support-detail{position:sticky;top:96px;padding:20px}.support-badge{display:inline-flex;align-items:center;justify-content:center;width:max-content;border-radius:999px;padding:7px 11px;font-size:12px;font-weight:1000;text-transform:uppercase}.support-badge.open{background:#f59f1b2e;color:var(--accent-2)}.support-badge.resolved{background:#31c48d29;color:#99f6cf}.support-badge.follow_up{background:#3b82f62e;color:#bfdbfe}.support-dialog{width:min(900px,calc(100vw - 40px));max-height:calc(100vh - 40px);overflow:auto;padding:22px}.support-attachment{display:inline-flex;align-items:center;gap:8px;width:max-content;border:1px solid var(--line);border-radius:12px;background:#0a1016;color:var(--text);padding:9px 11px;font-weight:800}.support-pending-files{display:flex;flex-wrap:wrap;gap:8px}.support-pending-files span{border:1px solid var(--line);border-radius:999px;background:#ffffff0a;color:var(--muted);padding:8px 10px;font-size:12px;font-weight:800}.row-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}table{width:100%;border-collapse:collapse}th,td{padding:16px 18px;border-bottom:1px solid var(--line-soft);text-align:left}th{color:var(--muted);font-size:13px;text-transform:uppercase;letter-spacing:.08em}.camera-grid,.photos-grid,.server-grid,.settings-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:18px}.camera-tile{overflow:hidden;color:var(--text);text-align:left;padding:0}.camera-cover,.photo-open{display:block;width:100%;border:0;background:transparent;color:inherit;padding:0;text-align:left}.camera-tile .photo-thumb,.camera-tile .photo-placeholder,.photo-card .photo-thumb,.photo-card .photo-placeholder{border-radius:0}.camera-tile-body,.photo-card div:last-child{display:grid;gap:8px;padding:16px}.photo-card{overflow:hidden}.camera-detail{padding:22px}.camera-detail-layout{display:grid;grid-template-columns:minmax(260px,420px) 1fr;gap:18px;align-items:start;margin-top:18px}.smtp-provision-panel{gap:18px}.smtp-summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px}.smtp-secret-box{display:grid;gap:8px;padding:16px;border:1px solid rgba(245,159,27,.45);border-radius:14px;background:#f59f1b14}.smtp-secret-box code{display:block;padding:7px 10px;border-radius:10px;background:#070a0eb8;color:#f8fafc;overflow-wrap:anywhere}.smtp-secret-box span{color:var(--text-muted)}.future-strip{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}.future-strip span{border:1px dashed var(--line);border-radius:999px;color:var(--faint);padding:8px 11px;font-size:12px;font-weight:900}.compact-input{width:min(260px,100%);border:1px solid var(--line);border-radius:12px;background:#0a1016;color:var(--text);padding:11px 12px;outline:none}.server-card{display:grid;gap:10px;padding:20px}.server-card strong{font-size:20px}.server-card small{color:var(--muted);line-height:1.35}.customer-detail,.customer-form{padding:22px}.detail-actions,.form-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.detail-grid,.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px;margin-top:20px}.info-tile{display:grid;gap:8px;border:1px solid var(--line-soft);border-radius:16px;background:#ffffff08;padding:16px}.info-tile svg{color:var(--accent)}.info-tile span,.notes-panel span{color:var(--muted)}.info-tile strong{font-size:18px}.warning-text{color:#f5b547;font-size:12px;font-weight:700}.notes-panel{display:grid;gap:8px;margin-top:16px;border:1px solid var(--line-soft);border-radius:16px;background:#ffffff08;padding:16px}.notes-panel p{margin:0;color:var(--text);white-space:pre-wrap}.customer-form label{display:grid;gap:8px;color:var(--muted);font-weight:800}.customer-form input,.customer-form select,.customer-form textarea{width:100%;border:1px solid var(--line);border-radius:13px;background:#0a1016;color:var(--text);padding:12px 13px;outline:none}.customer-form textarea{resize:vertical}.full-field{grid-column:1 / -1}.form-actions{justify-content:flex-end;margin-top:18px}.status-pill{display:inline-flex;align-items:center;justify-content:center;width:max-content;border-radius:999px;padding:7px 11px;font-size:12px;font-weight:1000;text-transform:uppercase}.status-pill.online{background:#31c48d29;color:#99f6cf}.status-pill.offline{background:#f0525224;color:#ffc2c2}.drawer{position:fixed;top:20px;right:20px;bottom:20px;width:min(460px,calc(100vw - 40px));z-index:20;padding:20px;overflow:auto}.drawer-close{float:right;border:1px solid var(--line);border-radius:12px;background:#0a1016;color:var(--text);padding:9px 12px}dl{display:grid;grid-template-columns:140px 1fr;gap:12px}dt{color:var(--muted)}dd{margin:0}.toast-stack{position:fixed;right:22px;bottom:22px;z-index:40;display:grid;gap:12px;width:min(380px,calc(100vw - 44px))}.toast{display:grid;gap:6px;border:1px solid rgba(245,159,27,.34);border-radius:16px;background:linear-gradient(180deg,#1b242efa,#0d1319fa);color:var(--text);box-shadow:var(--shadow);padding:15px 16px;text-align:left}.toast strong{color:var(--accent-2)}.toast span{color:var(--muted)}.parameter-toolbar{display:grid;grid-template-columns:minmax(260px,1fr) 180px 180px auto;gap:12px;align-items:center}.parameter-toolbar select,.parameter-dialog select,.parameter-dialog input,.parameter-dialog textarea{width:100%}.parameter-table td:first-child{display:grid;gap:3px}.parameter-table td:first-child span{color:var(--muted);font-size:12px}.recommended-mark{display:inline-flex;align-items:center;gap:5px;color:var(--accent-2);font-weight:900}.parameter-drawer{width:min(760px,calc(100vw - 40px))}.compact-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin:18px 0}.version-list,.timeline-list{display:grid;gap:12px;margin:12px 0 20px}.version-card{display:grid;gap:10px;border:1px solid var(--line);border-radius:16px;background:#ffffff09;padding:14px}.version-card>div:first-child{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.version-card code{display:block;max-width:100%;overflow-wrap:anywhere;border:1px solid rgba(255,255,255,.08);border-radius:12px;background:#00000038;padding:9px 10px;color:#dce6f1;font-size:12px}.timeline-list p{display:flex;align-items:center;gap:8px;margin:0;color:var(--muted)}.check-row{display:inline-flex;align-items:center;gap:8px;color:var(--muted);font-weight:800}.field-check{justify-content:flex-start;padding-top:26px}.field-check input,.check-row input{width:auto}.parameter-dialog{width:min(760px,calc(100vw - 36px));max-height:min(90vh,calc(100vh - 32px));display:flex;flex-direction:column;overflow:hidden;padding:0}.parameter-dialog>.panel-heading{position:sticky;top:0;z-index:2;flex:0 0 auto;padding:20px 22px 16px;border-bottom:1px solid var(--line-soft);background:linear-gradient(180deg,#151f2afa,#121b24fa)}.parameter-dialog-body{flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;padding:0 22px 20px;overscroll-behavior:contain}.parameter-dialog-body .form-grid{grid-template-columns:repeat(auto-fit,minmax(min(260px,100%),1fr));margin-top:18px}.parameter-dialog-footer{position:sticky;bottom:0;z-index:2;flex:0 0 auto;margin-top:0;padding:15px 22px 18px;border-top:1px solid var(--line-soft);background:linear-gradient(180deg,#0d1319f5,#0a1016fc)}.parameter-dialog textarea{min-height:88px;max-height:180px}.parameter-dialog input,.parameter-dialog select,.parameter-dialog textarea{min-width:0}.parameter-dialog input[type=file]{max-width:100%;overflow:hidden;text-overflow:ellipsis}@media (max-width: 1180px){.metrics-grid{grid-template-columns:repeat(2,1fr)}.customer-summary-layout{grid-template-columns:1fr}.dashboard-grid,.latest-card{grid-template-columns:1fr;grid-column:auto}}@media (max-width: 860px){.app-shell{grid-template-columns:1fr}.sidebar{position:static;height:auto}.nav-list{grid-template-columns:repeat(2,1fr)}.topbar,.hero-panel,.latest-content,.activation-layout,.parameter-toolbar,.diagnostics-grid,.support-layout,.camera-detail-layout{display:grid;grid-template-columns:1fr}.support-detail{position:static}.topbar-actions{flex-wrap:wrap}.photo-viewer{grid-template-columns:1fr;grid-template-rows:auto minmax(320px,1fr) auto}.viewer-info{grid-column:1;grid-row:3;border-left:0;border-top:1px solid var(--line);max-height:38vh}.server-service-row{grid-template-columns:auto 1fr}.service-ports{grid-column:2;justify-content:flex-start}.viewer-nav.right{right:18px}.bulk-bar{align-items:stretch;flex-direction:column}}@media (max-width: 560px){.main{padding:14px}.license-countdown-header,.license-countdown-body{grid-template-columns:1fr}.license-countdown-header{display:grid}.license-countdown-header strong{max-width:none;text-align:left}.metrics-grid,.camera-grid,.photos-grid,.server-grid,.settings-grid,.nav-list{grid-template-columns:1fr}}.setup-generated-link{display:grid;gap:8px;margin-top:18px;padding:16px;border:1px solid rgba(47,211,123,.36);border-radius:8px;background:#2fd37b14}.setup-generated-link strong{overflow-wrap:anywhere}.setup-public-shell{min-height:100vh;padding:28px;color:#f8fafc;background:radial-gradient(circle at top,rgba(47,211,123,.16),transparent 34%),linear-gradient(180deg,#07100d,#020504)}.setup-public-card{width:min(980px,100%);margin:0 auto;display:grid;gap:18px}.setup-public-header{display:grid;gap:8px;padding:22px 0 8px}.setup-public-brand{display:flex;align-items:baseline;gap:12px;font-size:clamp(28px,6vw,54px);font-weight:900}.setup-public-brand strong{color:#2fd37b;font-size:.46em;letter-spacing:0}.setup-public-header p{margin:0;color:#b9c6c0;font-size:clamp(16px,2.5vw,22px)}.setup-status-card,.setup-camera-card,.setup-action-card,.setup-install-card{border:1px solid rgba(148,163,184,.22);border-radius:8px;background:#0f1815eb;box-shadow:0 24px 80px #00000052}.setup-status-card{padding:24px}.setup-status-card-error{border-color:#f9731659}.setup-status-card h1{margin:0 0 8px}.setup-status-card p{margin:0;color:#cbd5d1}.setup-camera-card{display:grid;gap:8px;padding:24px}.setup-camera-card span{color:#94a3b8;font-weight:800;text-transform:uppercase;font-size:12px}.setup-camera-card h1{margin:0;font-size:clamp(34px,8vw,70px);line-height:1}.setup-camera-card p{margin:0;color:#cbd5d1;font-size:18px}.setup-ready{width:fit-content;padding:8px 12px;border-radius:999px;color:#07100d;background:#2fd37b}.setup-actions-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.setup-action-card{min-height:210px;padding:22px;display:grid;gap:12px;align-content:start;color:inherit;text-decoration:none}.setup-action-card svg{color:#2fd37b}.setup-action-card strong{display:inline-flex;align-items:center;gap:8px;font-size:22px}.setup-action-card span{color:#b9c6c0}.setup-primary-button{width:fit-content;min-height:46px;display:inline-flex;align-items:center;justify-content:center;padding:0 18px;border-radius:8px;background:#2fd37b;color:#06100c;font-weight:900;text-decoration:none;border:0;cursor:pointer}.setup-primary-button:disabled{cursor:wait;opacity:.72}.setup-secondary-button{width:fit-content;min-height:40px;display:inline-flex;align-items:center;gap:8px;padding:0 14px;border:1px solid rgba(47,211,123,.48);border-radius:8px;color:#dff8ea;background:#2fd37b14;font-weight:850;cursor:pointer}.setup-secondary-link{width:fit-content;padding:0;border:0;color:#9ee9bd;background:transparent;font-weight:750;text-align:left;cursor:pointer}.setup-action-linked{border-color:#2fd37b66}.setup-fallback-note,.setup-error-note{color:#94a3b8;line-height:1.45}.setup-error-note{color:#fdba74}.setup-install-card{padding:22px}.setup-section-title{display:flex;gap:12px;align-items:center}.setup-section-title svg{color:#f97316}.setup-section-title span{color:#94a3b8;font-size:12px;font-weight:900;text-transform:uppercase}.setup-section-title h2{margin:0}.setup-tabs{display:flex;gap:10px;margin:18px 0}.setup-tabs button{min-height:42px;display:inline-flex;align-items:center;gap:8px;padding:0 14px;border:1px solid rgba(148,163,184,.28);border-radius:8px;color:#d9e5df;background:#ffffff0a;font-weight:800}.setup-tabs button.active{border-color:#2fd37bbf;color:#06100c;background:#2fd37b}.setup-steps{display:grid;gap:10px;margin:0;padding-left:24px;color:#edf5f1;font-size:16px}.setup-note{margin:18px 0 0;color:#94a3b8}@media (max-width: 720px){.setup-public-shell{padding:16px}.setup-actions-grid{grid-template-columns:1fr}.setup-action-card{min-height:170px}}