:root{
  --v22-primary:#087b58;--v22-primary-2:#0bb57f;--v22-dark:#073b2d;--v22-soft:#eefbf6;
  --v22-bg:#f4f8f7;--v22-card:#fff;--v22-text:#14231f;--v22-muted:#667873;--v22-line:#dce9e5;
  --v22-danger:#dc3f4f;--v22-danger-soft:#fff0f1;--v22-warning:#b46a00;--v22-warning-soft:#fff8e7;
  --v22-shadow:0 12px 30px rgba(7,59,45,.08);--v22-radius:20px;
}
*{box-sizing:border-box}.jf-body-v22{margin:0;background:var(--v22-bg);color:var(--v22-text);font-family:Roboto,system-ui,sans-serif}.app-shell-v22{min-height:100vh}.page-v22{width:min(1440px,100%);max-width:1440px;padding:18px 22px 40px;margin:0 auto}.navbar-v22{position:sticky;top:0;z-index:100;background:linear-gradient(100deg,#075f47,#098b63);box-shadow:0 8px 24px rgba(7,59,45,.18)}.nav-container-v22{max-width:1480px;padding:7px 20px;min-height:68px}.brand-v22 img{width:52px;height:52px;object-fit:contain}.brand-v22 .brand-copy-v20 strong{font-size:19px}.brand-v22 .brand-copy-v20 small{font-size:11px}.nav-links-v22{gap:4px}.nav-links-v22 .nav-link-v20{padding:9px 10px;font-size:13px}.nav-links-v22 .material-icons{font-size:19px}.messages-v22{position:relative;z-index:2}.messages-v22 .alert{box-shadow:var(--v22-shadow)}
.hero-v22{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:24px;border-radius:26px;padding:26px 28px;background:linear-gradient(125deg,#073b2d,#087b58 58%,#0bb57f);color:#fff;box-shadow:0 18px 44px rgba(7,59,45,.17);margin-bottom:16px;overflow:hidden;position:relative}.hero-v22:after{content:"";position:absolute;width:260px;height:260px;right:-100px;top:-120px;border-radius:50%;background:rgba(255,255,255,.09)}.hero-v22>div{position:relative;z-index:1}.hero-v22 h1{font-size:clamp(30px,3.4vw,48px);line-height:1.02;margin:5px 0 10px;max-width:850px}.hero-v22 p{margin:0;max-width:780px;color:rgba(255,255,255,.87);font-size:15px;line-height:1.5}.compact-hero-v22{padding:21px 25px}.compact-hero-v22 h1{font-size:clamp(28px,3vw,42px)}.hero-admin-v22{background:linear-gradient(125deg,#082f49,#075f47 55%,#0bb57f)}.eyebrow-v22{display:block;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.11em;color:#0b9b6e}.hero-v22 .eyebrow-v22{color:#a9ffe0}.hero-actions-v22,.owner-actions-v22,.form-actions-v22{display:flex;gap:9px;align-items:center;flex-wrap:wrap}.hero-actions-v22{justify-content:flex-end}.btn-primary-v22,.btn-secondary-v22,.btn-small-v22,.text-link-v22,.device-actions-v22 a,.device-actions-v22 button{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:0;text-decoration:none;font:inherit;font-weight:850;cursor:pointer;border-radius:12px;transition:.18s ease}.btn-primary-v22{padding:11px 15px;color:#fff;background:linear-gradient(135deg,var(--v22-primary-2),var(--v22-primary));box-shadow:0 8px 18px rgba(8,123,88,.18)}.btn-secondary-v22{padding:10px 14px;color:var(--v22-primary);background:#fff;border:1px solid var(--v22-line)}.hero-v22 .btn-secondary-v22{background:rgba(255,255,255,.14);color:#fff;border-color:rgba(255,255,255,.24)}.btn-primary-v22:hover,.btn-secondary-v22:hover,.btn-small-v22:hover{transform:translateY(-1px)}.btn-primary-v22 .material-icons,.btn-secondary-v22 .material-icons{font-size:19px}.btn-small-v22{padding:8px 11px;color:var(--v22-primary);background:var(--v22-soft);border:1px solid #cdeee1;font-size:12px}.text-link-v22{color:var(--v22-primary);font-size:13px}.text-link-v22 .material-icons{font-size:17px}
.stats-grid-v22{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:11px;margin:14px 0}.stats-six-v22{grid-template-columns:repeat(6,minmax(0,1fr))}.stats-five-v22{grid-template-columns:repeat(5,minmax(0,1fr))}.stats-grid-v22 article{display:grid;grid-template-columns:42px 1fr;grid-template-rows:auto auto;column-gap:10px;align-items:center;background:#fff;border:1px solid var(--v22-line);border-radius:17px;padding:13px 14px;box-shadow:0 7px 18px rgba(7,59,45,.05);min-width:0}.stats-grid-v22 article>.material-icons{grid-row:1/3;display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:var(--v22-soft);color:var(--v22-primary);font-size:22px}.stats-grid-v22 b{font-size:25px;line-height:1;color:var(--v22-dark)}.stats-grid-v22 small{font-weight:750;color:var(--v22-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stats-grid-v22 .stat-alert-v22{border-color:#f5c8cd;background:#fffafa}.stats-grid-v22 .stat-alert-v22>.material-icons{background:var(--v22-danger-soft);color:var(--v22-danger)}.stats-grid-v22 .stat-warning-v22{border-color:#f4dca8;background:#fffdf8}.stats-grid-v22 .stat-warning-v22>.material-icons{background:var(--v22-warning-soft);color:var(--v22-warning)}
.section-card-v22,.network-owner-v22,.report-filter-v22{background:#fff;border:1px solid var(--v22-line);border-radius:var(--v22-radius);padding:18px;margin:14px 0;box-shadow:var(--v22-shadow)}.section-heading-v22,.network-owner-head-v22,.network-detail-head-v22,.report-card-head-v22{display:flex;align-items:center;justify-content:space-between;gap:16px}.section-heading-v22 h2,.network-owner-head-v22 h2,.network-detail-head-v22 h2,.report-card-head-v22 h2{margin:3px 0;font-size:23px;color:var(--v22-dark)}.section-heading-v22 p,.network-owner-head-v22 p,.network-detail-head-v22 p,.report-card-v22 p{margin:4px 0;color:var(--v22-muted);line-height:1.45}.action-grid-v22{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;margin:14px 0}.action-grid-v22>a{display:grid;grid-template-columns:42px 1fr;column-gap:10px;align-items:center;background:#fff;border:1px solid var(--v22-line);border-radius:17px;padding:15px;text-decoration:none;color:var(--v22-text);box-shadow:0 7px 18px rgba(7,59,45,.05)}.action-grid-v22>a>.material-icons{grid-row:1/3;display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:var(--v22-soft);color:var(--v22-primary)}.action-grid-v22 strong{font-size:15px}.action-grid-v22 small{color:var(--v22-muted);font-size:12px;line-height:1.35}.action-grid-v22>a:hover{border-color:#9bdcc4;transform:translateY(-1px)}
.crm-grid-v22{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:12px}.compact-crm-grid-v22{grid-template-columns:repeat(4,minmax(0,1fr))}.crm-card-v22{display:grid;gap:11px;padding:15px;border:1px solid var(--v22-line);border-left:4px solid #99a9a4;border-radius:17px;background:#fff;text-decoration:none;color:var(--v22-text);box-shadow:0 7px 18px rgba(7,59,45,.05);min-width:0}.crm-card-v22.status-ok{border-left-color:#17a673}.crm-card-v22.status-warning{border-left-color:#e59a16}.crm-card-v22.status-offline{border-left-color:#a0aaa7}.crm-card-v22.selected{outline:3px solid rgba(11,181,127,.23);border-color:var(--v22-primary-2)}.crm-card-head-v22{display:flex;align-items:center;gap:10px;min-width:0}.crm-avatar-v22{flex:0 0 auto;display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:linear-gradient(135deg,var(--v22-dark),var(--v22-primary-2));color:#fff;font-weight:900}.crm-avatar-v22.large{width:54px;height:54px;border-radius:17px;font-size:20px}.crm-card-head-v22>div{min-width:0}.crm-card-head-v22 strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.crm-card-head-v22 small{display:block;color:var(--v22-muted);font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.crm-card-head-v22 em{margin-left:auto;font-style:normal;font-size:10px;text-transform:uppercase;font-weight:900;padding:5px 7px;border-radius:999px;background:#edf4f2;color:#64726e;white-space:nowrap}.status-ok .crm-card-head-v22 em{background:#e8faF3;color:#087b58}.status-warning .crm-card-head-v22 em{background:var(--v22-warning-soft);color:var(--v22-warning)}.crm-metrics-v22{display:grid;grid-template-columns:1fr 1fr;gap:6px}.crm-metrics-v22 span{padding:7px 8px;border-radius:10px;background:#f6faf8;color:var(--v22-muted);font-size:11px}.crm-metrics-v22 b{color:var(--v22-dark);font-size:15px}.crm-progress-v22,.big-progress-v22{height:7px;border-radius:999px;background:#e9f0ed;overflow:hidden}.crm-progress-v22 i,.big-progress-v22 i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--v22-primary),var(--v22-primary-2))}.crm-contact-v22{display:grid;gap:4px}.crm-contact-v22>span{display:flex;align-items:center;gap:5px;color:var(--v22-muted);font-size:11px;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.crm-contact-v22 .material-icons{font-size:14px}.crm-last-v22{color:var(--v22-muted);font-size:10px}.inline-search-v22{display:flex;align-items:center;gap:7px;border:1px solid var(--v22-line);border-radius:12px;padding:5px 6px 5px 10px;background:#f9fcfb}.inline-search-v22 .material-icons{font-size:18px;color:var(--v22-muted)}.inline-search-v22 input{border:0;outline:0;background:transparent;min-width:250px}.inline-search-v22 button,.inline-search-v22 a{border:0;border-radius:9px;padding:8px 10px;background:var(--v22-primary);color:#fff;text-decoration:none;font-weight:800;cursor:pointer}.inline-search-v22 a{background:#edf7f3;color:var(--v22-primary)}
.network-toolbar-v22{display:flex;justify-content:space-between;gap:12px;align-items:flex-end;background:#fff;border:1px solid var(--v22-line);border-radius:18px;padding:12px 14px;margin:14px 0;box-shadow:var(--v22-shadow)}.network-toolbar-v22 form{display:flex;align-items:flex-end;gap:8px;flex:1}.network-toolbar-v22 label,.report-filter-v22 label,.form-v22 label{display:grid;gap:5px;color:var(--v22-dark);font-size:11px;font-weight:850}.network-toolbar-v22 select,.network-toolbar-v22 input,.report-filter-v22 select,.form-v22 input,.form-v22 select,.form-v22 textarea{width:100%;border:1px solid var(--v22-line);border-radius:11px;padding:10px 11px;background:#fff;color:var(--v22-text);outline:none}.network-toolbar-v22 select{min-width:190px}.toolbar-search-v22{flex:1}.toolbar-search-v22>div{display:flex;align-items:center;border:1px solid var(--v22-line);border-radius:11px;padding-left:9px;background:#fff}.toolbar-search-v22>div input{border:0}.toolbar-search-v22 .material-icons{font-size:18px;color:var(--v22-muted)}.toolbar-summary-v22{display:flex;gap:7px;flex-wrap:wrap}.toolbar-summary-v22 span{padding:9px 10px;border-radius:11px;background:var(--v22-soft);color:var(--v22-primary);font-size:11px;font-weight:800}.toolbar-summary-v22 span.danger{background:var(--v22-danger-soft);color:var(--v22-danger)}.owner-selector-v22{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:9px;margin:12px 0}.owner-chip-v22{display:flex;align-items:center;gap:9px;text-decoration:none;color:var(--v22-text);background:#fff;border:1px solid var(--v22-line);border-radius:14px;padding:10px;min-width:0}.owner-chip-v22.active{border-color:var(--v22-primary-2);background:var(--v22-soft)}.owner-chip-v22>span{display:grid;place-items:center;width:35px;height:35px;border-radius:11px;background:var(--v22-dark);color:#fff;font-weight:900}.owner-chip-v22>div{min-width:0}.owner-chip-v22 strong,.owner-chip-v22 small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.owner-chip-v22 small{color:var(--v22-muted);font-size:10px}.owner-chip-v22 em{margin-left:auto;font-style:normal;font-size:9px;font-weight:900;text-transform:uppercase;color:#087b58}.owner-chip-v22 em.off{color:#7b8783}.network-owner-v22{padding:18px}.network-owner-head-v22{margin-bottom:12px}.network-section-v22{border:1px solid var(--v22-line);border-radius:17px;overflow:hidden;margin:10px 0;background:#fff}.network-section-v22>summary{display:flex;align-items:center;gap:10px;list-style:none;padding:12px 14px;background:#f8fcfa;cursor:pointer}.network-section-v22>summary::-webkit-details-marker{display:none}.section-icon-v22{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:var(--v22-soft);color:var(--v22-primary)}.network-section-v22 summary>div{min-width:0}.network-section-v22 summary strong,.network-section-v22 summary small{display:block}.network-section-v22 summary small{color:var(--v22-muted);font-size:10px}.section-count-v22{margin-left:auto;color:var(--v22-primary);font-weight:850;font-size:12px}.expand-v22{transition:.18s}.network-section-v22[open] .expand-v22{transform:rotate(180deg)}.device-grid-v22{display:grid;grid-template-columns:repeat(auto-fill,minmax(310px,1fr));gap:10px;padding:11px;border-top:1px solid var(--v22-line)}.device-card-v22{display:grid;gap:10px;padding:13px;border:1px solid var(--v22-line);border-radius:15px;background:#fff;min-width:0}.device-card-v22.blocked{background:#fffafa;border-color:#f3c5ca}.device-card-v22 header{display:flex;align-items:center;gap:9px;min-width:0}.device-card-v22 header>div{min-width:0}.device-card-v22 header strong,.device-card-v22 header small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.device-card-v22 header small{color:var(--v22-muted);font-size:10px}.device-icon-v22{flex:0 0 auto;display:grid!important;place-items:center;width:38px;height:38px;border-radius:12px;background:var(--v22-soft);color:var(--v22-primary);font-size:20px!important}.device-card-v22 header>.pill-ok-v22,.device-card-v22 header>.pill-warn-v22,.device-card-v22 header>.pill-danger-v22{margin-left:auto}.device-data-v22{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:0}.device-data-v22>div{min-width:0;padding:7px 8px;border-radius:10px;background:#f7faf9}.device-data-v22 dt{font-size:9px;font-weight:900;text-transform:uppercase;color:var(--v22-muted);letter-spacing:.05em}.device-data-v22 dd{margin:2px 0 0;font-size:11px;font-weight:750;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.device-note-v22{display:flex;align-items:center;gap:5px;margin:0;padding:7px 8px;border-radius:9px;background:#fff9e9;color:#745011;font-size:10px}.device-note-v22 .material-icons{font-size:15px}.pill-ok-v22,.pill-warn-v22,.pill-danger-v22{display:inline-flex;align-items:center;border-radius:999px;padding:5px 7px;font-size:9px;font-weight:900;white-space:nowrap}.pill-ok-v22{background:#e7f9f1;color:#087b58}.pill-warn-v22{background:var(--v22-warning-soft);color:var(--v22-warning)}.pill-danger-v22{background:var(--v22-danger-soft);color:var(--v22-danger)}.device-actions-v22{display:grid;grid-template-columns:1.15fr 1.15fr 1fr 38px;gap:6px}.device-actions-v22 form{margin:0}.device-actions-v22 a,.device-actions-v22 button{width:100%;min-height:35px;padding:7px 8px;font-size:10px}.device-actions-v22 .material-icons{font-size:16px}.btn-identify-v22{background:var(--v22-soft);color:var(--v22-primary);border:1px solid #caeadf}.btn-block-v22{background:var(--v22-danger-soft);color:var(--v22-danger);border:1px solid #f1c1c7}.btn-unblock-v22{background:#e8faf2;color:#087b58;border:1px solid #bfe8d8}.btn-schedule-v22{background:#edf4ff;color:#315e9c;border:1px solid #cbdcf5}.btn-delete-v22{background:#f0f3f2;color:#53625e;border:1px solid #dde5e2}.empty-state-v22{display:grid;place-items:center;text-align:center;gap:5px;padding:28px;border:1px dashed #afd7c8;border-radius:17px;background:#f9fcfb;color:var(--v22-muted)}.empty-state-v22 h2{margin:0;color:var(--v22-dark)}.empty-state-v22 p{margin:0}.select-owner-v22>.material-icons{font-size:36px;color:var(--v22-primary)}
.network-detail-head-v22{padding-bottom:14px;border-bottom:1px solid var(--v22-line)}.client-identity-v22{display:flex;align-items:center;gap:11px}.network-health-grid-v22{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;margin:14px 0}.network-health-grid-v22 article{display:flex;align-items:center;gap:9px;padding:11px;border-radius:13px;background:#f6faf8}.network-health-grid-v22 article>.material-icons{color:var(--v22-primary)}.network-health-grid-v22 b,.network-health-grid-v22 small{display:block}.network-health-grid-v22 b{font-size:19px}.network-health-grid-v22 small{font-size:10px;color:var(--v22-muted)}.network-health-grid-v22 .danger{background:var(--v22-danger-soft)}.network-health-grid-v22 .danger>.material-icons{color:var(--v22-danger)}.crm-detail-grid-v22,.activity-grid-v22,.report-grid-v22{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:12px 0}.detail-panel-v22,.report-card-v22{background:#fff;border:1px solid var(--v22-line);border-radius:16px;padding:15px}.detail-panel-v22 h3{display:flex;align-items:center;gap:7px;margin:0 0 11px;color:var(--v22-dark);font-size:16px}.detail-panel-v22 h3 .material-icons{color:var(--v22-primary);font-size:19px}.detail-panel-v22 dl{display:grid;gap:7px;margin:0}.detail-panel-v22 dl>div{display:grid;grid-template-columns:100px 1fr;gap:8px;padding-bottom:7px;border-bottom:1px solid #edf2f0}.detail-panel-v22 dt{color:var(--v22-muted);font-size:11px;font-weight:800}.detail-panel-v22 dd{margin:0;font-size:12px;font-weight:700}.crm-note-v22{padding:9px;border-radius:10px;background:#fff9e9;color:#745011;font-size:11px}.agent-list-v22,.timeline-v22,.request-list-v22,.simple-device-list-v22{display:grid;gap:7px}.agent-list-v22 article,.timeline-v22 article,.request-list-v22 article,.simple-device-list-v22 article{display:flex;align-items:center;gap:9px;padding:9px;border:1px solid #edf2f0;border-radius:11px;min-width:0}.agent-list-v22 article>div,.timeline-v22 article>div,.request-list-v22 article>div,.simple-device-list-v22 article>div{min-width:0;flex:1}.agent-list-v22 strong,.agent-list-v22 small,.timeline-v22 strong,.timeline-v22 small,.request-list-v22 strong,.request-list-v22 small,.simple-device-list-v22 strong,.simple-device-list-v22 small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.agent-list-v22 small,.timeline-v22 small,.request-list-v22 small,.simple-device-list-v22 small{font-size:10px;color:var(--v22-muted)}.agent-list-v22 time{font-size:10px;color:var(--v22-muted)}.state-light-v22{width:9px;height:9px;border-radius:50%;background:#9aa8a3}.state-light-v22.online{background:#12a872;box-shadow:0 0 0 4px #e5f8f0}.timeline-v22>article>.material-icons{display:grid;place-items:center;width:31px;height:31px;border-radius:10px;background:var(--v22-soft);color:var(--v22-primary);font-size:17px}.request-status-v22{padding:5px 7px;border-radius:999px;font-size:9px;font-weight:900}.request-status-v22.status-ok{background:#e7f9f1;color:#087b58}.request-status-v22.status-pending,.request-status-v22.status-running{background:var(--v22-warning-soft);color:var(--v22-warning)}.request-status-v22.status-error{background:var(--v22-danger-soft);color:var(--v22-danger)}.empty-mini-v22{padding:14px;text-align:center;color:var(--v22-muted);font-size:11px}.simple-device-list-v22 .pill-ok-v22,.simple-device-list-v22 .pill-warn-v22{margin-left:auto}
.report-filter-v22{padding:12px 14px}.report-filter-v22 form{display:flex;align-items:flex-end;gap:9px}.report-filter-v22 label{min-width:220px}.report-card-v22{box-shadow:var(--v22-shadow)}.report-card-head-v22 strong{font-size:28px;color:var(--v22-primary)}.big-progress-v22{height:12px;margin:12px 0}.request-summary-v22{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:12px 0}.request-summary-v22 span{padding:10px;border-radius:11px;font-size:10px}.request-summary-v22 b{display:block;font-size:20px}.request-summary-v22 .ok{background:#e7f9f1;color:#087b58}.request-summary-v22 .pending{background:var(--v22-warning-soft);color:var(--v22-warning)}.request-summary-v22 .error{background:var(--v22-danger-soft);color:var(--v22-danger)}.ranking-v22,.category-list-v22{display:grid;gap:7px;margin-top:10px}.ranking-v22>div{display:grid;grid-template-columns:1fr auto;gap:5px;position:relative;padding-bottom:7px}.ranking-v22 span,.category-list-v22 span{font-size:11px;font-weight:750}.ranking-v22 b,.category-list-v22 b{font-size:12px;color:var(--v22-primary)}.ranking-v22 i{grid-column:1/3;height:5px;border-radius:999px;background:linear-gradient(90deg,var(--v22-primary),var(--v22-primary-2))}.category-list-v22>div{display:flex;justify-content:space-between;padding:8px 9px;border-radius:10px;background:#f7faf9}
.identity-page-v22{display:grid;grid-template-columns:minmax(300px,.8fr) minmax(420px,1.2fr);gap:14px;max-width:1050px;margin:18px auto}.identity-preview-v22,.identity-form-card-v22{background:#fff;border:1px solid var(--v22-line);border-radius:22px;padding:24px;box-shadow:var(--v22-shadow)}.identity-preview-v22{background:linear-gradient(145deg,#073b2d,#087b58);color:#fff}.identity-preview-v22 .eyebrow-v22{color:#afffe2}.identity-preview-v22 h1{font-size:31px;margin:7px 0}.identity-preview-v22>p{color:rgba(255,255,255,.8);line-height:1.5}.identity-icon-v22{display:grid!important;place-items:center;width:58px;height:58px;border-radius:18px;background:rgba(255,255,255,.14);font-size:30px!important;margin-bottom:20px}.identity-preview-v22 dl{display:grid;gap:8px;margin:20px 0 0}.identity-preview-v22 dl>div{padding:9px 0;border-bottom:1px solid rgba(255,255,255,.13)}.identity-preview-v22 dt{font-size:9px;text-transform:uppercase;letter-spacing:.07em;color:#afffe2;font-weight:900}.identity-preview-v22 dd{margin:3px 0 0;font-size:12px;word-break:break-word}.identity-form-card-v22 h2{margin:5px 0;font-size:25px}.identity-form-card-v22>div>p{color:var(--v22-muted);margin:0 0 17px}.form-v22{display:grid;gap:12px}.form-v22 label>span{font-size:12px}.form-v22 label small{color:var(--v22-muted);font-weight:500;line-height:1.35}.form-v22 label em,.form-errors-v22{color:var(--v22-danger);font-style:normal;font-size:11px}.form-v22 textarea{resize:vertical}.form-actions-v22{margin-top:4px}
@media(max-width:1300px){.page-v22{padding:14px 16px 32px}.nav-container-v22{padding:6px 14px}.nav-links-v22 .nav-link-v20{padding:8px 8px;font-size:12px}.hero-v22{padding:21px 23px}.stats-grid-v22 article{padding:11px}.stats-grid-v22 b{font-size:22px}.compact-crm-grid-v22{grid-template-columns:repeat(3,minmax(0,1fr))}.device-grid-v22{grid-template-columns:repeat(auto-fill,minmax(285px,1fr))}}
@media(max-width:1120px){.stats-six-v22{grid-template-columns:repeat(3,minmax(0,1fr))}.stats-grid-v22,.stats-five-v22{grid-template-columns:repeat(3,minmax(0,1fr))}.compact-crm-grid-v22{grid-template-columns:repeat(2,minmax(0,1fr))}.action-grid-v22{grid-template-columns:repeat(2,minmax(0,1fr))}.network-toolbar-v22{align-items:stretch;flex-direction:column}.network-toolbar-v22 form{display:grid;grid-template-columns:1fr 1.5fr auto auto}.toolbar-summary-v22{justify-content:flex-end}.network-health-grid-v22{grid-template-columns:repeat(3,minmax(0,1fr))}.device-actions-v22{grid-template-columns:1fr 1fr}.device-actions-v22 form:last-child{grid-column:auto}.identity-page-v22{grid-template-columns:1fr}}
@media(max-width:1050px){.navbar-v22 .nav-collapse-v20{background:linear-gradient(180deg,#075f47,#087b58)}.nav-links-v22 .nav-link-v20{font-size:13px}.profile-dropdown-v20{margin-top:7px}}
@media(max-width:820px){.page-v22{padding:11px 10px 26px}.hero-v22{grid-template-columns:1fr;padding:18px;border-radius:20px}.hero-v22 h1{font-size:29px}.hero-actions-v22{justify-content:flex-start}.stats-grid-v22,.stats-five-v22,.stats-six-v22{grid-template-columns:repeat(2,minmax(0,1fr))}.section-heading-v22,.network-owner-head-v22,.network-detail-head-v22,.report-card-head-v22{align-items:flex-start;flex-direction:column}.compact-crm-grid-v22,.crm-detail-grid-v22,.activity-grid-v22,.report-grid-v22{grid-template-columns:1fr}.inline-search-v22{width:100%}.inline-search-v22 input{min-width:0;flex:1}.network-toolbar-v22 form{grid-template-columns:1fr}.network-toolbar-v22 select{min-width:0}.toolbar-summary-v22{justify-content:flex-start}.device-grid-v22{grid-template-columns:1fr}.network-health-grid-v22{grid-template-columns:repeat(2,minmax(0,1fr))}.report-filter-v22 form{display:grid;grid-template-columns:1fr 1fr}.report-filter-v22 label{min-width:0}.identity-preview-v22,.identity-form-card-v22{padding:19px}}
@media(max-width:560px){.brand-v22 img{width:44px;height:44px}.brand-v22 .brand-copy-v20 small{display:none}.page-v22{padding:9px 8px 22px}.hero-v22 h1{font-size:26px}.hero-actions-v22,.owner-actions-v22,.form-actions-v22{display:grid;grid-template-columns:1fr;width:100%}.hero-actions-v22 a,.owner-actions-v22 a,.owner-actions-v22 form,.owner-actions-v22 button,.form-actions-v22 a,.form-actions-v22 button{width:100%}.stats-grid-v22,.stats-five-v22,.stats-six-v22{grid-template-columns:1fr 1fr;gap:7px}.stats-grid-v22 article{grid-template-columns:34px 1fr;padding:9px}.stats-grid-v22 article>.material-icons{width:34px;height:34px;font-size:18px}.stats-grid-v22 b{font-size:19px}.stats-grid-v22 small{font-size:10px}.section-card-v22,.network-owner-v22{padding:12px;border-radius:16px}.action-grid-v22{grid-template-columns:1fr}.crm-grid-v22,.compact-crm-grid-v22{grid-template-columns:1fr}.crm-card-head-v22 em{display:none}.network-section-v22>summary{display:grid;grid-template-columns:38px 1fr auto}.section-count-v22{margin-left:0}.network-section-v22 summary .pill-danger-v22{grid-column:2/4;justify-self:start}.expand-v22{grid-column:3;grid-row:1}.device-data-v22{grid-template-columns:1fr}.device-actions-v22{grid-template-columns:1fr 1fr}.device-actions-v22 a,.device-actions-v22 button{min-height:38px}.network-health-grid-v22{grid-template-columns:1fr 1fr}.simple-device-list-v22 article{display:grid;grid-template-columns:38px 1fr auto}.simple-device-list-v22 .pill-ok-v22,.simple-device-list-v22 .pill-warn-v22{grid-column:2;justify-self:start;margin-left:0}.simple-device-list-v22 .btn-small-v22{grid-column:3;grid-row:1/3}.report-filter-v22 form{grid-template-columns:1fr}.request-summary-v22{grid-template-columns:1fr}.identity-page-v22{margin:8px auto}.identity-preview-v22 h1{font-size:25px}}
.login-v22{min-height:100vh;display:grid;grid-template-columns:1.1fr .9fr;max-width:1100px;margin:0 auto;padding:28px;align-items:stretch}.login-brand-v22,.login-form-v22{padding:42px;border-radius:26px}.login-brand-v22{display:flex;flex-direction:column;justify-content:center;background:linear-gradient(145deg,#073b2d,#087b58 60%,#0bb57f);color:#fff;box-shadow:0 24px 60px rgba(7,59,45,.2)}.login-brand-v22 img{width:84px;height:84px;object-fit:contain;margin-bottom:24px}.login-brand-v22 .eyebrow-v22{color:#afffe2}.login-brand-v22 h1{font-size:42px;line-height:1.05;margin:8px 0 13px}.login-brand-v22>p{max-width:520px;color:rgba(255,255,255,.82);line-height:1.6}.login-features-v22{display:flex;gap:8px;flex-wrap:wrap;margin-top:22px}.login-features-v22>span{display:flex;align-items:center;gap:6px;padding:8px 10px;border-radius:999px;background:rgba(255,255,255,.12);font-size:11px;font-weight:800}.login-features-v22 .material-icons{font-size:16px}.login-form-v22{display:flex;flex-direction:column;justify-content:center;background:#fff;border:1px solid var(--v22-line);box-shadow:var(--v22-shadow);margin:22px 0 22px -12px}.login-form-v22 h2{font-size:29px;margin:6px 0}.login-form-v22>div>p{color:var(--v22-muted);margin:0 0 22px}.login-input-v22{display:flex;align-items:center;border:1px solid var(--v22-line);border-radius:12px;padding-left:11px}.login-input-v22 .material-icons{font-size:19px;color:var(--v22-muted)}.login-input-v22 input{border:0!important;box-shadow:none!important}.login-button-v22{width:100%;min-height:45px;margin-top:4px}.login-help-v22{display:block;text-align:center;color:var(--v22-muted);margin-top:17px}.generic-form-card-v22{max-width:1050px;margin-left:auto;margin-right:auto}.generic-form-grid-v22{display:grid;grid-template-columns:1fr 1fr;gap:13px}.generic-form-v22 .checkbox-field-v22{display:flex;align-items:center;gap:9px;align-self:end;padding:11px;border:1px solid var(--v22-line);border-radius:11px}.generic-form-v22 .checkbox-field-v22>span{order:2}.generic-form-v22 .checkbox-field-v22 input{width:auto}.profile-layout-v22{display:grid;grid-template-columns:310px 1fr;gap:14px}.profile-summary-v22{background:linear-gradient(145deg,#073b2d,#087b58);color:#fff;border-radius:22px;padding:25px;box-shadow:var(--v22-shadow)}.profile-avatar-v22{width:72px;height:72px;border-radius:22px;font-size:28px;background:rgba(255,255,255,.15)}.profile-summary-v22 h2{margin:16px 0 4px}.profile-summary-v22>p{color:rgba(255,255,255,.75)}.profile-summary-v22 dl{display:grid;gap:8px;margin-top:22px}.profile-summary-v22 dl>div{padding:9px 0;border-bottom:1px solid rgba(255,255,255,.13)}.profile-summary-v22 dt{font-size:9px;text-transform:uppercase;color:#afffe2;font-weight:900}.profile-summary-v22 dd{margin:3px 0 0;font-size:12px}.table-actions-v22{display:flex;gap:6px;flex-wrap:wrap}
@media(max-width:820px){.login-v22{grid-template-columns:1fr;padding:14px}.login-brand-v22,.login-form-v22{padding:26px;border-radius:21px}.login-brand-v22 h1{font-size:32px}.login-form-v22{margin:-12px 12px 0}.profile-layout-v22{grid-template-columns:1fr}.generic-form-grid-v22{grid-template-columns:1fr}}
@media(max-width:560px){.login-v22{padding:8px}.login-brand-v22,.login-form-v22{padding:21px}.login-brand-v22 img{width:62px;height:62px;margin-bottom:15px}.login-brand-v22 h1{font-size:27px}.login-features-v22{display:grid}.login-form-v22{margin:-8px 6px 0}}