@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;700;800&display=swap";:root{color:#dce7f5;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--ink:#e6eef9;--muted:#7d8ea6;--dim:#5d6d84;--line:#548cc829;--line-strong:#609edc47;--surface:#0b182cb8;--surface-solid:#0a1729;--field:#040c1899;--blue:#2f9bff;--blue-soft:#6bc0ff;--cyan:#4fd8ff;--green:#35c98a;--amber:#f0a33c;--red:#ec6a63;background:#030913;font-family:DM Sans,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 78% -12%,#1e76d238,#0000 42%),radial-gradient(circle at 8% 32%,#265ab429,#0000 38%),radial-gradient(circle at 50% 118%,#f0a33c12,#0000 45%),#030913;min-width:320px;min-height:100vh;margin:0}button,input,select{font:inherit}button{cursor:pointer;border:0}.app-shell{min-height:100vh;display:flex}.sidebar{border-right:1px solid var(--line);-webkit-backdrop-filter:blur(26px);backdrop-filter:blur(26px);background:linear-gradient(#081324eb,#050d1aeb);flex-direction:column;flex:0 0 252px;width:252px;padding:22px 14px 15px;display:flex}.brand-row{align-items:center;gap:11px;padding:2px 8px 24px;display:flex}.brand-mark{border-radius:50%;flex:none;width:38px;height:38px;overflow:hidden;box-shadow:0 0 0 1px #5aa0e652,0 0 18px #2f9bff47}.brand-mark img{object-fit:cover;width:100%;height:100%;display:block}.brand-title,.brand-subtitle{margin:0;line-height:1.1}.brand-title{letter-spacing:.08em;background:linear-gradient(#fff,#9fc4e8);color:#0000;-webkit-background-clip:text;background-clip:text;font-family:Manrope,sans-serif;font-size:16px;font-weight:800}.brand-subtitle{color:var(--dim);letter-spacing:.1em;text-transform:uppercase;margin-top:5px;font-size:8px;font-weight:700}.icon-button{width:34px;height:34px;color:var(--muted);background:0 0;border-radius:10px;place-items:center;transition:background .2s,color .2s;display:grid;position:relative}.icon-button:hover{color:var(--ink);background:#2f9bff1f}.icon-button:disabled{opacity:.35;cursor:not-allowed}.icon-button--danger:hover{color:#ff8d86;background:#ec6a6324}.sidebar-close,.mobile-menu{margin-left:auto;display:none}.workspace-switcher{border:1px solid var(--line);background:var(--field);border-radius:12px;align-items:center;gap:9px;padding:10px;display:flex}.workspace-icon{width:27px;height:27px;color:var(--cyan);background:#2f9bff24;border-radius:8px;place-items:center;display:grid}.workspace-copy{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.workspace-copy span{color:var(--ink);font-size:11px;font-weight:700}.workspace-copy small{color:var(--dim);font-size:9px}.muted-icon{color:var(--dim)}.eyebrow{color:var(--dim);letter-spacing:.11em;text-transform:uppercase;margin:0;font-size:10px;font-weight:700;line-height:1.3}.nav-eyebrow{padding:26px 11px 10px}.main-nav,.sidebar-bottom{flex-direction:column;gap:4px;display:flex}.nav-item{width:100%;color:var(--muted);text-align:left;background:0 0;border-radius:10px;align-items:center;gap:12px;padding:10px 11px;font-size:12px;transition:all .2s;display:flex}.nav-item:hover{color:var(--ink);background:#2f9bff17}.nav-item--active{color:#fff;background:linear-gradient(90deg,#2f9bff38,#2f9bff0a);font-weight:700;box-shadow:inset 0 0 0 1px #4fd8ff38}.nav-item--active svg{color:var(--cyan)}.nav-count{color:#08182b;background:linear-gradient(135deg, var(--amber), #ffc978);border-radius:6px;place-items:center;min-width:20px;height:19px;margin-left:auto;padding:0 5px;font-size:10px;font-weight:800;display:grid}.sidebar-spacer{flex:1;min-height:40px}.sidebar-status{border-top:1px solid var(--line);border-bottom:1px solid var(--line);align-items:center;gap:9px;margin:11px 9px 14px;padding:13px 10px;display:flex}.status-dot{border-radius:50%;flex:none;width:7px;height:7px}.status-dot--green{background:var(--green);box-shadow:0 0 0 3px #35c98a29,0 0 10px #35c98a80}.status-dot--grey{background:#46566c}.status-dot--red{background:var(--red);box-shadow:0 0 0 3px #ec6a6329}.sidebar-status strong,.sidebar-status span{display:block}.sidebar-status strong{color:var(--ink);font-size:10px;font-weight:700}.sidebar-status span{color:var(--dim);margin-top:4px;font-size:9px}.avatar{color:#04121f;background:linear-gradient(140deg, var(--blue), var(--cyan));border-radius:50%;flex:none;place-items:center;width:30px;height:30px;font-size:9px;font-weight:800;display:grid}.avatar--small{width:28px;height:28px;font-size:8px}.avatar--blue{background:linear-gradient(140deg, var(--blue), var(--cyan))}.avatar--grey{color:#9fb0c6;background:#7891af33}.main-content{flex:1;min-width:0}.topbar{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#060f1e8c;justify-content:space-between;align-items:center;height:68px;padding:0 40px;display:flex;position:relative}.topbar-left{align-items:center;display:flex}.breadcrumb{color:var(--dim);align-items:center;gap:11px;font-size:11px;display:flex}.breadcrumb strong{color:var(--ink);font-weight:700}.breadcrumb-separator{color:#33455c}.topbar-actions{align-items:center;gap:12px;display:flex}.sync-control{color:var(--muted);background:0 0;align-items:center;gap:7px;padding:6px;font-size:10px;display:flex}.sync-control:hover{color:var(--ink)}.sync-control svg{color:var(--green)}.live-toggle{color:var(--muted);border:1px solid var(--line);background:var(--field);border-radius:10px;align-items:center;gap:7px;padding:8px 12px;font-size:10px;font-weight:700;display:flex}.live-toggle--on{color:var(--green);border-color:#35c98a4d}.live-toggle svg{color:currentColor}.page-wrap{max-width:1460px;margin:0 auto;padding:32px 40px 24px}.page-heading{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:25px;display:flex}h1,h2{letter-spacing:-.03em;color:var(--ink);margin:0;font-family:Manrope,sans-serif}h1{margin-top:8px;font-size:clamp(23px,2.5vw,31px);font-weight:800}h2{margin-top:5px;font-size:15px;font-weight:800}.heading-description{max-width:720px;color:var(--muted);margin:9px 0 0;font-size:11px;line-height:1.6}.card{border:1px solid var(--line);background:var(--surface);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:16px;box-shadow:0 18px 46px #00061280}.metrics-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;display:grid}.metric-card{min-height:152px;padding:17px}.metric-icon{border-radius:9px;place-items:center;width:31px;height:31px;display:grid}.metric-icon--blue{color:var(--blue-soft);background:#2f9bff24}.metric-icon--violet{color:#a3adff;background:#7f8dff24}.metric-icon--orange{color:var(--amber);background:#f0a33c24}.metric-icon--green{color:var(--green);background:#35c98a24}.metric-card>p{color:var(--muted);margin:13px 0 5px;font-size:10px}.metric-value{align-items:baseline;gap:6px;display:flex}.metric-value strong{letter-spacing:-.05em;background:linear-gradient(#fff,#93bde4);color:#0000;-webkit-background-clip:text;background-clip:text;font-family:Manrope,sans-serif;font-size:26px;font-weight:800}.metric-value span{color:var(--dim);font-size:10px}.metric-trend{color:var(--green);align-items:center;gap:4px;margin-top:9px;font-size:9px;font-weight:700;display:flex}.metric-trend--muted{color:var(--dim);font-weight:400}.metric-trend--muted small{margin-left:0;line-height:1.5}.rotate-45{transform:rotate(45deg)}.rotate-90{transform:rotate(90deg)}.dashboard-grid{grid-template-columns:minmax(0,1.65fr) minmax(330px,.95fr);gap:13px;margin-top:13px;display:grid}.dashboard-grid--lower{grid-template-columns:minmax(0,1.45fr) minmax(330px,1fr)}.traffic-card,.health-card,.route-card,.anomaly-card,.users-card{padding:19px 20px}.card-heading{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.traffic-summary{color:var(--muted);align-items:center;gap:20px;margin-top:20px;font-size:9px;display:flex}.traffic-summary>div{align-items:center;gap:6px;display:flex}.traffic-summary strong{color:var(--ink);font-size:11px}.legend-dot{border-radius:50%;width:7px;height:7px}.legend-dot--violet{background:var(--blue);box-shadow:0 0 8px #2f9bffb3}.legend-dot--orange{background:var(--amber);box-shadow:0 0 8px #f0a33c99}.traffic-live{color:var(--green);align-items:center;gap:5px;margin-left:auto;font-size:9px;font-weight:700;display:flex}.traffic-live i{background:var(--green);width:5px;height:5px;box-shadow:0 0 8px var(--green);border-radius:50%}.chart-wrap{height:216px;margin:14px -4px 0;position:relative}.chart-wrap svg{width:100%;height:100%;overflow:visible}.grid-lines line{stroke:#5a8cc81a;stroke-width:1px;stroke-dasharray:3 5}.chart-fill{stroke:none}.chart-line{fill:none;stroke-width:2px}.chart-fill--download{fill:url(#downloadFill)}.chart-line--download{stroke:var(--blue);filter:drop-shadow(0 0 5px #2f9bffb3)}.chart-fill--upload{fill:url(#uploadFill)}.chart-line--upload{stroke:var(--amber);stroke-width:1.7px;filter:drop-shadow(0 0 4px #f0a33c80)}.chart-empty{height:216px;color:var(--dim);place-items:center;font-size:11px;display:grid}.chart-peak{color:var(--blue-soft);border:1px solid var(--line-strong);background:#061224cc;border-radius:7px;padding:5px 9px;font-size:8px;font-weight:700;position:absolute;top:6px;right:6px}.chart-axis{color:var(--dim);justify-content:space-between;padding:8px 3px 0;font-size:8px;display:flex}.server-row{border-bottom:1px solid var(--line);align-items:center;gap:10px;padding:15px 0;display:flex}.server-flag{border-radius:9px;place-items:center;width:30px;height:30px;font-size:8px;font-weight:800;display:grid}.server-flag--ru{color:var(--blue-soft);background:#2f9bff26}.server-flag--eu{color:var(--amber);background:#f0a33c26}.server-copy{flex:1;min-width:0}.server-copy strong,.server-copy small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.server-copy strong{color:var(--ink);font-size:10px}.server-copy small{color:var(--dim);margin-top:4px;font-size:8px}.server-copy small span{color:#33455c}.server-stats{min-width:54px;color:var(--muted);flex-direction:column;gap:5px;font-size:8px;display:flex}.server-stats span{align-items:center;gap:4px;display:flex}.server-stats svg{color:var(--dim)}.health-card .secondary-button{margin-top:16px}.secondary-button{color:var(--muted);border:1px solid var(--line);background:var(--field);border-radius:9px;align-items:center;gap:6px;padding:9px 11px;font-size:9px;font-weight:700;transition:all .2s;display:inline-flex}.secondary-button:hover{color:var(--ink);border-color:var(--line-strong);background:#2f9bff1a}.full-width{justify-content:center;width:100%}.primary-button{color:#04121f;background:linear-gradient(135deg, var(--cyan), var(--blue));border-radius:10px;align-items:center;gap:7px;padding:10px 15px;font-size:10px;font-weight:800;display:inline-flex;box-shadow:0 10px 22px #2f9bff47}.primary-button:hover{filter:brightness(1.1)}.text-button{color:var(--blue-soft);background:0 0;align-items:center;gap:5px;padding:4px 0;font-size:9px;font-weight:700;display:inline-flex}.text-button:hover{color:var(--cyan)}.route-list,.anomaly-list{margin-top:17px}.route-row{border-bottom:1px solid var(--line);align-items:center;gap:11px;padding:11px 0;display:flex}.route-icon{border-radius:8px;flex:none;place-items:center;width:29px;height:29px;display:grid}.route-icon--blue{color:var(--blue-soft);background:#2f9bff24}.route-icon--green{color:var(--green);background:#35c98a24}.route-icon--violet{color:#a3adff;background:#7f8dff24}.route-copy{flex:1;min-width:140px}.route-copy strong,.route-copy small{display:block}.route-copy strong{color:var(--ink);font-size:10px}.route-copy small{color:var(--dim);margin-top:4px;font-size:8px}.route-state{color:var(--green);align-items:center;gap:5px;font-size:8px;font-weight:700;display:flex}.route-state svg{background:#35c98a29;border-radius:50%;padding:2px}.route-footer,.table-footer{color:var(--dim);justify-content:space-between;align-items:center;gap:15px;margin-top:14px;font-size:8px;display:flex}.pulse-dot{background:var(--green);border-radius:50%;width:5px;height:5px;box-shadow:0 0 0 3px #35c98a24}.anomaly-row{border-bottom:1px solid var(--line);align-items:center;gap:10px;padding:11px 0;display:flex}.severity-icon{border-radius:8px;flex:none;place-items:center;width:29px;height:29px;display:grid}.severity-icon--warning{color:var(--amber);background:#f0a33c24}.severity-icon--critical{color:var(--red);background:#ec6a6324}.severity-icon--info{color:var(--blue-soft);background:#2f9bff24}.anomaly-copy{flex:1;min-width:0}.anomaly-copy strong,.anomaly-copy small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.anomaly-copy strong{color:var(--ink);font-size:10px}.anomaly-copy small{color:var(--dim);margin-top:4px;font-size:8px}.anomaly-time{flex-direction:column;align-items:flex-end;gap:5px;display:flex}.anomaly-time small{color:var(--dim);font-size:8px}.users-card{margin-top:13px}.heading-count{width:23px;height:23px;color:var(--cyan);letter-spacing:0;vertical-align:2px;background:#2f9bff24;border-radius:6px;place-items:center;margin-left:6px;font-family:DM Sans,sans-serif;font-size:10px;display:inline-grid}.table-actions{align-items:center;gap:8px;display:flex}.search-box{color:var(--dim);border:1px solid var(--line);background:var(--field);border-radius:9px;align-items:center;gap:7px;padding:8px 10px;display:flex}.search-box input{width:110px;color:var(--ink);background:0 0;border:0;outline:0;padding:0;font-size:10px}.search-box input::placeholder{color:var(--dim)}.select-control{color:var(--ink);border:1px solid var(--line);background:var(--surface-solid);border-radius:10px;outline:none;padding:9px 11px;font-size:10px}.select-control option{background:var(--surface-solid);color:var(--ink)}.rate-cell{min-width:92px;color:var(--muted);flex-direction:column;gap:5px;font-size:9px;display:flex}.rate-cell span{white-space:nowrap;align-items:center;gap:5px;display:flex}.rate-cell svg{color:var(--dim)}.muted-cell{color:var(--dim);font-size:9px}.sparkline{flex:none;width:62px;height:20px}.sparkline path{fill:none;stroke:var(--cyan);stroke-width:1.6px;stroke-linejoin:round;filter:drop-shadow(0 0 3px #4fd8ff99)}.sparkline--empty{border-bottom:1px dashed var(--line)}.profile-table{margin-top:18px}.profile-header,.profile-row{grid-template-columns:1.5fr .8fr 1fr .9fr .9fr .8fr 108px;align-items:center;gap:12px;display:grid}.profile-header{color:var(--dim);border-bottom:1px solid var(--line);letter-spacing:.05em;text-transform:uppercase;padding:0 9px 10px;font-size:8px}.profile-row{border-bottom:1px solid var(--line);min-height:62px;color:var(--muted);padding:0 9px;font-size:9px;transition:background .2s}.profile-row:hover{background:#2f9bff0d}.profile-row--off{opacity:.5}.profile-row code{color:var(--blue-soft);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:9px}.profile-row .user-name strong{color:var(--ink);font-size:10px;display:block}.profile-row .user-name small{color:var(--dim);margin-top:3px;font-size:8px;display:block}.user-name{align-items:center;gap:9px;min-width:0;display:flex}.user-status{align-items:center;gap:5px;font-size:8px;font-weight:700;display:flex}.user-status i{background:currentColor;border-radius:50%;width:5px;height:5px}.user-status--online{color:var(--green)}.user-status--idle{color:var(--amber)}.user-status--off{color:var(--dim)}.row-actions{justify-content:flex-end;gap:2px;display:flex}.row-actions .icon-button{width:30px;height:30px}.flow-table{margin-top:18px}.flow-header,.flow-row{grid-template-columns:1.9fr 1fr .8fr .7fr .7fr .7fr;align-items:center;gap:12px;display:grid}.flow-header{color:var(--dim);border-bottom:1px solid var(--line);letter-spacing:.05em;text-transform:uppercase;padding:0 9px 10px;font-size:8px}.flow-row{border-bottom:1px solid var(--line);min-height:54px;color:var(--muted);padding:0 9px;font-size:9px}.flow-row:hover{background:#2f9bff0d}.flow-name{min-width:0}.flow-name strong{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-size:10px;display:block;overflow:hidden}.flow-name small{color:var(--dim);margin-top:3px;font-size:8px;display:block}.service-tag{color:var(--cyan);background:#2f9bff1a;border:1px solid #4fd8ff33;border-radius:6px;padding:4px 8px;font-size:8px;font-weight:700;display:inline-block}.servers-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:13px;margin-bottom:13px;display:grid}.server-card{padding:21px}.server-address{color:var(--dim);margin:5px 0 16px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px}.pill{border-radius:7px;padding:5px 10px;font-size:8px;font-weight:800}.pill--green{color:var(--green);background:#35c98a24}.pill--red{color:var(--red);background:#ec6a6324}.server-facts{border-top:1px solid var(--line);grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:12px;margin-top:18px;padding-top:15px;display:grid}.server-facts small{color:var(--dim);font-size:8px;display:block}.server-facts strong{color:var(--ink);margin-top:5px;font-size:10px;display:block}.gauge{margin-top:15px}.gauge-top{color:var(--muted);justify-content:space-between;font-size:9px;display:flex}.gauge-top strong{color:var(--ink);font-size:10px}.gauge-track{height:6px;box-shadow:inset 0 0 0 1px var(--line);background:#0a1a30e6;border-radius:4px;margin:8px 0 6px;overflow:hidden}.gauge-fill{background:linear-gradient(90deg, var(--blue), var(--cyan));border-radius:4px;height:100%;transition:width .4s;box-shadow:0 0 10px #2f9bff8c}.gauge-fill--hot{background:linear-gradient(90deg, var(--amber), #ff8b6b);box-shadow:0 0 10px #f0a33c80}.gauge small{color:var(--dim);font-size:8px}.inline-error{color:#ff9d97;background:#ec6a631a;border:1px solid #ec6a6347;border-radius:11px;align-items:center;gap:8px;margin-bottom:16px;padding:12px 14px;font-size:11px;display:flex}.empty-state{color:var(--dim);text-align:center;padding:28px 4px;font-size:11px}.modal-overlay{z-index:40;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#02070fbd;place-items:center;padding:20px;display:grid;position:fixed;inset:0;overflow-y:auto}.modal-card{border:1px solid var(--line-strong);background:linear-gradient(#0c1c33,#071426);border-radius:20px;width:min(100%,470px);padding:24px;box-shadow:0 30px 80px #00040cb3}.modal-heading{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.modal-hint{color:var(--muted);margin:0 0 16px;font-size:10px;line-height:1.6}.qr-holder{color:#6b7684;background:#fff;border-radius:14px;place-items:center;padding:14px;font-size:10px;display:grid}.qr-holder img{width:100%;max-width:250px;height:auto;image-rendering:pixelated}.config-block{max-height:190px;color:var(--blue-soft);border:1px solid var(--line);white-space:pre-wrap;word-break:break-all;background:#030a14cc;border-radius:12px;margin:14px 0 0;padding:13px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:9px;line-height:1.7;overflow:auto}.modal-actions{justify-content:flex-end;gap:9px;margin-top:16px;display:flex}.app-footer{color:var(--dim);justify-content:space-between;gap:15px;padding:22px 3px 0;font-size:8px;display:flex}.app-footer span{align-items:center;gap:5px;display:flex}.app-footer b{color:#33455c;font-weight:400}.app-footer svg{color:var(--green)}.auth-loading{min-height:100vh;color:var(--muted);place-content:center;justify-items:center;gap:14px;font-size:12px;display:grid}.auth-loading .brand-mark{width:56px;height:56px}.auth-shell{place-items:center;min-height:100vh;padding:24px;display:grid}.auth-card{border:1px solid var(--line-strong);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);text-align:center;background:linear-gradient(#0d1d34eb,#06101ef2);border-radius:22px;width:min(100%,400px);padding:32px;box-shadow:0 32px 90px #00040cb8,inset 0 1px #78beff14}.auth-logo{border-radius:50%;width:136px;height:136px;margin:0 auto 20px;box-shadow:0 0 36px #2f9bff57}.auth-logo img{border-radius:50%;width:100%;height:100%;display:block}.auth-card h1{margin-top:8px;font-size:26px}.auth-description{color:var(--muted);margin:10px 0 24px;font-size:11px;line-height:1.6}.auth-form{text-align:left;flex-direction:column;gap:14px;display:flex}.auth-form label{color:var(--muted);flex-direction:column;gap:7px;font-size:10px;font-weight:700;display:flex}.auth-form input{width:100%;color:var(--ink);border:1px solid var(--line);background:#030a14bf;border-radius:10px;outline:none;padding:12px 13px;font-size:12px;transition:border-color .2s,box-shadow .2s}.auth-form input:focus{border-color:#4fd8ff8c;box-shadow:0 0 0 3px #2f9bff29}.auth-form input[inputmode=numeric]{letter-spacing:.2em}.auth-submit{color:#04121f;background:linear-gradient(135deg, var(--cyan), var(--blue));letter-spacing:.02em;border-radius:10px;margin-top:4px;padding:13px 14px;font-size:11px;font-weight:800;box-shadow:0 12px 26px #2f9bff4d}.auth-submit:disabled{cursor:wait;opacity:.6}.auth-error{color:#ff9d97;margin:-2px 0 0;font-size:10px}.auth-footnote{color:var(--dim);text-align:center;margin-top:20px;font-size:9px;display:block}@media (width<=1180px){.sidebar{flex-basis:224px;width:224px}.topbar,.page-wrap{padding-left:26px;padding-right:26px}.dashboard-grid,.dashboard-grid--lower{grid-template-columns:1fr}.profile-header,.profile-row{grid-template-columns:1.4fr .8fr 1fr .8fr 108px}.profile-header span:nth-child(5),.profile-header span:nth-child(6),.profile-row>.muted-cell:first-of-type{display:none}.flow-header,.flow-row{grid-template-columns:1.8fr 1fr .7fr .7fr}.flow-header span:nth-child(3),.flow-header span:nth-child(4),.flow-row>.muted-cell{display:none}}@media (width<=860px){.sidebar{z-index:20;width:252px;transition:transform .25s;position:fixed;top:0;bottom:0;left:0;transform:translate(-105%);box-shadow:18px 0 60px #00040c99}.sidebar--open{transform:translate(0)}.sidebar-close,.mobile-menu{display:grid}.mobile-menu{margin:0 12px 0 0}.topbar{padding:0 18px}.page-wrap{padding:26px 18px 18px}.sync-control span{display:none}.page-heading{flex-direction:column;align-items:flex-start}.metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=700px){.page-wrap{padding:22px 13px 16px}.metrics-grid{gap:9px}.metric-card{min-height:140px;padding:14px}.metric-value strong{font-size:23px}.traffic-card,.health-card,.route-card,.anomaly-card,.users-card{padding:16px 14px}.chart-wrap,.chart-empty{height:180px}.profile-header,.flow-header{display:none}.profile-row{grid-template-columns:1.4fr 1fr 92px;row-gap:8px;padding:12px 9px}.profile-row code,.profile-row .rate-cell:nth-of-type(2),.profile-row .user-status{display:none}.flow-row{grid-template-columns:1.6fr .8fr .8fr}.servers-grid{grid-template-columns:1fr}.page-heading .primary-button{justify-content:center;align-self:stretch}.app-footer{flex-direction:column;gap:8px}}