:root{font-family:Inter,Segoe UI,Arial,sans-serif;color:#172036;background:#f3f6fb;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.55;cursor:not-allowed}.shell{display:grid;grid-template-columns:250px 1fr;min-height:100vh}aside{background:#07152f;color:#cad5e8;padding:26px 18px;display:flex;flex-direction:column}.logo{display:flex;gap:12px;align-items:center;margin:0 8px 28px}.logo span,.user span{display:flex;flex-direction:column}.logo small,.user small{color:#8291ad;margin-top:3px}.brandMark{width:44px;height:44px;border-radius:14px;background:linear-gradient(145deg,#2879ff,#20c8e8);display:grid;place-items:center;color:#fff;font-weight:900;box-shadow:0 8px 24px #166bcd66}nav{display:grid;gap:5px}nav button{border:0;background:transparent;color:#9dacc5;text-align:left;padding:12px 14px;border-radius:10px;display:flex;gap:12px;align-items:center;cursor:pointer}nav button.active,nav button:hover{background:#14284b;color:#fff}.help{margin-top:auto;background:#102443;border:1px solid #213a60;border-radius:14px;padding:16px;display:grid;gap:7px}.help small{line-height:1.45;color:#91a0ba}main{padding:32px 40px;max-width:1420px;width:100%;margin:auto}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}h1,h2,p{margin:0}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:800;color:#3978e9;margin-bottom:7px}.user{display:flex;gap:12px;align-items:center}.user button{border:1px solid #dce3ef;background:#fff;border-radius:10px;padding:10px}.statusHero{padding:27px 32px;border-radius:20px;background:linear-gradient(125deg,#0b2858,#165ac5);color:#fff;display:flex;justify-content:space-between;align-items:center;box-shadow:0 18px 40px #174f9f2b}.statusHero h2{font-size:25px;margin:10px 0 7px}.statusHero p{color:#c7d9f6}.online{font-size:11px;font-weight:900;color:#68f0b7;letter-spacing:1px}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:20px 0}.cards article{background:#fff;border:1px solid #e3e9f2;border-radius:16px;padding:20px;display:grid;grid-template-columns:48px 1fr;align-items:center}.icon{grid-row:1/3;width:42px;height:42px;border-radius:12px;background:#eaf2ff;color:#216ae0;display:grid;place-items:center}.cards span{font-size:13px;color:#748097}.cards strong{font-size:25px}.panel{background:#fff;border:1px solid #e3e9f2;border-radius:18px;padding:24px}.panelHead{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #edf0f5;padding-bottom:18px}.panelHead p{color:#7e899c;font-size:13px;margin-top:4px}.secondary{background:#fff!important;color:#285793!important;border:1px solid #d8e2ef!important}.panelHead button{padding:10px 14px;border-radius:10px;display:flex;gap:8px;align-items:center}.check{display:grid;grid-template-columns:12px 1fr auto;align-items:center;gap:14px;padding:14px 4px;border-bottom:1px solid #f0f2f6}.check:last-child{border:0}.check div{display:grid;gap:3px}.check small{color:#7d899c}.check>strong{font-size:11px;color:#118d5e}.dot{width:9px;height:9px;border-radius:50%}.ok{background:#1bc984;box-shadow:0 0 0 4px #e0faef}.bad{background:#f14b59}.login{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at top,#164789,#06142e);padding:20px}.loginCard{width:min(430px,100%);background:#fff;padding:38px;border-radius:22px;box-shadow:0 28px 70px #0006}.loginCard .brandMark{margin-bottom:22px}.muted{color:#748097;margin:8px 0 26px}.login form{display:grid;gap:16px}.login label{font-size:13px;font-weight:700;display:grid;gap:8px}.login input{padding:13px;border:1px solid #d8e0ec;border-radius:10px;outline:none}.login input:focus{border-color:#2471df;box-shadow:0 0 0 3px #2471df1f}.login button,.panel>button,.simpleForm button{border:0;background:#1769db;color:#fff;border-radius:10px;padding:12px 15px;font-weight:800}.login small{display:block;color:#7c8799;margin-top:20px}.error{background:#fff0f1;color:#b42331;padding:12px;border-radius:9px;margin:12px 0}.notice{background:#e6f7ef;color:#08744d;padding:12px;border-radius:9px;margin:12px 0}.itemList{display:grid;gap:9px;margin:18px 0}.item{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px;border:1px solid #e3e9f2;border-radius:11px}.item span{display:grid;gap:5px}.item small{color:#748097}.item button{padding:9px;border-radius:9px}.simpleForm{margin-top:26px;padding-top:22px;border-top:1px solid #e3e9f2;display:grid;gap:13px;max-width:540px}.simpleForm label{display:grid;gap:7px;font-weight:600;font-size:13px}.simpleForm input,.simpleForm select{padding:11px;border:1px solid #d8e0ec;border-radius:9px}.simpleForm button{justify-self:start}.spin{animation:s 1s linear infinite}@keyframes s{to{transform:rotate(360deg)}}@media(max-width:900px){.shell{display:block}aside{padding:14px}nav{display:flex;flex-wrap:wrap}.help{display:none}main{padding:20px}.cards{grid-template-columns:repeat(2,1fr)}}@media(max-width:520px){main{padding:14px}.cards{grid-template-columns:1fr 1fr;gap:10px}.cards article{grid-template-columns:38px 1fr;padding:14px}.statusHero{padding:22px}.statusHero svg{display:none}.panelHead{align-items:flex-start;gap:12px;flex-direction:column}.item{align-items:flex-start;flex-direction:column}header h1{font-size:22px}.user span{display:none}}.businessPicker{display:grid;gap:7px;font-weight:600;font-size:13px;max-width:540px;margin-top:20px}.businessPicker select{padding:11px;border:1px solid #d8e0ec;border-radius:9px;background:#fff}.connectionPanel{margin-top:18px}.simpleForm textarea{font:inherit;padding:11px;border:1px solid #d8e0ec;border-radius:9px;resize:vertical}.simpleForm label small{font-weight:400;color:#748097}.connectionChoices{display:grid;gap:8px;border:1px solid #d8e0ec;border-radius:9px;padding:12px}.connectionChoices label,.simpleForm .connectionCheck{display:flex;align-items:center;gap:9px}.connectionChoices input,.connectionCheck input{width:17px;height:17px}.login button:disabled{opacity:.6;cursor:wait}.login .modeSwitch{width:100%;margin-top:16px;background:#fff;color:#285793;border:1px solid #d8e2ef;cursor:pointer}.login .formHint{margin-top:-10px}.notice{background:#e7f8ef;color:#176b46;padding:12px;border-radius:9px}