:root{--ink:#18212f;--muted:#718096;--line:#e8ebf1;--surface:#fff;--canvas:#f6f7fa;--purple:#6d55e7;--purple-dark:#5840cf}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--ink);background:var(--canvas);margin:0;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px}button,input,select{font:inherit}button{cursor:pointer}h1,h2,h3,p{margin:0}h1,h2,h3,.side-brand{letter-spacing:-.025em;font-family:Manrope,Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.boot{background:#f8f8fb;justify-content:center;align-items:center;gap:12px;min-height:100vh;font-weight:700;display:flex}.brand-mark{color:#fff;background:linear-gradient(145deg,#7b61ee,#5541cc);border-radius:11px;justify-content:center;align-items:center;width:38px;height:38px;display:inline-flex;box-shadow:0 7px 18px #6751de45}.primary{background:var(--purple);color:#fff;border:0;border-radius:9px;justify-content:center;align-items:center;gap:8px;padding:10px 15px;font-weight:700;transition:all .2s;display:flex;box-shadow:0 4px 12px #7256e32c}.primary:hover{background:var(--purple-dark);transform:translateY(-1px)}.primary svg{width:17px}.auth-shell{background:#fff;grid-template-columns:minmax(440px,1.05fr) minmax(440px,.95fr);min-height:100vh;display:grid}.auth-showcase{color:#fff;background:radial-gradient(circle at 82% 22%,#7762d580,#0000 29%),radial-gradient(circle at 18% 80%,#4a61aa33,#0000 28%),#141629;flex-direction:column;padding:42px 7vw;display:flex;position:relative;overflow:hidden}.auth-showcase:after{content:"";border:1px solid #fff1;border-radius:50%;width:560px;height:560px;position:absolute;bottom:-230px;right:-270px;box-shadow:0 0 0 80px #fff008,0 0 0 160px #fff006}.auth-brand{font-family:var(--font-manrope);z-index:1;align-items:center;gap:11px;font-size:21px;display:flex;position:relative}.auth-copy{z-index:1;max-width:630px;margin:auto 0;position:relative}.eyebrow{color:#8c75f5;letter-spacing:.13em;text-transform:uppercase;align-items:center;gap:7px;font-size:11px;font-weight:800;display:flex}.auth-copy .eyebrow{color:#b9abff;background:#ffffff0e;border:1px solid #ffffff16;border-radius:999px;width:max-content;padding:8px 12px}.auth-copy h1{letter-spacing:-.055em;margin:28px 0 22px;font-size:clamp(42px,5vw,70px);line-height:1.04}.auth-copy h1 em{color:#9e8cff;font-style:normal}.auth-copy>p{color:#aeb2c3;max-width:520px;font-size:17px;line-height:1.7}.auth-proof{border-top:1px solid #ffffff17;gap:36px;margin-top:44px;padding-top:30px;display:flex}.auth-proof>div{align-items:center;gap:11px;display:flex}.auth-proof svg{color:#9584ee;width:23px}.auth-proof span{flex-direction:column;gap:3px;display:flex}.auth-proof b{font-size:16px}.auth-proof small{color:#8c90a3}.auth-foot{color:#777c92;z-index:1;font-size:12px;position:relative}.auth-panel{background:linear-gradient(145deg,#fff,#f8f7fd);justify-content:center;align-items:center;padding:50px;display:flex}.auth-card{width:100%;max-width:440px}.auth-card h2{margin:24px 0 8px;font-size:34px}.auth-card>p{color:var(--muted)}.demo-pill{color:#5d47cb;background:#eeebff;border-radius:7px;align-items:center;gap:8px;width:max-content;padding:7px 10px;font-size:12px;font-weight:700;display:flex}.demo-pill span,.live span{background:#35b981;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #35b9811c}.auth-tabs{background:#f0eff5;border-radius:10px;grid-template-columns:1fr 1fr;gap:4px;margin:28px 0 23px;padding:4px;display:grid}.auth-tabs button{color:#74798a;background:0 0;border:0;border-radius:7px;padding:10px;font-weight:700}.auth-tabs .active{color:var(--ink);background:#fff;box-shadow:0 2px 8px #1a164010}label{flex-direction:column;gap:8px;margin-bottom:18px;font-size:13px;font-weight:700;display:flex}input,select{width:100%;color:var(--ink);background:#fff;border:1px solid #dfe2e9;border-radius:9px;outline:none;padding:12px 13px;transition:all .2s}input:focus,select:focus{border-color:#8570e9;box-shadow:0 0 0 3px #7257e512}.auth-submit{width:100%;margin-top:7px;padding:13px}.auth-error{color:#b83d4a;background:#fff1f2;border:1px solid #ffd9dd;border-radius:8px;margin:-4px 0 14px;padding:10px;font-size:12px}.secure-note{justify-content:center;align-items:center;gap:6px;display:flex;color:#979cab!important;margin-top:20px!important;font-size:11px!important}.app-shell{min-height:100vh}.sidebar{z-index:20;color:#c9cbd5;background:#171927;flex-direction:column;width:246px;padding:23px 16px 18px;display:flex;position:fixed;inset:0 auto 0 0}.side-brand{color:#fff;align-items:center;gap:10px;padding:0 6px 22px;font-size:19px;font-weight:800;display:flex}.side-brand .brand-mark{border-radius:9px;width:32px;height:32px}.close-nav{display:none}.workspace-switch{background:#222534;border:1px solid #2e3142;border-radius:9px;align-items:center;gap:9px;margin-bottom:22px;padding:10px;display:flex}.workspace-switch>span{color:#c8bcff;background:#6a55d82c;border-radius:7px;place-items:center;width:31px;height:31px;font-size:11px;font-weight:800;display:grid}.workspace-switch div{flex-direction:column;flex:1;gap:2px;display:flex}.workspace-switch small{letter-spacing:.1em;color:#707586;font-size:8px}.workspace-switch b{color:#e6e7ed;font-size:12px}.sidebar nav{flex:1}.sidebar nav p{letter-spacing:.14em;color:#656a7c;margin-top:7px;padding:8px 11px;font-size:9px;font-weight:800}.sidebar nav a,.sidebar nav button{color:#a8abba;text-align:left;background:0 0;border:0;border-radius:8px;align-items:center;gap:11px;width:100%;height:42px;margin:2px 0;padding:0 11px;font-size:12px;font-weight:600;display:flex}.sidebar nav a svg,.sidebar nav button svg{width:17px}.sidebar nav a.active,.sidebar nav button.active{color:#fff;background:#6b55dd;box-shadow:0 6px 16px #0002}.sidebar nav a:hover:not(.active),.sidebar nav button:hover:not(.active){color:#fff;background:#212332}.nav-count,.alert-count{background:#303343;border-radius:8px;margin-left:auto;padding:2px 6px;font-size:10px}.alert-count{color:#ff9ca8;background:#422936}.side-bottom{border-top:1px solid #292c3a;padding-top:15px}.usage{flex-wrap:wrap;justify-content:space-between;padding:2px 7px 16px;display:flex}.usage span:first-child{flex-direction:column;gap:4px;display:flex}.usage b{color:#bec1cc;font-size:10px}.usage small{color:#6f7484;font-size:9px}.usage-value{color:#9d8df3;font-size:10px;font-weight:800}.usage i{background:#303342;border-radius:4px;width:100%;height:4px;margin-top:10px;overflow:hidden}.usage u{background:#735de5;width:68%;height:100%;text-decoration:none;display:block}.user-card{color:#fff;text-align:left;background:0 0;border:0;border-radius:8px;align-items:center;gap:9px;width:100%;padding:9px 7px;display:flex}.user-card:hover{background:#222534}.user-card .avatar{color:#3f2d9b;background:#d4cdfb;border-radius:8px;place-items:center;width:32px;height:32px;font-size:11px;font-weight:800;display:grid}.user-card span:nth-child(2){flex-direction:column;flex:1;gap:3px;display:flex}.user-card b{font-size:11px}.user-card small{color:#777c8e;font-size:9px}.user-card svg{color:#727789}.main{min-width:0;padding-left:246px}.topbar{border-bottom:1px solid var(--line);z-index:10;background:#fff;align-items:center;height:67px;padding:0 32px;display:flex;position:sticky;top:0}.global-search{color:#939aaa;align-items:center;gap:9px;width:390px;display:flex}.global-search svg{width:17px}.global-search input{box-shadow:none;border:0;padding:10px 0}.global-search kbd{white-space:nowrap;background:#f7f8fa;border:1px solid #dddfe5;border-radius:5px;padding:3px 6px;font-size:10px}.top-actions{align-items:center;gap:7px;margin-left:auto;display:flex}.top-actions>button:not(.primary),.menu{color:#777e8e;background:0 0;border:0;padding:9px;position:relative}.top-actions svg{width:18px}.top-actions .bell i{background:#ef5b6b;border:2px solid #fff;border-radius:50%;width:6px;height:6px;position:absolute;top:7px;right:7px}.menu{display:none}.content{max-width:1500px;margin:0 auto;padding:31px 34px 50px}.page-heading{justify-content:space-between;align-items:flex-end;margin-bottom:24px;display:flex}.breadcrumb{color:#8b91a0;align-items:center;gap:4px;margin-bottom:14px;font-size:10px;font-weight:700;display:flex}.breadcrumb svg{width:12px}.page-heading h1{margin-bottom:6px;font-size:27px}.page-heading>div>p:last-child{color:#7b8291;font-size:12px}.live{color:#557469;background:#fff;border:1px solid #dce9e4;border-radius:8px;align-items:center;gap:8px;padding:8px 12px;font-size:10px;font-weight:700;display:flex}.demo-banner{background:linear-gradient(90deg,#f2efff,#faf9ff);border:1px solid #e2dcff;border-radius:11px;align-items:center;gap:12px;margin-bottom:18px;padding:13px 16px;display:flex}.demo-icon{color:#fff;background:#6d55e7;border-radius:8px;place-items:center;width:31px;height:31px;display:grid}.demo-icon svg{width:16px}.demo-banner div:nth-child(2){flex:1}.demo-banner b{font-size:11px}.demo-banner p{color:#766e95;margin-top:3px;font-size:10px}.demo-banner a{color:#644cd2;align-items:center;gap:6px;font-size:10px;font-weight:800;text-decoration:none;display:flex}.demo-banner a svg{width:13px}.card{border:1px solid var(--line);background:#fff;border-radius:12px;box-shadow:0 2px 6px #23324a05}.kpi-grid{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.kpi{padding:17px;position:relative}.kpi>p{color:#777e8e;margin:12px 0 5px;font-size:10px;font-weight:700}.kpi-icon{border-radius:8px;place-items:center;width:32px;height:32px;display:grid}.kpi-icon svg{width:16px}.kpi-icon.purple{color:#735be1;background:#f0edff}.kpi-icon.green{color:#31a978;background:#e9f8f2}.kpi-icon.blue{color:#3886cf;background:#eaf4fd}.kpi-icon.orange{color:#e17d43;background:#fff1e8}.kpi-value{align-items:center;gap:9px;display:flex}.kpi-value>b{font-family:var(--font-manrope);letter-spacing:-.04em;font-size:24px}.kpi-value span{color:#29986c;background:#eaf8f1;border-radius:5px;padding:3px 5px;font-size:9px;font-weight:800}.kpi-value span.negative{color:#c45e37;background:#fff0e9}.kpi>small{color:#9da2ad;margin-top:5px;font-size:9px;display:block}.insights-grid{grid-template-columns:1.7fr 1fr;gap:14px;margin:14px 0;display:grid}.chart-card,.health-card{padding:19px}.card-head{justify-content:space-between;align-items:flex-start;display:flex}.card-head h3,.orders-head h3{font-size:14px}.card-head p,.orders-head p{color:#9298a5;margin-top:4px;font-size:10px}.card-head button{color:#6e7481;background:#fff;border:1px solid #e0e3e9;border-radius:7px;align-items:center;gap:6px;padding:6px 9px;font-size:9px;display:flex}.card-head button svg{width:12px}.chart{height:205px;margin:12px 4px 4px 31px;position:relative}.chart svg{width:calc(100% - 8px);height:175px;overflow:visible}.grid-lines line{stroke:#edf0f4;stroke-width:1px}.y-axis{color:#9da2ad;flex-direction:column;justify-content:space-between;height:162px;font-size:8px;display:flex;position:absolute;top:10px;left:-31px}.x-axis{color:#9da2ad;justify-content:space-between;margin-top:2px;font-size:8px;display:flex}.chart-legend{color:#6e7481;border-top:1px solid #f0f1f4;justify-content:space-between;align-items:center;padding-top:11px;font-size:9px;display:flex}.chart-legend span{align-items:center;gap:6px;display:flex}.chart-legend i{background:#7055e8;border-radius:50%;width:7px;height:7px}.chart-legend b{color:#333b49;font-size:12px}.chart-legend small{color:#9298a5;font-weight:400}.health-score{align-items:center;gap:20px;margin:26px 0 23px;display:flex}.score-ring{background:conic-gradient(#45bc86 0 98%,#ebeff1 98%);border-radius:50%;place-items:center;width:91px;height:91px;display:grid;position:relative}.score-ring:after{content:"";background:#fff;border-radius:50%;position:absolute;inset:8px}.score-ring span{z-index:1}.score-ring b{font-family:var(--font-manrope);font-size:23px}.score-ring small{color:#9ba1ad;font-size:9px}.health-score>div:last-child b{color:#279a6d;font-size:13px}.health-score p{color:#9298a5;margin-top:5px;font-size:9px;line-height:1.5}.health-list{border-top:1px solid #f0f1f4}.health-list>div{border-bottom:1px solid #f0f1f4;justify-content:space-between;align-items:center;padding:12px 2px;font-size:10px;display:flex}.health-list span{align-items:center;gap:8px;display:flex}.health-list i{background:#35b67f;border-radius:50%;width:7px;height:7px}.health-list i.warn{background:#efa64c}.health-list b{font-size:9px}.orders-card{overflow:hidden}.orders-head{justify-content:space-between;align-items:center;padding:18px 20px 13px;display:flex}.text-btn{color:#694fd7;background:0 0;border:0;align-items:center;gap:5px;font-size:10px;font-weight:800;display:flex}.text-btn svg{width:13px}.table-tools{gap:8px;padding:0 20px 14px;display:flex}.table-search{width:290px;position:relative}.table-search svg{color:#9298a5;width:14px;position:absolute;top:10px;left:11px}.table-search input{padding:9px 10px 9px 32px;font-size:10px}.table-tools select{width:130px;padding:8px 9px;font-size:10px}.filter-btn{color:#5f6674;background:#fff;border:1px solid #dfe2e8;border-radius:8px;align-items:center;gap:6px;padding:7px 10px;font-size:10px;display:flex}.filter-btn svg{width:13px}.table-wrap{overflow:auto}table{border-collapse:collapse;white-space:nowrap;width:100%}th{text-align:left;letter-spacing:.07em;color:#999faa;background:#f8f9fb;border-top:1px solid #eef0f3;border-bottom:1px solid #eef0f3;padding:10px 16px;font-size:8px}td{color:#5d6572;border-bottom:1px solid #f0f1f4;padding:12px 16px;font-size:10px}tbody tr{cursor:pointer;transition:all .15s}tbody tr:hover{background:#faf9ff}td:first-child,td:nth-child(2){align-items:center;gap:10px;display:flex}td:first-child span:nth-child(2),.date-cell{flex-direction:column;gap:3px;display:flex}td b{color:#27303d;font-size:10px}td small{color:#9da2ae;font-size:8px}.doc-icon{color:#6d55dd;background:#eeebff;border-radius:7px;place-items:center;width:29px;height:29px;display:grid}.doc-icon svg{width:14px}.partner-logo{color:#677181;background:#fafbfc;border:1px solid #e2e5e9;border-radius:6px;place-items:center;width:25px;height:25px;font-weight:800;display:grid}.status{border-radius:6px;align-items:center;gap:5px;padding:5px 7px;font-size:8px;font-weight:800;display:inline-flex}.status i{background:currentColor;border-radius:50%;width:5px;height:5px}.status.completed{color:#268a65;background:#eaf7f1}.status.processing,.status.validating{color:#5f4bc7;background:#efecff}.status.received{color:#3478b8;background:#eaf4fc}.status.exception{color:#be574a;background:#fff0ee}td:last-child svg{color:#a2a7b1;width:13px}.empty{text-align:center;color:#89909d;padding:35px}.table-footer{color:#8b919d;justify-content:space-between;align-items:center;padding:13px 20px;font-size:9px;display:flex}.table-footer>span{gap:4px;display:flex}.table-footer button{background:#fff;border:1px solid #e0e3e8;border-radius:6px;padding:5px 8px;font-size:8px}.table-footer button.page-active{color:#fff;background:#6d55e7;border-color:#6d55e7}.setup-note{color:#6558a3;background:#f9f8ff;border:1px dashed #d7d3ed;border-radius:10px;align-items:center;gap:10px;margin-top:14px;padding:14px 17px;display:flex}.setup-note svg{width:20px}.setup-note b{font-size:10px}.setup-note p{color:#8078a4;margin-top:4px;font-size:9px}.setup-note code{background:#eeebfb;border-radius:3px;padding:2px 4px}.overlay{z-index:50;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#11152870;justify-content:flex-end;animation:.18s fade;display:flex;position:fixed;inset:0}.drawer{background:#fff;width:min(450px,100%);padding:36px;animation:.25s slide;position:relative;overflow:auto}.icon-close{color:#747b88;background:#fff;border:1px solid #e0e3e8;border-radius:8px;place-items:center;width:33px;height:33px;display:grid;position:absolute;top:22px;right:22px}.icon-close svg{width:17px}.drawer h2,.modal h2{margin:9px 0 12px;font-size:25px}.detail-amount{color:#fff;background:linear-gradient(135deg,#171a2b,#26243f);border-radius:11px;flex-direction:column;gap:7px;margin:28px 0 17px;padding:20px;display:flex}.detail-amount small{color:#aaaec1}.detail-amount b{font-size:27px;font-family:var(--font-manrope)}.detail-grid{border:1px solid #e8eaf0;border-radius:10px;grid-template-columns:1fr 1fr;margin-bottom:28px;display:grid}.detail-grid>div{border-bottom:1px solid #eee;flex-direction:column;gap:5px;padding:15px;display:flex}.detail-grid>div:nth-child(odd){border-right:1px solid #eee}.detail-grid small{color:#8d93a0;font-size:9px}.detail-grid b{font-size:10px}.drawer h3{margin-bottom:15px;font-size:13px}.timeline{margin:0 0 30px;padding:0;list-style:none}.timeline li{gap:12px;padding-bottom:21px;display:flex;position:relative}.timeline li:not(:last-child):after{content:"";background:#dfe4e7;width:1px;height:calc(100% - 21px);position:absolute;top:25px;left:12px}.timeline i{color:#2eaa78;background:#edf8f3;border-radius:50%;place-items:center;width:25px;height:25px;display:grid}.timeline i svg{width:12px}.timeline span{flex-direction:column;gap:4px;display:flex}.timeline b{font-size:10px}.timeline small{color:#969ca8;font-size:9px}.timeline .active i{color:#7057dd;background:#efecff}.timeline .error i{color:#c24f45;background:#fff0ee}.full{width:100%}.modal-overlay{justify-content:center;align-items:center;padding:20px}.modal{background:#fff;border-radius:14px;width:min(460px,100%);padding:31px;animation:.2s pop;position:relative;box-shadow:0 20px 70px #0003}.modal>p{color:#858c99;margin-bottom:24px;font-size:11px}.modal label{margin-bottom:14px;font-size:10px}.modal input,.modal select{padding:10px;font-size:11px}.modal-actions{border-top:1px solid #eee;justify-content:flex-end;gap:8px;margin-top:22px;padding-top:16px;display:flex}.modal-actions>button:first-child{background:#fff;border:1px solid #dfe2e7;border-radius:8px;padding:9px 14px;font-size:10px;font-weight:700}.modal-actions .primary{padding:9px 13px;font-size:10px}@keyframes fade{0%{opacity:0}}@keyframes slide{0%{opacity:0;transform:translate(40px)}}@keyframes pop{0%{opacity:0;transform:scale(.97)}}.subpage-heading{justify-content:space-between;align-items:flex-end;margin-bottom:24px;display:flex}.subpage-heading h1{margin-bottom:6px;font-size:27px}.subpage-heading>div>p:last-child{color:#7b8291;font-size:12px}.full-page-card{min-height:470px}.document-grid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.document-card{border:1px solid var(--line);text-align:left;color:var(--ink);grid-template-columns:31px 1fr auto;align-items:center;gap:10px;padding:16px;transition:all .2s;display:grid}.document-card:hover{border-color:#bfb4f4;transform:translateY(-1px);box-shadow:0 7px 18px #5e4ec015}.document-card>span:nth-child(2){flex-direction:column;gap:4px;display:flex}.document-card b{font-size:11px}.document-card small{color:#8c92a0;font-size:9px}.document-card>svg{color:#a1a6b0;width:14px}.exception-panel{padding:0;overflow:hidden}.exception-summary{background:#fffaf7;border-bottom:1px solid #f6e6dc;align-items:center;gap:12px;padding:20px;display:flex}.exception-summary b{font-size:13px}.exception-summary p{color:#887c76;margin-top:3px;font-size:10px}.exception-row{border-bottom:1px solid #f0f1f4;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.exception-row>span{flex-direction:column;gap:4px;display:flex}.exception-row b{font-size:11px}.exception-row small{color:#9a8180;font-size:9px}.exception-row button,.partner-row button,.mapping-row button{color:#664fd2;background:0 0;border:0;align-items:center;gap:5px;font-size:10px;font-weight:800;display:flex}.exception-row button svg,.partner-row button svg,.mapping-row button svg{width:13px}.list-card{overflow:hidden}.partner-row,.mapping-row{border-bottom:1px solid #f0f1f4;align-items:center;gap:12px;min-height:75px;padding:14px 20px;display:flex}.partner-row>div,.mapping-row>div{flex-direction:column;flex:1;gap:5px;display:flex}.partner-row b,.mapping-row b{font-size:11px}.partner-row small,.mapping-row small{color:#8d94a1;font-size:9px}.partner-logo.large{width:35px;height:35px;font-size:13px}.connection,.mapping-state{color:#a46b32;background:#fff4e9;border-radius:6px;align-items:center;gap:5px;margin-right:20px;padding:5px 7px;font-size:8px;font-weight:800;display:flex}.connection i{background:currentColor;border-radius:50%;width:5px;height:5px}.connection.healthy,.mapping-state.active-state{color:#268a65;background:#eaf7f1}.mapping-icon{color:#674fda;background:#efecff;border-radius:8px;place-items:center;width:34px;height:34px;display:grid}.mapping-icon svg{width:16px}.settings-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.settings-card{padding:20px}.settings-heading{align-items:center;gap:10px;margin-bottom:23px;display:flex}.settings-heading h3{font-size:14px}.settings-heading p{color:#8b91a0;margin-top:3px;font-size:10px}.settings-card label{font-size:10px}.settings-card .primary{margin-top:3px}.setting-toggle{border-top:1px solid #eef0f3;justify-content:space-between;align-items:center;gap:10px;padding:14px 0;display:flex}.setting-toggle span{flex-direction:column;gap:4px;display:flex}.setting-toggle b{font-size:10px}.setting-toggle small{color:#9096a4;font-size:9px}.switch{background:#d7dbe2;border:0;border-radius:12px;width:35px;height:20px;padding:3px;transition:all .2s}.switch i{background:#fff;border-radius:50%;width:14px;height:14px;transition:all .2s;display:block;box-shadow:0 1px 3px #0002}.switch.on{background:#6d55e7}.switch.on i{transform:translate(15px)}.toast{z-index:70;color:#fff;background:#1c2030;border-radius:9px;align-items:center;gap:8px;padding:12px 14px;font-size:11px;font-weight:700;animation:.2s pop;display:flex;position:fixed;bottom:22px;right:22px;box-shadow:0 10px 30px #11162740}.toast svg{color:#6fe0a6;width:16px}@media (max-width:1050px){.kpi-grid{grid-template-columns:1fr 1fr}.insights-grid,.auth-shell{grid-template-columns:1fr}.auth-showcase{display:none}.document-grid{grid-template-columns:1fr 1fr}}@media (max-width:760px){.sidebar{transition:all .25s;transform:translate(-100%)}.sidebar.open{transform:none;box-shadow:10px 0 40px #0004}.close-nav{color:#fff;background:0 0;border:0;margin-left:auto;display:block}.main{padding-left:0}.menu{display:block}.topbar{padding:0 13px}.global-search{flex:1;width:auto}.global-search kbd,.top-actions>button:not(.primary){display:none}.content{padding:23px 15px 40px}.page-heading,.subpage-heading{align-items:flex-start}.live{display:none}.kpi-grid{grid-template-columns:1fr 1fr}.auth-panel{padding:25px}.auth-card h2{font-size:28px}.demo-banner a{display:none}.table-tools{flex-wrap:wrap}.table-search{width:100%}.orders-head .text-btn{display:none}.settings-grid,.document-grid{grid-template-columns:1fr}.subpage-heading{gap:13px}.exception-row,.partner-row,.mapping-row{align-items:flex-start}.connection,.mapping-state{margin-right:0}.partner-row,.mapping-row{flex-wrap:wrap}.partner-row>div,.mapping-row>div{min-width:160px}.toast{bottom:15px;left:15px;right:15px}}@media (max-width:470px){.kpi-grid{grid-template-columns:1fr}.top-actions .primary{padding:10px;font-size:0}.page-heading h1{font-size:23px}.detail-grid{grid-template-columns:1fr}.detail-grid>div:nth-child(odd){border-right:0}.auth-panel{padding:24px 19px}.table-tools select{flex:1}.chart-card{padding:14px}}