:root{--blue:#173d67;--deep:#0b2948;--orange:#fb7b44;--text:#1e3349;--muted:#738398;--line:#e5ebf2;--bg:#f6f8fb;--white:#fff;--green:#237e60;--shadow:0 12px 32px rgba(22,48,78,.045)}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--text);background:var(--bg)}button,input,textarea,select{font:inherit}button{cursor:pointer}a{color:#165c9c}button:disabled{opacity:.6;cursor:not-allowed}.waiting{height:100vh;display:grid;place-content:center;text-align:center;gap:10px;color:var(--muted)}.spinner{width:34px;height:34px;border:3px solid #dfe9f5;border-top-color:var(--orange);border-radius:50%;animation:spin .8s linear infinite;margin:auto}@keyframes spin{to{transform:rotate(360deg)}}
.auth{min-height:100vh;display:grid;grid-template-columns:53% 47%;background:#fff}.auth-side{padding:58px 8%;background:linear-gradient(140deg,#0b2948,#1c5485);color:white;display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden}.auth-side:after{content:"";position:absolute;border:68px solid #ffffff08;border-radius:50%;width:620px;height:620px;right:-440px;top:0}.company{display:flex;align-items:center;gap:13px;font-weight:900;letter-spacing:.1em;position:absolute;top:44px}.company img{width:45px;height:45px;object-fit:contain;background:white;border-radius:12px;padding:5px}.auth-side h1{font-size:clamp(35px,4vw,67px);line-height:1.12;letter-spacing:-.06em;font-weight:800;margin:0 0 26px}.auth-side h1 em{color:#ffad86;font-style:normal}.auth-side p{max-width:440px;line-height:1.75;color:#d1dfed}.auth-caption{position:absolute;bottom:42px;font-size:12px;letter-spacing:.2em;color:#a5c3da}.auth-form{display:grid;place-content:center;padding:50px}.auth-card{max-width:400px;width:100%}.brand-mini{display:flex;align-items:center;gap:12px;margin-bottom:42px}.brand-mini img{height:43px;width:43px;object-fit:contain}.brand-mini b{font-size:19px}.eyebrow{font-size:10px;font-weight:800;letter-spacing:.18em;color:#e86d34}.auth-card h2,.modal-card h2{font-size:34px;margin:9px 0 9px;letter-spacing:-.05em}.auth-card p,.modal-card p{color:var(--muted);font-size:14px;line-height:1.65}.auth-card form{margin-top:28px}.auth-disclaimer{display:block;margin-top:25px;color:#93a0af;font-size:11px;line-height:1.7}
label{display:block;font-size:12px;font-weight:700;margin-bottom:17px}label input,label select{margin-top:8px}input,select,textarea{width:100%;border:1px solid #dfe7ef;border-radius:11px;padding:13px 14px;background:#fff;color:var(--text);outline:none}input:focus,textarea:focus,select:focus{border-color:#4484ba;box-shadow:0 0 0 3px #2973ad16}.primary{background:var(--orange);border:none;border-radius:11px;color:#15283d;padding:13px 18px;font-weight:800;display:inline-flex;align-items:center;justify-content:center;gap:12px}.primary:hover{background:#ff9563}.primary span{margin-left:auto;font-size:20px}.block{width:100%}.message{padding:12px 16px;border-radius:10px;background:#eff6fb;color:#25527a;margin:14px 0;font-size:13px}.message.bad{background:#fff0ee;color:#aa4438}.message.good{background:#e9f6f0;color:#237a57}.message.float{position:fixed;bottom:20px;right:25px;z-index:30;box-shadow:var(--shadow);max-width:420px}.layout{display:flex;min-height:100vh}.sidebar{width:256px;flex:none;background:linear-gradient(172deg,#133a62,#0b2745);padding:29px 16px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh;color:#c8d7e8}.side-brand{display:flex;align-items:center;gap:10px;padding:3px 8px 42px}.side-brand img{width:43px;height:43px;background:white;padding:4px;object-fit:contain;border-radius:11px}.side-brand strong{font-size:13px;color:white;letter-spacing:.02em;white-space:nowrap}.side-brand strong span{color:#ffa274}.side-brand small{display:block;font-size:9px;letter-spacing:.15em;margin-top:5px}.side-caption{font-size:10px;font-weight:800;letter-spacing:.16em;padding:0 17px 15px;color:#6486a5}.nav-item{display:flex;align-items:center;text-align:left;gap:12px;width:100%;border:0;color:#bcd0e4;background:transparent;padding:13px 16px;margin:3px 0;border-radius:11px;font-size:13px;font-weight:600}.nav-item:hover{background:#ffffff13;color:white}.nav-item.current{background:#2b608f;color:#fff}.nav-symbol{font-size:19px;width:20px;text-align:center;font-weight:500}.side-bottom{margin-top:auto;border-top:1px solid #ffffff1b;padding:24px 5px 0;display:flex;align-items:center;gap:10px}.user-icon,.top-avatar{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:#fff0e9;color:#9f4b2b;font-weight:900}.user-info{flex:1;overflow:hidden}.user-info b{font-size:12px;color:white;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-info small{font-size:11px;color:#a9c0d4}#logout{border:0;background:transparent;color:#d0dcec;font-size:23px}.work{flex:1;min-width:0}.topbar{height:76px;background:#fff;border-bottom:1px solid var(--line);padding:0 43px;display:flex;align-items:center;justify-content:space-between}.location{font-size:12px;color:#8090a2}.location b{color:#2c445e}.chev{margin:0 12px;color:#a7b5c4}.top-right{display:flex;align-items:center;gap:20px}.secure{color:#287e65;font-size:11px;font-weight:700}.top-avatar{width:33px;height:33px}.content{padding:39px 44px 70px;max-width:1480px;margin:auto}.heading{display:flex;justify-content:space-between;gap:20px;margin-bottom:28px;align-items:start}.heading h1{font-size:31px;letter-spacing:-.045em;margin:7px 0 5px;color:#173451}.heading p{color:#74869a;font-size:13px;line-height:1.6;margin:0}.date{font-size:11px;color:#8798a7;background:#fff;border:1px solid var(--line);padding:9px 12px;border-radius:99px}.welcome{background:radial-gradient(circle at 87% 40%,#fe804833,transparent 30%),linear-gradient(120deg,#123b63,#265b8c);border-radius:18px;color:#fff;padding:33px 36px;display:flex;justify-content:space-between;overflow:hidden}.welcome h2{font-size:clamp(22px,2.4vw,31px);letter-spacing:-.04em;line-height:1.27;margin:13px 0}.welcome p{font-size:13px;color:#c6dced;max-width:560px;line-height:1.6}.white-eyebrow{font-size:10px;letter-spacing:.17em;color:#fbb58e;font-weight:800}.light-btn{margin-top:10px;border:0;background:white;color:#1a4d7d;border-radius:10px;padding:11px 15px;font-weight:800;font-size:12px}.welcome-rings{font-size:180px;line-height:1;opacity:.18;margin-right:6%}.metric-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:21px 0}.metric{background:white;border:1px solid var(--line);border-radius:15px;padding:22px;box-shadow:var(--shadow)}.metric div{font-size:12px;color:var(--muted);font-weight:600}.metric strong{display:block;font-size:38px;letter-spacing:-.05em;color:#173b63;margin:13px 0 2px}.metric small{font-size:11px;color:#8a9bad}.cols{display:grid;grid-template-columns:1.2fr 1fr;gap:20px}.panel{background:#fff;border:1px solid var(--line);border-radius:15px;padding:24px;box-shadow:var(--shadow);margin-bottom:20px;min-width:0}.panel h3{margin:0 0 19px;font-size:15px;letter-spacing:-.02em}.panel-head,.list-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.panel-head h3{margin:0}.minor{font-size:11px;color:#9aa9b8}.text-btn{border:0;background:transparent;color:#266495;font-size:12px;font-weight:700}.checkline{display:flex;gap:15px;align-items:flex-start;padding:16px 0;border-top:1px solid var(--line)}.checkline b{color:var(--orange);font-size:13px}.checkline strong,.checkline small{display:block}.checkline strong{font-size:13px}.checkline small{color:var(--muted);font-size:11px;margin-top:6px}.summary-service{display:flex;align-items:center;justify-content:space-between;padding:14px 0;border-top:1px solid var(--line);font-size:13px}.status{display:inline-block;border-radius:99px;padding:5px 9px;background:#f1f4f7;color:#8492a0;font-size:10px;font-weight:800;white-space:nowrap}.status.ok{background:#e5f4ed;color:#258561}.status.hold{background:#fff1e5;color:#b56930}.empty{padding:48px 20px;text-align:center}.empty-art{font-size:48px;color:#a4bdd4;margin:8px auto}.empty h3{margin:10px 0;font-size:16px}.empty p{font-size:13px;color:var(--muted);max-width:440px;margin:0 auto 19px;line-height:1.6}.mail-row{display:flex;gap:13px;border-top:1px solid var(--line);padding:18px 0}.mail-initial,.account-icon{width:36px;height:36px;flex:none;border-radius:10px;display:grid;place-items:center;background:#e8f1fa;color:#285b86;font-weight:700}.mail-row b,.mail-row strong{display:block;font-size:13px;margin-bottom:5px}.mail-row strong{color:#1e405e}.mail-row p{color:var(--muted);font-size:12px;line-height:1.5;margin:5px 0}.list-title{font-size:13px}.list-title span{color:var(--muted);font-size:11px}.table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;white-space:nowrap}th{text-align:left;color:#8b9caf;font-size:10px;letter-spacing:.05em;padding:15px;background:#f8fafc}td{border-top:1px solid var(--line);font-size:12px;padding:16px}td:first-child{font-weight:700}.tag{font-size:10px;background:#edf4fa;color:#37648b;padding:6px 9px;border-radius:7px}.integrations{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:23px}.connection{background:white;border:1px solid var(--line);border-radius:15px;padding:23px;min-height:245px;display:flex;flex-direction:column}.connection-top{display:flex;justify-content:space-between;align-items:start}.connection-symbol{width:43px;height:43px;display:grid;place-items:center;background:#edf4fb;border-radius:11px;font-size:24px;color:#214f7c}.connection h3{margin:20px 0 4px;font-size:16px}.connection p{margin:0 0 20px;color:var(--muted);font-size:12px;line-height:1.55;flex:1}.ghost{border:1px solid #dce6f1;border-radius:9px;background:#fff;color:#255f90;font-weight:800;padding:10px 13px;font-size:12px}.ghost:hover{background:#f3f7fb}.info-banner{border:1px solid #d9e6f2;background:#edf5fb;padding:18px;border-radius:12px;color:#365c7e;font-size:12px;margin-bottom:21px;line-height:1.6}.note p{color:var(--muted);font-size:13px;line-height:1.7}.chat-wrap{background:white;border:1px solid var(--line);border-radius:16px;max-width:900px;height:min(660px,70vh);display:flex;flex-direction:column;overflow:hidden}.chat-header{padding:20px 24px;border-bottom:1px solid var(--line);display:flex;gap:13px;align-items:center}.chat-header b,.chat-header small{display:block}.chat-header b{font-size:14px}.chat-header small{font-size:11px;color:var(--muted);margin-top:5px}.ai-icon{background:#eaf3fc;color:#255d8d;border-radius:11px;display:grid;place-items:center;width:40px;height:40px;font-size:24px}.chat-area{flex:1;padding:28px;overflow:auto;background:#fcfdff}.chat-bubble{padding:15px 18px;max-width:75%;white-space:pre-wrap;font-size:13px;line-height:1.7;border-radius:14px;margin:0 0 16px}.chat-bubble.ai{background:#edf4fa;color:#254664;border-top-left-radius:4px}.chat-bubble.human{background:#244f7a;color:white;margin-left:auto;border-bottom-right-radius:4px}#ask{display:flex;gap:12px;padding:16px;border-top:1px solid var(--line)}#ask textarea{resize:none;flex:1}.event{display:flex;align-items:center;gap:14px;border-top:1px solid var(--line);padding:16px 0}.event-icon{border-radius:50%;background:#e8f6ed;color:#248461;width:28px;height:28px;display:grid;place-items:center}.event-icon.err{color:#a9413f;background:#fff0ed}.event div{flex:1;min-width:0}.event strong{font-size:12px}.event p{color:var(--muted);font-size:11px;margin:4px 0}.event time{font-size:10px;color:#9aa8b5}.v-form{display:flex;flex-direction:column}.v-form input,.v-form select{margin-bottom:1px}.account-row{display:flex;align-items:center;gap:11px;border-top:1px solid var(--line);padding:14px 0}.account-row div{flex:1}.account-row b,.account-row small{display:block}.account-row b{font-size:12px}.account-row small{font-size:10px;color:var(--muted);margin-top:4px}.inline-form{display:flex;gap:12px}.inline-form input{max-width:390px}.modal-shell[hidden],.message[hidden]{display:none!important}.modal-shell{position:fixed;inset:0;display:grid;place-items:center;z-index:50;padding:20px}.modal-back{position:absolute;inset:0;background:#071b31a8;backdrop-filter:blur(4px)}.modal-card{background:#fff;position:relative;width:min(520px,100%);max-height:90vh;overflow:auto;padding:30px;border-radius:18px;box-shadow:0 30px 100px #001b3342}.modal-card .close{position:absolute;top:18px;right:19px;border:0;background:#f0f4f8;border-radius:50%;height:31px;width:31px}.modal-card h2{font-size:25px}.modal-card p{margin:11px 0 22px}.uri{overflow-wrap:anywhere;padding:13px;font-size:11px;background:#f0f5fa;border-radius:9px;margin:9px 0 20px;color:#225780}.modal-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:17px}.danger-btn{border:0;background:#fff0ed;border-radius:9px;padding:10px;color:#b44b3d;font-weight:700;font-size:12px}.password-wall,.error-page{max-width:520px;margin:16vh auto;padding:40px;border:1px solid var(--line);background:#fff;border-radius:20px}.password-wall p,.error-page p{color:var(--muted);line-height:1.7}.password-wall input{margin-bottom:15px}
@media(max-width:1020px){.sidebar{width:205px}.content{padding:30px 24px}.topbar{padding:0 25px}.integrations{grid-template-columns:repeat(2,1fr)}.welcome-rings{display:none}.cols{grid-template-columns:1fr}.metric-grid{gap:10px}}
@media(max-width:720px){.auth{grid-template-columns:1fr}.auth-side{display:none}.auth-form{padding:35px 25px;min-height:100vh}.auth-card h2{font-size:29px}.sidebar{position:fixed;bottom:0;top:auto;width:100%;height:70px;z-index:20;padding:4px 7px;background:#133d65;display:block}.side-brand,.side-caption,.side-bottom{display:none}.sidebar nav{display:flex;overflow-x:auto;gap:2px;scrollbar-width:none}.nav-item{flex:0 0 auto;width:76px;display:grid;justify-items:center;gap:4px;padding:7px 3px;font-size:9px;text-align:center;min-height:56px;margin:1px}.nav-symbol{font-size:20px}.work{width:100%;padding-bottom:75px}.topbar{height:59px;padding:0 18px}.top-right .secure{display:none}.content{padding:24px 15px}.heading h1{font-size:26px}.heading .date{display:none}.welcome{padding:24px}.welcome h2{font-size:21px}.metric-grid{grid-template-columns:1fr 1fr}.metric{padding:17px}.metric-grid .metric:last-child{grid-column:span 2}.integrations{grid-template-columns:1fr}.connection{min-height:190px}.chat-wrap{height:70vh}.chat-bubble{max-width:93%}.inline-form{flex-direction:column}.event time{display:none}}