:root{font-family:Tahoma,"Segoe UI",sans-serif;color:#17304b;background:#f3f7fa;font-size:14px;line-height:1.65;accent-color:#1269ba}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:wait;opacity:.6}input,select{width:100%;min-height:42px;padding:8px 11px;border:1px solid #b8c9d7;border-radius:5px;background:#fff;color:#17304b;outline:none}input:focus,select:focus,button:focus-visible{outline:2px solid #1269ba;outline-offset:2px}::selection{background:#b6dcfa;color:#102a44}a{text-underline-offset:3px}[hidden]{display:none!important}
.entry{min-height:100vh;display:grid;grid-template-columns:42% 58%;direction:ltr}.entry-context,.entry-work{direction:rtl}.entry-context{background:#173b5b;color:#f1f7fc;padding:52px 9%;display:flex;flex-direction:column;justify-content:space-between}.brand-mark{font-size:36px;font-weight:800;letter-spacing:-.04em}.entry-context p{color:#c4d8e8}.entry-work{display:flex;align-items:center;justify-content:center;padding:32px}.entry-panel{width:min(100%,400px)}.entry-panel h1{font-size:28px;line-height:1.35;margin:0 0 13px;letter-spacing:-.025em}.entry-panel>p{color:#526d83;margin:0 0 28px}.entry-panel form{display:grid;gap:9px}.entry-panel label,.settings-form label{font-weight:650}.entry-panel input{margin-bottom:10px}.entry-panel button,.settings-form>button,.test-area button{min-height:44px;border:1px solid #145d9c;border-radius:5px;background:#1269ba;color:#fff;font-weight:700;padding:8px 15px}.entry-panel .text-button{background:transparent;color:#145d9c;border:0}.field-help{color:#526d83;font-size:12px;margin:0 0 8px}.feedback{color:#8d2632;background:#fcebed;border:1px solid #efcbd1;padding:10px 12px;border-radius:4px;margin-top:16px}
.app{min-height:100vh;display:grid;grid-template-columns:220px minmax(0,1fr)}.rail{background:#173b5b;color:#fff;display:flex;flex-direction:column;min-height:100vh}.rail-brand{padding:27px 22px;font-size:24px;font-weight:800}.rail-brand small{display:block;color:#b9d0e3;font-size:11px;font-weight:500}.rail nav{display:grid;gap:4px;padding:18px 11px}.nav-item{background:transparent;border:0;color:#d6e6f3;text-align:right;border-radius:5px;padding:11px 14px}.nav-item:hover,.nav-item.selected{color:#fff;background:#2b5679}.nav-item.selected{box-shadow:inset -3px 0 #78c9ff}.rail-bottom{margin-top:auto;padding:18px 21px;border-top:1px solid #3d5b76;display:flex;justify-content:space-between;gap:10px;align-items:center;font-size:12px}.rail-bottom button{background:transparent;color:#d6e6f3;border:0}.workspace{min-width:0;padding:0 34px 48px}.topbar{min-height:91px;border-bottom:1px solid #d8e3eb;display:flex;align-items:center;justify-content:space-between;gap:12px}.topbar h1{font-size:21px;margin:0}.topbar p{font-size:12px;color:#627b90;margin:1px 0 0}.topbar button{background:#fff;color:#235272;border:1px solid #b7cbd9;padding:8px 14px;border-radius:5px}.view{max-width:1480px}.service-strip{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:1px;background:#d7e2ea;border:1px solid #d7e2ea;margin-top:25px}.service{background:#fff;padding:13px 14px;min-width:0}.service span{font-size:12px;color:#61788a;display:block}.service strong{font-size:14px}.service.good strong{color:#146b4d}.service.bad strong{color:#ac3940}.service.warn strong{color:#9a650d}h2{font-size:16px;margin:33px 0 14px}.workload-grid,.traffic-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:11px}.metric{padding:15px 13px;background:#fff;border:1px solid #d8e3eb;border-radius:5px;min-width:0}.metric strong{font-size:23px;line-height:1.2;display:block;font-variant-numeric:tabular-nums}.metric span{display:block;color:#5b7488;font-size:12px;margin-top:5px}.traffic-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.table-scroll{overflow:auto;border:1px solid #d8e3eb;background:#fff;border-radius:5px}table{width:100%;border-collapse:collapse;white-space:nowrap;text-align:right;font-size:12px}th,td{padding:10px 13px;border-bottom:1px solid #e8eef2}th{background:#edf4f8;color:#49657a;font-weight:700}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:#f7fbfd}.state-ok{color:#146b4d}.state-off{color:#8a5a16}.endpoints dl{display:grid;gap:1px;background:#d9e5ec;border:1px solid #d9e5ec}.endpoints dl>div{display:grid;grid-template-columns:145px 1fr;background:#fff;padding:9px 12px;gap:10px}.endpoints dt{font-weight:700}.endpoints dd{margin:0;direction:ltr;text-align:right;overflow-wrap:anywhere}
.sms-view{max-width:840px}.section-intro{margin:25px 0}.section-intro h2{font-size:22px;margin:0 0 5px}.section-intro p,.test-area p{color:#526d83;margin:0}.state-note{background:#e7f1f8;color:#285779;padding:10px 12px;border-radius:5px}.settings-form{background:#fff;border:1px solid #d8e3eb;border-radius:5px;padding:22px;display:grid;gap:8px;max-width:650px}.settings-form>input,.settings-form>select,.form-group input{margin-bottom:13px}.settings-form>button{justify-self:start;min-width:145px}.check-row{display:flex;align-items:center;gap:8px;margin:5px 0 10px}.check-row input{width:17px;min-height:17px;margin:0}.form-group{display:grid;gap:8px}.test-area{margin-top:35px;border-top:1px solid #d8e3eb}.test-area h2{margin-bottom:4px}.test-area .settings-form{margin-top:15px}.trace{margin-top:14px;min-height:30px;color:#285779}.trace p{margin:0 0 6px}
@media(max-width:1100px){.service-strip{grid-template-columns:repeat(3,1fr)}.workload-grid{grid-template-columns:repeat(4,1fr)}.traffic-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:700px){.entry{grid-template-columns:1fr;grid-template-rows:72px minmax(0,1fr)}.entry-context{min-height:72px;padding:17px 22px;display:block}.entry-context .brand-mark{font-size:22px}.entry-context p{display:none}.entry-work{align-items:flex-start;padding:45px 22px}.entry-panel h1{font-size:24px}.app{grid-template-columns:1fr}.rail{min-height:auto;display:block}.rail-brand{padding:12px 18px;font-size:20px}.rail-brand small{display:none}.rail nav{display:flex;padding:0 12px 9px}.rail-bottom{position:absolute;top:0;left:0;border:0;padding:14px;font-size:11px}.workspace{padding:0 15px 35px}.topbar{min-height:70px}.service-strip{grid-template-columns:repeat(2,1fr)}.workload-grid,.traffic-grid{grid-template-columns:repeat(2,1fr)}.metric strong{font-size:20px}.settings-form{padding:15px}}
.workload-grid,.traffic-grid{gap:0;border:1px solid #d8e3eb;background:#fff;border-radius:5px;overflow:hidden}.metric{border:0;border-inline-start:1px solid #d8e3eb;border-radius:0;padding:12px 15px}.metric:first-child{border-inline-start:0}.metric strong{font-size:21px}.security-area{border:1px solid #d8e3eb;background:#fff;padding:19px 22px;margin:20px 0}.security-area h2{margin:0 0 4px}.security-area h3{font-size:15px}.security-area p{color:#526d83;margin:0 0 13px}.security-area button{background:#1269ba;border:1px solid #145d9c;color:#fff;border-radius:5px;padding:9px 14px;font-weight:700}.security-area form{display:grid;gap:8px;max-width:370px}.security-area form button{justify-self:start}.security-area ol{direction:ltr;columns:2;font-family:Consolas,monospace;font-size:14px;user-select:all}.security-area li{padding:3px 0}
@media(max-width:700px){.metric{border-bottom:1px solid #e8eef2}.metric:nth-child(odd){border-inline-start:0}.security-area{padding:15px}.security-area ol{columns:1}}