:root{--primary:#4f46e5;--primary-rgb:79,70,229;--bg:#f6f8fb;--panel:#fff;--text:#162033;--muted:#718096;--line:#dfe5ec;--soft:#eef2f7;--success:#15965b;--success-bg:#eaf8f1;--danger:#d94545;--danger-bg:#fff0f0;--warning:#b7791f;--warning-bg:#fff8e8;--sidebar:286px;--topbar:64px;--radius:12px;--shadow:0 10px 30px rgba(20,34,60,.06);font-family:Inter,Segoe UI,Roboto,Arial,sans-serif;color-scheme:light}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--text)}body{font-size:14px}a{color:var(--primary);text-decoration:none}button,input,select{font:inherit}.app-shell{min-height:100vh;padding-top:var(--topbar);padding-left:var(--sidebar)}.topbar{position:fixed;inset:0 0 auto 0;height:var(--topbar);z-index:50;background:rgba(255,255,255,.96);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 18px}.brand{display:flex;align-items:center;gap:11px;min-width:260px}.brand-mark{width:34px;height:34px;border-radius:9px;background:linear-gradient(145deg,var(--primary),color-mix(in srgb,var(--primary),#2b355c 35%));color:white;display:grid;place-items:center;font-weight:800;font-size:18px;box-shadow:0 6px 16px rgba(var(--primary-rgb),.18)}.brand-mark.large{width:56px;height:56px;border-radius:15px;font-size:28px}.brand-copy{display:flex;flex-direction:column;line-height:1.2}.brand-copy strong{font-size:15px}.brand-copy span{font-size:11px;color:var(--muted);margin-top:3px}.topbar-actions{display:flex;align-items:center;gap:10px}.env-chip,.user-chip{border:1px solid var(--line);border-radius:9px;background:#fff;display:flex;align-items:center}.env-chip{height:38px;padding:0 12px;gap:7px;color:#49556a;font-weight:600}.env-chip i{width:7px;height:7px;background:var(--success);border-radius:50%}.user-chip{height:44px;padding:4px 10px 4px 5px;gap:8px}.user-chip>span:last-child{display:flex;flex-direction:column}.user-chip strong{font-size:12px}.user-chip small{font-size:10px;color:var(--muted);max-width:180px;overflow:hidden;text-overflow:ellipsis}.avatar{width:32px;height:32px;border-radius:8px;background:color-mix(in srgb,var(--primary),white 88%);color:var(--primary);display:grid;place-items:center;font-weight:800}.sidebar{position:fixed;top:var(--topbar);left:0;bottom:0;width:var(--sidebar);background:#fff;border-right:1px solid var(--line);padding:14px 12px;display:flex;flex-direction:column;z-index:40}.sidebar nav{display:flex;flex-direction:column;gap:3px}.nav-item{display:flex;align-items:center;gap:11px;min-height:42px;padding:0 12px;border-radius:9px;color:#556176;font-weight:600}.nav-item:hover{background:var(--soft);color:var(--text)}.nav-item.active{background:color-mix(in srgb,var(--primary),white 92%);color:var(--primary)}.nav-icon{width:20px;text-align:center;font-size:16px}.sidebar-footer{margin-top:auto;border-top:1px solid var(--line);padding:14px 10px 2px;display:flex;flex-direction:column;color:var(--primary);font-weight:700;font-size:11px}.sidebar-footer small{color:var(--muted);font-weight:500;margin-top:3px}.content{padding:20px;max-width:1900px;margin:0 auto}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 0 16px}.page-heading h1{font-size:22px;margin:0 0 4px;font-weight:750;letter-spacing:-.02em}.page-heading p{margin:0;color:var(--muted);font-size:12px}.updated{color:var(--muted);font-size:12px}.kpi-grid{display:grid;gap:12px;margin-bottom:14px}.kpi-grid.five{grid-template-columns:repeat(5,minmax(0,1fr))}.kpi-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.kpi-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:15px 16px;display:flex;align-items:center;gap:13px;min-height:98px;box-shadow:0 3px 12px rgba(20,34,60,.025)}.kpi-icon{width:45px;height:45px;border-radius:50%;background:color-mix(in srgb,var(--primary),white 92%);color:var(--primary);display:grid;place-items:center;font-size:21px}.danger-icon{color:var(--danger);background:var(--danger-bg)}.kpi-card>div{display:flex;flex-direction:column}.kpi-card small{color:#68758a;font-size:11px}.kpi-card strong{font-size:26px;line-height:1.1;margin:3px 0;color:#19253a}.kpi-card em{font-style:normal;font-size:10px;color:var(--success)}.grid{display:grid;gap:14px;margin-bottom:14px}.grid.two{grid-template-columns:1fr 1fr}.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 3px 12px rgba(20,34,60,.025);overflow:hidden;margin-bottom:14px}.panel-title{min-height:48px;border-bottom:1px solid var(--line);padding:0 13px;display:flex;align-items:center;justify-content:space-between;gap:12px}.panel-title>div{display:flex;align-items:center;gap:8px}.panel-title strong{font-size:12px}.panel-title a{font-size:11px;font-weight:700}.section-icon{width:20px;text-align:center;color:var(--text)}.gateway-list{padding:8px 12px}.gateway-row{display:flex;align-items:center;gap:12px;padding:12px 6px}.gateway-row+.gateway-row{border-top:1px solid var(--line)}.gateway-main{min-width:0;flex:1;display:flex;flex-direction:column}.gateway-main strong{font-size:12px;overflow:hidden;text-overflow:ellipsis}.gateway-main small,.gateway-state small{font-size:10px;color:var(--muted);margin-top:4px}.gateway-state{text-align:right;display:flex;flex-direction:column;align-items:flex-end}.status-dot{display:inline-block;width:6px;height:6px;border-radius:50%}.status-dot.on{background:var(--success)}.status-dot.off{background:var(--danger)}.badge{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;border-radius:999px;padding:3px 8px;font-size:9px;font-weight:750;letter-spacing:.01em}.badge.success{color:#0d7a48;background:var(--success-bg)}.badge.danger{color:#b32d2d;background:var(--danger-bg)}.badge.warning{color:#916014;background:var(--warning-bg)}.badge.neutral{color:#5d6675;background:#edf1f5}.badge.outline{color:#536076;background:white;border:1px solid #cfd7e2}.table-wrap{overflow:auto}.table-wrap.compact table{font-size:10px}.table-wrap.compact th,.table-wrap.compact td{padding:7px 10px}table{width:100%;border-collapse:collapse;font-size:11px}thead th{position:sticky;top:0;background:#fbfcfe;color:#66758a;font-weight:700;text-align:left;border-bottom:1px solid var(--line);white-space:nowrap}th,td{padding:10px 11px;border-bottom:1px solid #edf0f4;vertical-align:middle}tbody tr:hover{background:#fbfcff}tbody tr:last-child td{border-bottom:0}.event-tag{font-size:9px;font-weight:800;color:var(--primary);background:color-mix(in srgb,var(--primary),white 92%);padding:3px 7px;border-radius:999px;white-space:nowrap}.block{display:block}.path-cell{max-width:330px;word-break:break-word}.path-cell small{color:var(--muted)}code{font-family:"Cascadia Code",Consolas,monospace;font-size:.92em;color:#354158;background:#f5f7fa;padding:1px 4px;border-radius:4px}.toolbar{min-height:52px;display:flex;align-items:center;gap:10px;padding:9px 11px;border-bottom:1px solid var(--line)}.search{width:360px;max-width:100%;border:1px solid #cfd7e2;border-radius:8px;height:34px;padding:0 10px;outline:none;background:#fff}.search:focus{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary),transparent 88%)}.search.wide{width:540px}.count-chip{font-size:10px;color:var(--muted);background:#f1f4f8;border-radius:999px;padding:5px 9px}.btn{border:1px solid transparent;border-radius:8px;min-height:36px;padding:0 13px;display:inline-flex;align-items:center;justify-content:center;gap:7px;font-weight:700;font-size:11px;cursor:pointer;background:#fff}.btn-primary{background:var(--primary);color:#fff;box-shadow:0 4px 12px color-mix(in srgb,var(--primary),transparent 80%)}.btn-primary:hover{filter:brightness(.96)}.btn-secondary{color:#445268;border-color:#cfd7e2;background:#fff}.btn-ghost{color:#445268;border-color:#d6dde7;background:#fff}.btn-danger{background:#fff;color:var(--danger);border-color:#f2c7c7}.btn-small{min-height:29px;padding:0 9px;font-size:10px}.inline-form{display:inline}.actions{display:flex;gap:5px;align-items:center;white-space:nowrap}.toast{padding:10px 13px;border-radius:8px;margin-bottom:13px;font-size:11px;font-weight:650;border:1px solid}.toast.success{background:var(--success-bg);color:#0d7145;border-color:#bfe7d2}.toast.danger{background:var(--danger-bg);color:#a62f2f;border-color:#efc4c4}.generated-secret{background:linear-gradient(90deg,color-mix(in srgb,var(--primary),white 92%),#fff);border:1px solid color-mix(in srgb,var(--primary),white 72%);border-radius:10px;padding:12px 14px;margin-bottom:14px;display:flex;align-items:center;gap:12px}.generated-secret span{font-size:10px;color:var(--muted)}.generated-secret strong{font-family:"Cascadia Code",Consolas,monospace;font-size:16px;letter-spacing:.04em}.generated-secret small{margin-left:auto;color:var(--muted)}.modal{display:none;position:fixed;inset:0;background:rgba(18,26,42,.36);backdrop-filter:blur(3px);z-index:100;align-items:center;justify-content:center;padding:20px}.modal.open{display:flex}.modal-card{width:min(520px,100%);background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 22px 70px rgba(10,20,40,.22);padding:18px}.modal-card.large{width:min(760px,100%)}.modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.modal-header h2{font-size:17px;margin:0}.modal-header button{border:0;background:transparent;font-size:25px;color:#7b8798;cursor:pointer}.modal-card form,.settings-form{display:flex;flex-direction:column;gap:12px}.modal-card label,.settings-form label{display:flex;flex-direction:column;gap:6px;color:#4a566a;font-size:11px;font-weight:700}.modal-card input,.modal-card select,.settings-form input,.settings-form select{height:38px;border:1px solid #cfd7e2;border-radius:8px;padding:0 10px;background:#fff;color:var(--text);outline:none}.modal-card input:focus,.modal-card select:focus,.settings-form input:focus{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary),transparent 88%)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.check-label{flex-direction:row!important;align-items:center!important;margin-top:21px}.check-label input{width:16px;height:16px}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:7px}.segmented{display:flex;border:1px solid #d5dce6;border-radius:9px;background:#fff;padding:3px}.segmented a{padding:7px 11px;border-radius:6px;color:#657287;font-size:10px;font-weight:700}.segmented a.selected{background:var(--primary);color:#fff}.gateway-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-bottom:14px}.gateway-card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:16px;box-shadow:0 3px 12px rgba(20,34,60,.025)}.gateway-card-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.gateway-card h2{font-size:17px;margin:8px 0 3px}.gateway-card a{font-size:11px}.health-orb{width:14px;height:14px;border-radius:50%;box-shadow:0 0 0 5px rgba(0,0,0,.03)}.health-orb.ok{background:var(--success)}.health-orb.warn{background:#d59a2e}.health-orb.bad{background:var(--danger)}.gateway-card dl{display:grid;grid-template-columns:1fr 1fr;margin:16px 0 0;border-top:1px solid var(--line)}.gateway-card dl div{padding:11px 0;border-bottom:1px solid #edf0f4}.gateway-card dl div:nth-child(odd){padding-right:12px}.gateway-card dl div:nth-child(even){padding-left:12px;border-left:1px solid #edf0f4}.gateway-card dt{font-size:9px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);font-weight:800}.gateway-card dd{margin:4px 0 0;font-size:11px;word-break:break-word}.info-card{background:#fff;border:1px solid var(--line);border-radius:10px;padding:12px 14px;margin-bottom:14px}.info-card.accent{border-left:3px solid var(--primary);background:color-mix(in srgb,var(--primary),white 97%)}.info-card strong{font-size:11px}.info-card p{font-size:11px;color:var(--muted);margin:5px 0 0}.settings-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:14px}.settings-form{padding:15px}.settings-form small{font-size:9px;color:var(--muted);font-weight:500}.color-field{display:flex;gap:8px;align-items:center}.color-field input[type=color]{width:46px;padding:4px}.color-field input[type=text],.color-field input:not([type]){flex:1}.setting-list{padding:5px 14px}.setting-list>div{padding:12px 0;border-bottom:1px solid #edf0f4;display:flex;flex-direction:column;gap:4px}.setting-list>div:last-child{border-bottom:0}.setting-list strong{font-size:11px}.setting-list span{font-size:10px;color:var(--muted)}.panel-copy{padding:14px;color:#657287;line-height:1.65;font-size:11px}.login-body{min-height:100vh;display:grid;place-items:center;padding:30px;background:radial-gradient(circle at 50% 20%,#fff 0,#f4f7fb 52%,#eaf0f6 100%)}.login-card{width:min(610px,100%);background:#fff;border:1px solid #ccd5e0;border-radius:16px;box-shadow:0 24px 60px rgba(20,35,60,.14);padding:38px 42px}.login-brand{display:flex;align-items:center;gap:18px}.login-brand h1{font-size:24px;margin:0 0 5px;letter-spacing:-.025em}.login-brand p{margin:0;color:var(--muted)}.login-divider{height:1px;background:var(--line);margin:26px 0}.login-shield{margin:0 auto 10px;width:36px;height:36px;border-radius:50%;background:color-mix(in srgb,var(--primary),white 91%);color:var(--primary);display:grid;place-items:center;font-size:20px}.login-card h2{text-align:center;font-size:16px;margin:0}.muted{color:var(--muted)}.center{text-align:center}.login-sso-label{text-align:center;color:var(--muted);font-size:11px;margin:30px 0 10px}.microsoft-button{width:100%;height:54px;border-radius:9px;background:var(--primary);color:#fff;display:flex;align-items:center;justify-content:center;gap:12px;font-size:16px;font-weight:750;box-shadow:0 8px 22px color-mix(in srgb,var(--primary),transparent 76%)}.microsoft-button:hover{filter:brightness(.97)}.ms-logo{width:21px;height:21px;display:grid;grid-template-columns:1fr 1fr;gap:2px}.ms-logo i:nth-child(1){background:#f25022}.ms-logo i:nth-child(2){background:#7fba00}.ms-logo i:nth-child(3){background:#00a4ef}.ms-logo i:nth-child(4){background:#ffb900}.login-footer{text-align:center;border-top:1px solid var(--line);margin-top:34px;padding-top:20px;color:var(--muted);font-size:10px}@media(max-width:1200px){:root{--sidebar:230px}.kpi-grid.five{grid-template-columns:repeat(3,1fr)}.grid.two,.gateway-cards,.settings-grid{grid-template-columns:1fr}.topbar .user-chip small{display:none}}@media(max-width:760px){:root{--sidebar:0px}.app-shell{padding-left:0}.sidebar{display:none}.brand-copy span{display:none}.topbar{padding:0 9px}.topbar-actions{gap:5px}.env-chip{display:none}.user-chip{border:0}.content{padding:12px}.kpi-grid.five,.kpi-grid.three{grid-template-columns:1fr 1fr}.page-heading{align-items:flex-start}.form-grid{grid-template-columns:1fr}.login-card{padding:28px 22px}.login-brand h1{font-size:20px}.generated-secret{align-items:flex-start;flex-direction:column}.generated-secret small{margin-left:0}}@media(max-width:480px){.kpi-grid.five,.kpi-grid.three{grid-template-columns:1fr}.brand-copy strong{font-size:12px}.topbar-actions form{display:none}}