:root{--navy:#142a43;--navy-dark:#102238;--blue:#285f9a;--blue-soft:#edf3f9;--paper:#f7f7f3;--white:#fff;--ink:#1d2b3a;--muted:#7b8591;--line:#e7e9e9;--green:#2d8065;--green-soft:#edf6f1;--orange:#a87429;--orange-soft:#fcf5e7;--red:#b54a4a;--red-soft:#fbefee;--radius:14px;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none;font-size:14px;line-height:1.6}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{cursor:pointer}button:disabled{cursor:wait;opacity:.55}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #82abd7;outline-offset:3px}button svg,nav svg,.settings-icon svg,.icon svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}h1,h2,h3,p{margin:0}h1{font-size:30px;font-weight:650;letter-spacing:-.8px;line-height:1.35}h2{font-size:17px;letter-spacing:-.3px;font-weight:650}h3{font-size:16px;font-weight:600}.muted{color:var(--muted)}[hidden]{display:none!important}.eyebrow{font-size:10px;font-weight:650;letter-spacing:2px;color:var(--muted);margin-bottom:9px}.brand-mark{display:grid;place-items:center;width:36px;height:36px;flex-shrink:0;border-radius:10px;background:#fff;color:var(--navy);font-size:23px;font-weight:800;line-height:1}.wordmark{display:flex;gap:11px;align-items:center;font-size:19px;font-weight:650;letter-spacing:-.3px}.wordmark small{display:block;font-weight:400;font-size:10px;letter-spacing:1px;opacity:.5;margin-top:1px}.boot-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:18px;color:var(--muted)}.boot-screen .brand-mark{background:var(--navy);color:white}.login-screen{min-height:100vh;display:grid;grid-template-columns:1fr 1fr}.login-story{background:var(--navy);color:white;padding:48px 64px;display:flex;flex-direction:column;position:relative;overflow:hidden}.login-story:after{content:"";position:absolute;right:-140px;bottom:0;width:500px;height:500px;border:1px solid #ffffff0b;border-radius:50%;box-shadow:0 0 0 80px #ffffff03,0 0 0 160px #ffffff02;pointer-events:none}.login-copy{margin:auto 0 36px;position:relative;z-index:1}.login-copy .eyebrow{color:#7ca5c7;font-size:11px}.login-copy h1{font-size:52px;line-height:1.35;letter-spacing:1px;font-weight:550;margin:20px 0 25px}.login-copy>p:last-child{font-size:15px;line-height:1.9;color:#aebccd}.login-topology{display:flex;gap:16px;align-items:center;color:#aebccd;font-size:12px;margin-bottom:auto}.login-topology span{border:1px solid #ffffff1c;border-radius:8px;padding:11px 15px;background:#ffffff04;display:flex;gap:8px;align-items:center}.login-topology i{height:6px;width:6px;background:#76a99e;border-radius:100%}.login-topology b{font-weight:400;letter-spacing:3px;color:#596b80}.login-foot{font-size:11px;color:#71849a;margin-top:70px;position:relative;z-index:1}.login-panel{display:flex;align-items:center;justify-content:center;padding:60px 45px;background:#fcfcfa}.login-form-wrap{width:100%;max-width:340px}.login-form-wrap h2{font-size:28px;margin-bottom:10px}.login-form-wrap>.muted{margin-bottom:35px}.login-help{font-size:11px;color:#97a0aa;line-height:1.9;margin-top:24px}.login-submit{width:100%;margin-top:25px;justify-content:center}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:39px;padding:8px 15px;border:1px solid transparent;border-radius:7px;font-size:12px;font-weight:550;white-space:nowrap;transition:background .15s,box-shadow .15s}.button.primary{background:var(--navy);color:#fff}.button.primary:hover{background:#244563}.button.secondary{background:#fff;border-color:#dde2e5;color:#506070}.button.secondary:hover{background:#f6f8fa;border-color:#bec9d1}.button.small{font-size:11px;padding:6px 10px;min-height:31px}.button.danger-button{background:var(--red);color:#fff}.button.danger-button:hover{background:#a23f3f}label{display:block;font-size:12px;font-weight:550;margin:19px 0 7px}input{width:100%;height:43px;border:1px solid #dce1e5;background:#fff;color:var(--ink);border-radius:7px;padding:10px 12px;transition:border-color .15s}input:focus{border-color:#7ca0bf;outline:none;box-shadow:0 0 0 3px #e8f0f7}input::placeholder{color:#acb2b8}.form-message{font-size:12px;margin-top:12px;white-space:pre-wrap;overflow-wrap:anywhere}.error-text{color:var(--red)}.success-text{color:var(--green)}.app-shell{min-height:100vh;display:grid;grid-template-columns:210px minmax(0,1fr)}.sidebar{background:var(--navy);color:#c4cfdb;padding:31px 20px 20px;position:fixed;width:210px;top:0;bottom:0;display:flex;flex-direction:column;z-index:20}.sidebar .wordmark{color:#fff;padding:0 7px}.sidebar .brand-mark{width:31px;height:33px;border-radius:8px;font-size:21px}.sidebar .wordmark{font-size:18px;gap:10px}.nav-label{font-size:10px;color:#6f849b;letter-spacing:1.5px;padding:0 13px;margin-top:53px;margin-bottom:15px}.navigation{display:flex;flex-direction:column;gap:6px}.nav-link{padding:11px 13px;display:flex;align-items:center;gap:11px;font-size:12px;border-radius:7px;transition:background .15s;color:#9dafc3}.nav-link:hover{background:#ffffff08;color:#fff}.nav-link.active{background:#2b415a;color:#fff;box-shadow:inset 2px 0 #abc5d9}.nav-link svg{width:17px;height:17px}.nav-count{font-size:10px;border-radius:4px;background:#ffffff13;min-width:20px;text-align:center;padding:0 4px;margin-left:auto}.sidebar-bottom{margin-top:auto;padding:20px 8px 0}.environment{display:flex;gap:10px;align-items:center;border-top:1px solid #ffffff12;padding-top:20px;font-size:11px;color:#a6b7ca}.environment small{display:block;font-size:10px;color:#617992;margin-top:1px}.environment>.status-dot{background:#78938e}.logout-button{border:0;background:none;color:#8196af;display:flex;align-items:center;gap:9px;font-size:11px;margin:19px 0 0;padding:4px 0}.logout-button:hover{color:#fff}.logout-button svg{width:16px;height:16px}.main-shell{grid-column:2;min-width:0}.topbar{height:65px;display:flex;justify-content:space-between;align-items:center;padding:0 36px;border-bottom:1px solid var(--line);background:#fcfcfa}.breadcrumb{color:#9aa3ac;font-size:11px}.breadcrumb>span{padding:0 10px;color:#c4cbd0}.breadcrumb strong{font-weight:500;color:#586677}.topbar-right{display:flex;align-items:center;gap:22px}.live-label{display:flex;align-items:center;gap:7px;color:#6b7886;font-size:10px}.user-label{border-left:1px solid var(--line);padding-left:21px;font-size:11px;color:#677687;max-width:130px;overflow:hidden;text-overflow:ellipsis}.status-dot{width:6px;height:6px;display:inline-block;border-radius:100%;background:#acb4bc;flex-shrink:0}.status-dot.good{background:var(--green)}.status-dot.bad{background:var(--red)}.status-dot.warning{background:#c48b3d}.status-dot.neutral{background:#aab3bd}.main-content{padding:33px 36px 20px;max-width:1680px;margin:0 auto}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:29px}.page-heading>.muted,.page-heading .muted{font-size:12px;margin-top:9px}.page-heading .eyebrow{margin-bottom:7px;font-size:9px}.heading-actions{display:flex;align-items:center;gap:15px}.update-time{font-size:10px;color:#8b96a1}.heading-actions .button svg{width:15px;height:15px}.summary-strip{display:grid;grid-template-columns:repeat(3,minmax(110px,1fr)) 1.4fr;padding:20px 25px;background:#efefeb;border-radius:10px;margin-bottom:31px}.summary-strip>div{padding-left:25px;border-left:1px solid #dfe3e0}.summary-strip>div:first-child{padding-left:0;border:0}.summary-label{display:block;font-size:10px;color:#839085;margin-bottom:3px;letter-spacing:.3px}.summary-strip strong{font-size:27px;font-weight:600;letter-spacing:-1px;line-height:1.3}.summary-strip small{font-size:10px;color:#8c9693;margin-left:7px}.summary-strip .summary-description{display:flex;align-items:center;gap:9px;font-size:11px;color:#708076;justify-content:center;line-height:1.8}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:27px 0 14px}.section-heading p{font-size:11px;color:#8c969e;margin-top:3px}.section-note{font-size:10px;color:#98a0a8}.hosts-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.card,.host-card{background:var(--white);border:1px solid var(--line);border-radius:var(--radius)}.host-card{overflow:hidden}.host-card-header{display:flex;gap:11px;align-items:center;padding:20px 23px 16px}.host-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:9px;color:#607a93;background:#f0f4f7;font-size:18px}.host-icon svg{width:21px;height:21px;stroke:currentColor;stroke-width:1.5;fill:none;stroke-linejoin:round;stroke-linecap:round}.host-title p{font-size:9px;color:#9aa4ad;margin-top:0}.host-card-header>.badge{margin-left:auto}.badge{font-size:9px;font-weight:500;padding:3px 8px;border-radius:5px;display:inline-flex;gap:5px;align-items:center;white-space:nowrap;background:#f2f4f5;color:#8b949d;line-height:1.7}.badge.good{background:var(--green-soft);color:var(--green)}.badge.bad{background:var(--red-soft);color:var(--red)}.badge.warning{background:var(--orange-soft);color:var(--orange)}.badge .status-dot{width:5px;height:5px}.host-metrics{display:grid;grid-template-columns:1fr 1fr;gap:17px 24px;padding:2px 23px 17px}.metric-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.metric-label{font-size:10px;color:#8c97a2;white-space:nowrap}.metric-value{font-size:17px;font-weight:550;color:#3a4a5d;font-variant-numeric:tabular-nums}.metric-value small{font-size:10px;font-weight:400;margin-left:2px;color:#9aa4ad}.meter{height:4px;border-radius:5px;background:#edf0f3;overflow:hidden;margin-top:7px}.meter-fill{height:100%;border-radius:5px;background:#819bb4;width:0;transition:width .4s}.meter-fill.warning{background:#c7a36f}.meter-fill.bad{background:#cc8580}.metric-detail{font-size:9px;color:#a2aab1;margin-top:5px;min-height:14px}.network-values{display:flex;gap:11px;justify-content:space-between;margin-top:7px}.network-value{font-size:12px;font-weight:550;white-space:nowrap;font-variant-numeric:tabular-nums;color:#59718a}.network-value small{font-weight:400;font-size:9px;color:#9aa5af;margin-right:5px}.host-chart{border-top:1px solid #f0f1f1;background:#fcfdfd;padding:10px 23px 9px;display:flex;align-items:center;gap:18px;min-height:54px}.chart-label{font-size:9px;color:#97a2ad;white-space:nowrap}.sparkline{height:32px;width:100%;display:block;overflow:visible}.chart-empty{height:32px;display:flex;align-items:center;font-size:9px;color:#b0b7bd;width:100%}.host-error{margin:0 23px 14px;font-size:10px;color:var(--red);overflow-wrap:anywhere}.additional-disks{border-top:1px solid #f0f1f1;padding:8px 23px;color:#8c96a0;font-size:9px;display:flex;gap:16px;flex-wrap:wrap}.text-link{font-size:11px;color:#65839e;white-space:nowrap}.text-link span{margin-left:7px}.text-link:hover{color:var(--navy)}.project-table-wrap{border:1px solid var(--line);border-radius:var(--radius);background:white;overflow:auto}.project-table{width:100%;border-collapse:collapse;white-space:nowrap;text-align:left}.project-table th{background:#fcfcfb;padding:13px 17px;font-size:10px;color:#94a0aa;font-weight:500;border-bottom:1px solid var(--line)}.project-table th:first-child{padding-left:23px}.project-table th:last-child{padding-right:23px;text-align:right}.project-table td{padding:16px 17px;border-bottom:1px solid #f0f1f2;font-size:11px;color:#6d7d8c;vertical-align:middle}.project-table td:first-child{padding-left:23px;min-width:190px}.project-table td:last-child{padding-right:23px}.project-table tr:last-child td{border-bottom:0}.project-table tbody tr:hover{background:#fdfefd}.project-title{font-size:12px;font-weight:550;color:#33485e;display:block;margin-bottom:2px}.project-url{font-size:10px;color:#9ca8b3;max-width:260px;overflow:hidden;text-overflow:ellipsis;display:block}.project-url:hover{color:var(--blue)}.project-location{display:block;color:#768596;font-size:10px}.project-kind{display:block;color:#aab2b9;font-size:9px;margin-top:2px}.project-note{font-size:9px;color:#98a3ad;margin-top:4px;white-space:normal;max-width:270px}.project-actions{display:flex;align-items:center;justify-content:flex-end;gap:12px}.text-button{border:0;background:none;padding:5px 0;color:#7c92a7;font-size:10px;white-space:nowrap}.text-button:hover{color:var(--navy)}.restart-button{background:#fff;border:1px solid #e4e9ee;color:#7990a5;min-height:27px;border-radius:5px;padding:3px 9px;font-size:10px}.restart-button:hover{background:#f0f4f7;color:#47657f}.restart-button:disabled{cursor:not-allowed;opacity:.4}.latency{font-size:11px;font-variant-numeric:tabular-nums;color:#6e8296}.latency small{font-size:9px;color:#a0adb9;margin-left:3px}.health-stack{display:flex;flex-direction:column;gap:4px;align-items:flex-start}.health-error{font-size:9px;color:#b38d88;max-width:170px;white-space:normal;line-height:1.45;overflow-wrap:anywhere}.audit-list{background:white;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.audit-row{display:flex;align-items:flex-start;gap:12px;padding:14px 22px;border-bottom:1px solid #f0f1f2}.audit-row:last-child{border:0}.audit-marker{margin-top:6px;flex-shrink:0}.audit-main{min-width:0;flex:1}.audit-description{font-size:11px;color:#718194}.audit-description strong{font-weight:500;color:#40566c}.audit-message{font-size:10px;color:#9ba5ae;margin-top:3px;overflow-wrap:anywhere}.audit-time{font-size:10px;color:#a0aab3;white-space:nowrap;padding-top:1px;font-variant-numeric:tabular-nums}.activity-card{padding:20px 0 0}.activity-card .audit-list{border:0;border-radius:0 0 var(--radius) var(--radius)}.card-title{display:flex;align-items:center;justify-content:space-between;padding:0 22px 18px}.card-title>.muted{font-size:10px}.notice{font-size:11px;line-height:1.8;border:1px solid transparent;border-radius:8px;padding:12px 15px;margin-bottom:14px;overflow-wrap:anywhere;white-space:pre-wrap}.notice.danger{background:var(--red-soft);border-color:#f1d9d6;color:#a34e48}.notice.warning{background:var(--orange-soft);border-color:#efdfc6;color:#9b743b}.notice.info{background:#eff3f6;border-color:#e3e9ef;color:#7890a5}.alerts:empty{display:none}.alerts{margin-bottom:20px}.empty-state{text-align:center;padding:40px 20px;font-size:12px;color:#a2adb6;line-height:1.9}.hosts-grid>.empty-state{grid-column:1/-1;background:white;border:1px solid var(--line);border-radius:var(--radius)}.page-footer{border-top:1px solid var(--line);margin-top:34px;padding-top:17px;display:flex;align-items:center;justify-content:space-between;font-size:9px;color:#a5adb4;gap:20px}.footer-divider{margin:0 10px;color:#c5cbd0}.project-explainer{display:flex;align-items:center;gap:10px;margin-bottom:18px;padding:14px 18px;background:#eef2f2;border-radius:8px}.project-explainer p{font-size:11px;color:#87958f}.project-explainer strong{font-weight:500;color:#647c71}.below-note{margin:17px 2px}.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-bottom:22px;align-items:start}.settings-card{padding:26px}.settings-icon{width:37px;height:37px;display:flex;align-items:center;justify-content:center;color:#7690a7;background:#eff3f7;border-radius:9px;margin-bottom:15px}.settings-card h2{margin-bottom:8px}.settings-card>.muted{font-size:11px;line-height:1.8}.settings-card form{margin-top:24px}.settings-card .button{margin-top:20px}.label-aside{font-size:9px;color:#9eabb6;border-radius:4px;padding:2px 5px;background:#f2f5f7;font-weight:400;margin-left:5px}.input-unit{position:relative}.input-unit input{padding-right:70px}.input-unit>span{position:absolute;right:13px;top:11px;font-size:12px;color:#9aa8b4}.field-help{font-size:10px;line-height:1.8;color:#a1abb4;margin-top:8px}.modal{width:min(440px,calc(100vw - 32px));border:1px solid #e2e7eb;border-radius:14px;padding:25px;box-shadow:0 20px 100px #10223833;color:var(--ink);background:#fff}.modal::backdrop{background:#10223880;backdrop-filter:blur(3px)}.modal-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:17px}.modal-heading h2{font-size:18px}.modal-heading .eyebrow{font-size:9px;margin-bottom:5px}.modal>p,.modal form>p{font-size:12px;color:#7c8b98;margin-bottom:16px;overflow-wrap:anywhere}.modal strong{font-weight:600;color:#435e77}.icon-button{background:none;border:0;color:#a4afb8;line-height:1;font-size:26px;padding:0 4px;cursor:pointer}.icon-button:hover{color:var(--ink)}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:23px}.logs-modal{width:min(860px,calc(100vw - 32px))}.logs-content{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:11px;background:#15283c;color:#beccda;border-radius:9px;padding:20px;line-height:1.9;white-space:pre-wrap;overflow-wrap:anywhere;max-height:60vh;min-height:160px;overflow:auto;margin:0}.toast{position:fixed;bottom:25px;left:calc(50% + 105px);transform:translateX(-50%);z-index:100;background:var(--navy);border:1px solid #ffffff20;border-radius:9px;color:#fff;box-shadow:0 8px 30px #142a4325;font-size:12px;padding:12px 22px;max-width:min(520px,90vw);line-height:1.7}.toast.error{background:#9c4844}.danger-value{color:var(--red)!important}.warning-value{color:var(--orange)!important}
@media(min-width:1550px){.main-content{padding:40px 50px}.host-metrics{gap:19px 42px}.host-card-header{padding-top:24px}.host-chart{padding-top:14px;padding-bottom:12px}.project-table td{padding-top:20px;padding-bottom:20px}.section-heading{margin-top:32px}}
@media(max-width:1150px){.app-shell{grid-template-columns:180px minmax(0,1fr)}.sidebar{width:180px;padding-left:14px;padding-right:14px}.sidebar .wordmark{font-size:16px;gap:8px}.sidebar .brand-mark{width:27px;height:29px;font-size:18px}.sidebar .wordmark small{font-size:9px}.topbar{padding:0 25px}.main-content{padding:27px 25px 20px}.heading-actions{flex-direction:column;align-items:flex-end;gap:8px}.summary-strip{padding:18px}.summary-strip>div{padding-left:18px}.summary-strip .summary-description{padding-left:15px;font-size:10px}.host-card-header{padding-left:18px;padding-right:18px}.host-metrics{padding-left:18px;padding-right:18px;gap:15px}.host-chart{padding-left:18px;padding-right:18px}.toast{left:calc(50% + 90px)}}
@media(max-width:850px){.app-shell{grid-template-columns:72px minmax(0,1fr)}.sidebar{width:72px;padding:25px 12px 18px}.sidebar .wordmark{padding:0;justify-content:center}.sidebar .wordmark>span:last-child,.nav-label,.nav-link>span,.environment,.logout-button>span{display:none}.navigation{margin-top:45px;gap:10px}.nav-link{justify-content:center;padding:13px 0}.nav-link svg{width:19px;height:19px}.sidebar-bottom{padding:20px 0 0}.logout-button{margin:0 auto;justify-content:center}.logout-button svg{width:20px;height:20px}.hosts-grid{gap:14px}.summary-strip{grid-template-columns:repeat(3,1fr)}.summary-strip .summary-description{display:none}.host-metrics{grid-template-columns:1fr;gap:13px}.metric-head{gap:15px}.network-values{justify-content:flex-start;gap:20px}.host-title h3{font-size:14px}.host-icon{width:30px;height:30px}.host-card-header{gap:9px}.host-card-header>.badge{font-size:8px;padding:3px 5px}.settings-grid{gap:14px}.settings-card{padding:21px}.toast{left:calc(50% + 36px)}.login-story{padding:40px}.login-copy h1{font-size:43px}.login-topology{gap:9px}.login-topology span{padding:9px}.login-topology b{letter-spacing:0}}
@media(max-width:600px){.app-shell{display:block}.sidebar{width:auto;position:sticky;top:0;height:auto;padding:0 18px;flex-direction:row;align-items:center;justify-content:space-between;height:59px;border-bottom:1px solid #ffffff0b}.sidebar .brand-mark{width:27px;height:28px}.sidebar .wordmark>span:last-child{display:block;font-size:15px}.sidebar .wordmark small{display:none}.navigation{margin:0;flex-direction:row;gap:4px}.nav-link{padding:8px 9px}.nav-link.active{box-shadow:none;background:#ffffff12}.nav-link svg{width:17px;height:17px}.sidebar-bottom{display:none}.topbar{height:42px;padding:0 19px}.breadcrumb{font-size:9px}.breadcrumb>span{padding:0 5px}.topbar-right{gap:10px}.user-label{display:none}.live-label{font-size:9px}.main-content{padding:24px 18px 18px}.page-heading{gap:10px;margin-bottom:23px}h1{font-size:25px}.page-heading .eyebrow{font-size:8px;letter-spacing:1.5px}.page-heading .muted{font-size:10px;max-width:210px}.heading-actions .button{min-height:33px;padding:6px 10px;font-size:10px}.heading-actions .button svg{width:13px;height:13px}.update-time{font-size:8px;max-width:105px;text-align:right}.summary-strip{padding:16px 18px;margin-bottom:24px}.summary-strip strong{font-size:23px}.summary-strip small{font-size:8px;margin-left:4px}.summary-strip>div{padding-left:17px}.summary-label{font-size:9px}.section-heading{margin-top:23px}.section-heading h2{font-size:15px}.section-heading p{font-size:9px}.section-heading>.section-note{display:none}.text-link{font-size:9px}.hosts-grid{grid-template-columns:1fr}.host-metrics{grid-template-columns:1fr 1fr;gap:15px 25px}.host-card-header{padding-top:18px;padding-bottom:14px}.host-title h3{font-size:15px}.host-card-header>.badge{font-size:9px;padding:3px 7px}.metric-value{font-size:18px}.network-values{gap:10px;justify-content:space-between}.network-value{font-size:11px}.network-value small{font-size:8px;margin-right:3px}.host-chart{min-height:47px;padding-top:7px;padding-bottom:7px}.project-table th{padding:11px 12px}.project-table td{padding:14px 12px}.project-table td:first-child,.project-table th:first-child{padding-left:17px}.project-table td:last-child,.project-table th:last-child{padding-right:17px}.project-table td:first-child{min-width:150px}.project-url{max-width:190px}.audit-row{padding:13px 17px;gap:9px;flex-wrap:wrap}.audit-time{font-size:9px;padding-left:15px;width:100%}.audit-description{font-size:10px}.audit-message{font-size:9px}.settings-grid{grid-template-columns:1fr}.settings-card{padding:23px}.page-footer{font-size:8px;align-items:flex-start}.page-footer>span:first-child{max-width:190px}.footer-divider{margin:0 5px}.project-explainer{padding:12px 14px;align-items:flex-start}.project-explainer .status-dot{margin-top:6px}.project-explainer p{font-size:10px}.toast{left:50%;font-size:11px;min-width:240px;text-align:center}.login-screen{display:flex;flex-direction:column;background:#fcfcfa}.login-story{padding:25px 27px 30px;min-height:225px}.login-story .wordmark{font-size:17px}.login-story .brand-mark{width:28px;height:28px;font-size:19px}.login-copy{margin:32px 0 0}.login-copy .eyebrow{font-size:8px;margin:0}.login-copy h1{font-size:29px;line-height:1.5;margin:12px 0 0}.login-copy h1 br{display:none}.login-copy>p:last-child,.login-topology,.login-foot{display:none}.login-panel{padding:33px 27px 40px;flex:1;align-items:flex-start}.login-form-wrap{max-width:420px}.login-form-wrap>.eyebrow{display:none}.login-form-wrap h2{font-size:23px}.login-form-wrap>.muted{font-size:12px;margin-bottom:25px}.login-help{font-size:10px}.modal{padding:22px}.logs-content{padding:15px;font-size:10px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
.mobile-logout{display:none}@media(max-width:600px){.mobile-logout{display:inline-block;font-size:9px;border-left:1px solid var(--line);padding-left:10px}}
.network-history{margin-top:9px;padding-top:7px;border-top:1px solid #edf0f2}.network-history-heading{display:flex;justify-content:space-between;gap:4px 10px;flex-wrap:wrap;font-size:8px;color:#8e9ea9;line-height:1.6}.network-history-heading>span:last-child{font-variant-numeric:tabular-nums}.network-history .sparkline{height:25px;margin-top:3px}.network-history .chart-empty{height:25px;font-size:8px}.network-history-note{font-size:8px;line-height:1.6;color:#a3afb7;margin-top:1px}