:root{--navy:#0b1f3a;--blue:#1769e0;--blue2:#3b82f6;--ink:#142033;--muted:#697589;--line:#e5eaf1;--bg:#f4f7fb;--white:#fff;--green:#0e9f6e;--amber:#c67c00;--red:#d14343;--shadow:0 18px 50px rgba(25,50,90,.09)}
*{box-sizing:border-box}body{margin:0;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--bg)}button,input{font:inherit}button{cursor:pointer}.hidden{display:none!important}.muted{color:var(--muted)}.eyebrow{margin:0 0 8px;font-size:11px;font-weight:800;letter-spacing:.14em;color:#91a1b8}.eyebrow.blue{color:var(--blue)}.brand-mark{display:grid;place-items:center;width:54px;height:54px;border-radius:16px;background:linear-gradient(145deg,#2679e8,#0855c6);color:#fff;font-size:27px;font-weight:900;box-shadow:0 12px 28px rgba(13,104,224,.28)}.brand-mark.small{width:34px;height:34px;border-radius:10px;font-size:17px}
.auth-page{min-height:100vh;background:linear-gradient(125deg,#071a33 0,#0b2850 48%,#edf4ff 48%,#f8fbff 100%);display:grid;place-items:center;padding:36px}.auth-shell{width:min(1050px,100%);display:grid;grid-template-columns:1.05fr .8fr;align-items:center;gap:90px}.auth-shell.compact{width:min(980px,100%)}.auth-brand{color:#fff}.auth-brand h1{font-size:clamp(40px,5vw,64px);line-height:1.04;letter-spacing:-.045em;margin:28px 0 24px}.auth-brand>p:not(.eyebrow){max-width:520px;color:#b8c8dc;font-size:17px;line-height:1.65}.auth-brand .eyebrow{margin-top:38px;color:#6ea8f5}.trust-row{display:flex;gap:22px;margin-top:40px;color:#a9bdd6;font-size:13px}.trust-row span::first-letter{color:#46d6a3}.auth-card{background:#fff;border:1px solid rgba(255,255,255,.7);border-radius:26px;padding:42px;box-shadow:0 35px 80px rgba(3,22,52,.22)}.auth-card h2{font-size:31px;letter-spacing:-.03em;margin:0 0 8px}.auth-form{display:grid;gap:20px;margin-top:30px}.auth-form label{display:grid;gap:8px;font-size:13px;font-weight:700}.auth-form input{width:100%;border:1px solid #d9e0e9;border-radius:12px;padding:14px 15px;outline:none;transition:.2s}.auth-form input:focus{border-color:var(--blue2);box-shadow:0 0 0 4px #e9f2ff}.primary-button{border:0;border-radius:12px;padding:15px 18px;background:linear-gradient(135deg,#1769e0,#0a56c6);color:#fff;font-weight:800;display:flex;justify-content:space-between;box-shadow:0 12px 26px rgba(23,105,224,.22)}.security-note{text-align:center;color:#8b96a8;font-size:11px;margin:24px 0 0}.notice{border:1px solid #ffd7a3;background:#fff8ed;color:#8a5200;border-radius:11px;padding:12px 14px;margin-top:20px;font-size:13px}.form-error{color:var(--red);font-size:12px;margin:0}
.topbar{height:70px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 3vw;gap:4vw;position:sticky;top:0;z-index:10}.logo{display:flex;align-items:center;gap:11px;color:var(--navy);text-decoration:none;white-space:nowrap}.logo b{color:var(--blue)}.topbar nav{display:flex;gap:4px;align-self:stretch}.topbar nav button{border:0;background:transparent;color:#778398;padding:0 15px;font-size:13px}.topbar nav button:disabled{cursor:default;opacity:.55}.topbar nav .nav-active{color:var(--blue);font-weight:800;border-bottom:2px solid var(--blue)}.top-actions{margin-left:auto;display:flex;gap:9px;align-items:center}.period{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:12px}.period input{border:1px solid var(--line);border-radius:9px;padding:8px;color:var(--ink)}.icon-button,.logout{border:1px solid var(--line);background:#fff;border-radius:9px;padding:8px 11px;color:var(--ink)}.logout{font-size:12px}.dashboard{width:min(1500px,94vw);margin:0 auto;padding:34px 0 60px}.headline{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:25px}.headline h1{font-size:30px;letter-spacing:-.035em;margin:0 0 7px}.headline p{margin-bottom:0}.live-pill{font-size:12px;font-weight:700;color:#44705e;background:#eaf8f2;padding:9px 13px;border-radius:999px}.live-pill i{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--green);margin-right:6px;box-shadow:0 0 0 4px rgba(14,159,110,.12)}
.kpi-grid{display:grid;grid-template-columns:1.35fr repeat(3,1fr);gap:16px;margin-bottom:16px}.kpi,.panel{background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow)}.kpi{padding:22px}.kpi.primary{background:linear-gradient(145deg,#0d315f,#0a2344);color:#fff;border:0}.kpi-label{display:flex;justify-content:space-between;color:#7d899b;font-size:12px;font-weight:700}.kpi.primary .kpi-label,.kpi.primary p{color:#abc0dc}.kpi strong{display:block;font-size:29px;letter-spacing:-.04em;margin:15px 0 6px}.kpi.primary strong{font-size:34px}.kpi p{color:#8b96a8;font-size:11px;margin:0}.kpi.warning strong{color:var(--amber)}.content-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:16px}.panel{padding:22px;min-width:0}.panel-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:21px}.panel-head h2,.callout h2{font-size:18px;margin:0}.panel-head>span{font-size:11px}.company-list{display:grid;gap:18px}.company-row{display:grid;grid-template-columns:190px 1fr 130px;align-items:center;gap:18px}.company-row.disconnected{grid-template-columns:1fr auto;padding-top:5px}.company-meta{display:flex;align-items:center;gap:11px;min-width:0}.company-meta div{min-width:0}.company-meta b,.company-meta small{display:block}.company-meta small,.seller-row small,.connection small{color:#8994a6;font-size:11px;margin-top:3px}.company-avatar{display:grid;place-items:center;width:36px;height:36px;flex:0 0 36px;border-radius:10px;font-weight:900;background:#eaf2ff;color:#1769e0}.company-avatar.hidro2{background:#eaf9f4;color:#168460}.company-avatar.matecon{background:#fff4e5;color:#b36a00}.bar-track{height:7px;background:#edf1f6;border-radius:99px;overflow:hidden}.bar-track i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,#1769e0,#57a0ff)}.company-row strong{text-align:right;font-size:14px}.seller-list{display:grid}.seller-row{display:grid;grid-template-columns:27px 1fr auto;align-items:center;gap:9px;padding:11px 0;border-bottom:1px solid #edf0f4}.seller-row:last-child{border-bottom:0}.seller-row b,.seller-row small{display:block}.seller-row b{font-size:13px}.seller-row strong{font-size:12px}.rank{width:23px;height:23px;display:grid;place-items:center;border-radius:7px;background:#f1f5fa;color:#728096;font-size:10px;font-weight:800}.panel-foot{font-size:10px;color:#929dac;border-top:1px solid var(--line);padding-top:13px;margin:10px 0 0}.connection-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.connection{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;border:1px solid var(--line);border-radius:12px;padding:14px}.connection b,.connection small{display:block}.connection b{font-size:13px}.status{font-size:10px;font-weight:800;border-radius:999px;padding:6px 8px}.status.online{color:#087451;background:#e7f8f1}.status.pending{color:#966000;background:#fff3d9}.callout{display:flex;align-items:center;gap:18px;background:linear-gradient(135deg,#edf5ff,#f8fbff);border-color:#d7e7fb}.callout-icon{display:grid;place-items:center;width:54px;height:54px;border-radius:15px;background:#1769e0;color:#fff;font-size:25px;font-weight:900}.callout p:last-child{color:#6c788b;font-size:12px;margin-bottom:0;line-height:1.5}.skeleton{height:160px;border-radius:10px;background:linear-gradient(90deg,#f0f2f5,#fafbfc,#f0f2f5);background-size:200%;animation:shimmer 1.3s infinite}.empty{color:var(--muted);font-size:13px}.spinning{animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shimmer{to{background-position:-200%}}
.integration-page{width:min(1050px,92vw);margin:0 auto;padding:45px 0 70px}.integration-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.integration-grid .full{grid-column:1/-1}.body-copy{font-size:13px;line-height:1.6}.callback-box{display:flex;align-items:center;gap:10px;background:#f5f8fc;border:1px solid var(--line);border-radius:11px;padding:10px}.callback-box code{font-size:11px;overflow-wrap:anywhere;flex:1}.integration-form{margin-top:0}.authorize-row{display:flex;align-items:center;justify-content:space-between;gap:25px}.authorize-row p{margin-bottom:0}.primary-button{text-decoration:none}.primary-button.disabled{pointer-events:none;opacity:.45}.link-button{text-decoration:none}.notice.error{border-color:#ffc7c7;background:#fff1f1;color:#9b2929}
@media(max-width:950px){.topbar nav{display:none}.kpi-grid{grid-template-columns:repeat(2,1fr)}.content-grid{grid-template-columns:1fr}.auth-shell{grid-template-columns:1fr;gap:30px}.auth-brand h1{font-size:42px}.auth-page{background:#0a2344}.auth-card{max-width:520px;width:100%;justify-self:center}}
@media(max-width:620px){.auth-page{padding:20px}.auth-brand{display:none}.auth-card{padding:28px 22px}.kpi-grid{grid-template-columns:1fr}.dashboard{width:92vw}.headline{align-items:flex-start;gap:12px;flex-direction:column}.topbar{padding:0 4vw}.logo>span:last-child,.period{display:none}.company-row{grid-template-columns:1fr}.bar-track{order:3;grid-column:1/-1}.company-row strong{text-align:left;margin-left:47px}.connection-grid{grid-template-columns:1fr}.content-grid{display:block}.panel{margin-bottom:16px}.integration-grid{grid-template-columns:1fr}.integration-grid .full{grid-column:auto}.authorize-row{align-items:flex-start;flex-direction:column}}