:root{--ink:#182437;--muted:#8792a2;--line:#e9edf1;--surface:#fff;--canvas:#f5f7f9;--navy:#273c59;--mint:#65bea2;--mint-soft:#eaf7f2;--orange:#d99566;--purple:#8e82be;--blue:#7192b5;--shadow:0 3px 14px rgba(23,37,57,.035)}*{box-sizing:border-box}body{margin:0;background:var(--canvas);color:var(--ink);font:14px 'DM Sans',sans-serif;-webkit-font-smoothing:antialiased}button,a,input{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.app-shell{min-height:100vh}.sidebar{width:238px;position:fixed;inset:0 auto 0 0;background:#fff;border-right:1px solid var(--line);padding:24px 15px 14px;display:flex;flex-direction:column;z-index:5}.brand{display:flex;align-items:center;gap:9px;font:800 18px Manrope,sans-serif;letter-spacing:-.7px;padding:0 11px 31px}.brand-mark{width:27px;height:27px;border-radius:9px;background:#253b58;color:white;display:grid;place-items:center;font:800 20px Manrope;position:relative}.brand-mark span{color:#7ed3b5}.brand-light{font-weight:500;color:#718096}.workspace-label,.nav-label{font-size:9px;letter-spacing:1.25px;color:#9aa4b1;font-weight:700;padding:0 12px 9px}.store-switch{border:1px solid #e9edf1;background:#fff;border-radius:9px;width:100%;display:flex;align-items:center;text-align:left;padding:8px;margin-bottom:30px}.store-avatar{height:30px;width:30px;border-radius:8px;background:#f7e9d9;color:#a77a49;display:grid;place-items:center;font-weight:700;margin-right:9px}.store-copy{display:grid;gap:2px;flex:1}.store-copy b{font-size:11px}.store-copy small,.profile small{font-size:10px;color:#98a2af}.chevron{color:#8b96a4;font-size:16px}.nav-label{padding-bottom:8px}.main-nav{display:grid;gap:3px;margin-bottom:24px}.nav-link{height:38px;padding:0 11px;display:flex;align-items:center;gap:11px;border-radius:7px;color:#737f8e;font-size:12px;font-weight:500}.nav-link:hover{background:#f7f8fa;color:var(--ink)}.nav-link.active{background:#eef2f6;color:#263b58;font-weight:700}.nav-icon{font-size:16px;width:18px;text-align:center;color:#8490a0}.active .nav-icon{color:#314968}.nav-count{margin-left:auto;background:#fff;border:1px solid #e6eaf0;border-radius:5px;padding:2px 6px;font-size:10px;color:#697789}.nav-dot{height:6px;width:6px;background:#e3a16e;border-radius:50%;margin-left:auto}.sidebar-bottom{margin-top:auto}.help-card{background:#f6f8fa;border-radius:9px;padding:13px;margin:0 2px 12px}.help-icon{color:#65b99d;font-size:18px;margin-bottom:8px}.help-card>b{font-size:11px}.help-card p{font-size:10px;color:#8792a2;line-height:1.55;margin:5px 0 10px}.help-link{border:0;background:none;color:#3d5877;padding:0;font-size:10px;font-weight:700}.help-link span{margin-left:4px}.profile{border:0;border-top:1px solid var(--line);background:none;width:100%;display:flex;align-items:center;text-align:left;padding:14px 5px 3px;gap:9px}.profile-avatar,.top-avatar{width:29px;height:29px;border-radius:50%;display:grid;place-items:center;background:#e6ebe9;color:#48655b;font-size:10px;font-weight:700}.profile>span:nth-child(2){display:grid;gap:3px;flex:1}.profile b{font-size:11px}.more{color:#8792a2;font-size:12px}.main-area{margin-left:238px;min-height:100vh}.topbar{height:58px;background:rgba(255,255,255,.82);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 37px;position:sticky;top:0;z-index:4;backdrop-filter:blur(10px)}.breadcrumbs{display:flex;align-items:center;gap:10px;font-size:11px;color:#98a2ad}.breadcrumbs i{font-style:normal;color:#c4cbd2}.breadcrumbs b{font-weight:600;color:#536174}.top-actions{display:flex;align-items:center;gap:20px}.live-status{font-size:10px;color:#728091;display:flex;align-items:center;gap:7px}.live-status i,.connection-state i,.capi-status>i{width:6px;height:6px;background:#64bc9e;border-radius:50%;box-shadow:0 0 0 3px #e7f6ef}.icon-button{border:0;background:none;color:#748194;font-size:19px;position:relative}.icon-button em{position:absolute;right:2px;top:2px;width:5px;height:5px;background:#e8a26e;border-radius:50%}.top-avatar{width:27px;height:27px}.mobile-menu{display:none}.content-wrap{max-width:1430px;margin:auto;padding:31px 40px 60px}.page-view{display:none}.page-view.active{display:block;animation:fade .22s ease}@keyframes fade{from{opacity:.6;transform:translateY(3px)}to{opacity:1;transform:none}}.page-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:24px}.eyebrow{color:#9aa4b0;font-size:9px;font-weight:700;letter-spacing:1.15px}.tz-pill{border:1px solid #e6ebef;background:#fff;border-radius:4px;padding:3px 5px;font-size:8px;letter-spacing:.5px;margin-left:6px;color:#7c8896}h1,h2,h3,p{margin:0}h1{font:700 27px Manrope,sans-serif;letter-spacing:-1px;margin-top:8px;color:#1b2b40}h1 span{color:#718096;font-weight:500}.heading-sub{color:#8792a1;font-size:11px;margin-top:7px}.heading-actions{display:flex;gap:8px;align-items:center}.button{border:1px solid #e5eaf0;border-radius:6px;background:#fff;padding:9px 12px;color:#697789;font-size:10px;font-weight:600;white-space:nowrap}.button-primary{background:#283e5c;border-color:#283e5c;color:#fff;box-shadow:0 2px 4px #243a591b}.button-primary:hover{background:#334d70}.button-quiet:hover,.filter-button:hover{border-color:#c9d2dc;color:#334b67}.notice-banner{height:64px;background:#edf6f2;border:1px solid #dfefe8;border-radius:8px;display:flex;align-items:center;padding:0 13px;gap:11px;margin-bottom:26px}.notice-icon{height:31px;width:31px;border-radius:8px;background:#dbefe6;color:#4ca789;display:grid;place-items:center;font-size:15px}.notice-copy{display:grid;gap:4px;flex:1}.notice-copy b{font-size:11px;color:#365c50}.notice-copy span{font-size:10px;color:#82988e}.notice-action{border:0;background:none;color:#427d69;font-size:10px;font-weight:700}.notice-action span{margin-left:5px}.notice-close{border:0;background:none;color:#a4b6ae;font-size:18px}.section-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:13px}.section-row h2{font:700 14px Manrope,sans-serif;letter-spacing:-.2px}.section-row p{font-size:10px;color:#8d98a5;margin-top:4px}.text-action{border:0;background:none;color:#536d8b;font-size:10px;font-weight:700}.text-action span{margin-left:4px}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.metric-card{background:white;border:1px solid #e9edf1;border-radius:8px;padding:15px 15px 14px;min-height:123px;position:relative;overflow:hidden;box-shadow:var(--shadow)}.metric-top{display:flex;align-items:center;justify-content:space-between;color:#7c8896;font-size:10px}.metric-symbol{height:22px;width:22px;border-radius:6px;display:grid;place-items:center;font-size:12px;font-weight:700}.green{color:#51a68b;background:#eaf7f2}.blue{color:#6687aa;background:#eef3f8}.orange{color:#c7885d;background:#fbf1e9}.purple{color:#8075ae;background:#f1eff8}.metric-number{font:700 25px Manrope,sans-serif;letter-spacing:-.7px;margin-top:9px;color:#26384f}.metric-number .unit{font-size:14px;color:#7f8a98;letter-spacing:0}.metric-number.currency{font-size:22px}.metric-number.currency .unit{font:500 10px 'DM Sans';margin-left:2px}.metric-bottom{display:flex;align-items:center;gap:6px;color:#a0a9b4;font-size:9px;margin-top:6px}.trend{font-size:9px;font-weight:700;white-space:nowrap}.trend.positive{color:#4da88b}.trend.negative{color:#cb8961}.sparkline{position:absolute;right:12px;bottom:13px;width:83px;height:28px;opacity:.85}.sparkline svg{height:100%;width:100%;overflow:visible}.sparkline path{fill:none;stroke-width:2;stroke-linecap:round}.green-line path{stroke:#71c3a7}.purple-line path{stroke:#9a8bc7}.metric-track{height:4px;background:#eff2f5;border-radius:5px;margin-top:11px;overflow:hidden}.metric-track i{height:100%;display:block;background:#71bea4;border-radius:5px}.metric-track.warm i{background:#dfa175}.insight-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(285px,.83fr);gap:12px;margin-top:13px}.panel{background:#fff;border:1px solid #e9edf1;border-radius:8px;box-shadow:var(--shadow)}.performance-panel,.roas-panel{padding:16px 17px}.panel-head{display:flex;justify-content:space-between;align-items:flex-start}.panel-head h3{font:700 12px Manrope,sans-serif}.panel-head p{font-size:9px;color:#929daa;margin-top:4px}.select-small,.more-button{border:1px solid #e9edf1;border-radius:5px;padding:5px 7px;background:#fff;color:#788595;font-size:9px}.more-button{border:0;font-size:11px;letter-spacing:1px;padding:3px}.chart-legend{display:flex;gap:16px;margin:16px 0 4px 34px;color:#8792a0;font-size:9px}.chart-legend span{display:flex;align-items:center;gap:5px}.legend-dot{height:7px;width:7px;border-radius:50%}.legend-dot.navy{background:#415a7c}.legend-dot.mint{background:#76c9ad}.chart-area{height:170px;position:relative;padding:0 0 19px 34px}.y-labels{position:absolute;left:0;top:-2px;bottom:18px;display:flex;flex-direction:column;justify-content:space-between;font-size:8px;color:#a3acb6}.orders-chart{width:100%;height:145px;overflow:visible}.gridlines path{stroke:#eef1f4;stroke-width:1;stroke-dasharray:3 4}.fill-navy{fill:url(#areaNavy)}.fill-mint{fill:url(#areaMint)}.line-navy,.line-mint{fill:none;stroke-width:2}.line-navy{stroke:#415a7c}.line-mint{stroke:#70c4a7}.x-labels{position:absolute;bottom:0;left:34px;right:0;display:flex;justify-content:space-between;color:#a3acb6;font-size:8px}.roas-value{font:700 27px Manrope,sans-serif;letter-spacing:-.6px;margin-top:17px}.roas-value>span:first-of-type{font-size:15px;color:#7a8795}.roas-value .trend{font:600 9px 'DM Sans';margin-left:8px;letter-spacing:0}.roas-chart{height:105px;position:relative;margin-top:8px;padding:0 2px 0 23px}.roas-guide{position:absolute;left:0;right:0;height:1px;border-top:1px dashed #edf0f3;display:flex;align-items:flex-start}.roas-guide:nth-child(1){top:8px}.roas-guide:nth-child(2){top:49px}.roas-guide:nth-child(3){top:91px}.roas-guide span{position:absolute;left:0;top:-6px;background:white;padding-right:4px;color:#a5aeb8;font-size:8px;z-index:1}.bars{height:100%;display:flex;align-items:flex-end;gap:6px;padding:0 3px}.bars i{flex:1;border-radius:3px 3px 0 0;background:#c4d8d1;position:relative;z-index:2}.bars .bar-current{background:#4ba889}.roas-foot{border-top:1px solid #f0f2f4;display:flex;justify-content:space-between;padding-top:8px;margin-top:8px;color:#8994a2;font-size:9px}.roas-foot b{color:#4b5c70;font-size:9px}.lower-section{margin-top:25px}.money-strip{display:flex;align-items:center;justify-content:space-between;background:#fff;border:1px solid #e9edf1;border-radius:8px;padding:15px 18px;box-shadow:var(--shadow)}.money-item{display:flex;align-items:center;gap:10px;min-width:0}.money-icon{width:32px;height:32px;display:grid;place-items:center;border-radius:8px;font-size:14px;flex:none}.money-icon.driver{background:#f2eef9;color:#887bb7}.money-icon.carrier{background:#eef3f8;color:#7291b0}.money-icon.transit{background:#faf1e9;color:#cb956a}.money-icon.cash{background:#eaf6f1;color:#61ad91}.money-item>div{display:grid;gap:4px}.money-item small{font-size:9px;color:#8792a0}.money-item b{font:700 13px Manrope,sans-serif;letter-spacing:-.2px;white-space:nowrap}.money-item b em,.circulation-card em{font:500 9px 'DM Sans';font-style:normal;color:#8792a0}.money-item>div>span{font-size:8px;color:#a0a9b3}.money-arrow{color:#b8c2cb;font-size:14px}.wilaya-panel{overflow:hidden}.wilaya-head,.wilaya-row{display:grid;grid-template-columns:1.25fr .7fr 2fr .55fr;align-items:center;column-gap:14px;padding:11px 16px}.wilaya-head{background:#fafbfc;color:#a0a9b3;font-size:8px;letter-spacing:.6px;font-weight:700;border-bottom:1px solid #eff1f4}.wilaya-head span:nth-child(3){padding-left:2px}.wilaya-row{border-bottom:1px solid #f0f2f4;padding-top:9px;padding-bottom:9px}.wilaya-row:last-of-type{border-bottom:0}.wilaya-name{display:flex;align-items:center;gap:8px;font-size:10px}.wilaya-num{border:1px solid #e9edf1;border-radius:4px;padding:3px 5px;color:#8792a0;font-size:8px}.wilaya-name b{font-weight:600}.rate-label{font-size:9px;color:#53677e;font-weight:700}.rate-bar{height:4px;border-radius:4px;background:#eff2f4;overflow:hidden}.rate-bar i{height:100%;display:block;background:#76c4a7;border-radius:4px}.order-total{text-align:right;color:#738091;font-size:9px}.panel-foot{border-top:1px solid #eff1f4;padding:10px 16px;color:#a0a9b4;font-size:8px}.wilaya-foot-total{float:right;color:#778495}.section-row.lower-section+.wilaya-panel{margin-top:0}
.page-view>.page-heading{margin-bottom:25px}.stat-chips{display:flex;gap:9px;margin-bottom:15px}.stat-chips>span{border:1px solid #e8edf1;background:#fff;border-radius:6px;padding:8px 10px;color:#7b8795;font-size:9px;display:flex;align-items:center;gap:6px}.stat-chips b{color:#34465e}.chip-dot{height:6px;width:6px;border-radius:50%}.chip-dot.mint{background:#69bea2}.chip-dot.orange{background:#db9b70}.chip-dot.blue{background:#7d9bb9}.chip-dot.gray{background:#b8c0c8}.table-panel{overflow:hidden}.table-toolbar{display:flex;align-items:center;gap:8px;padding:12px 14px;border-bottom:1px solid #edf0f3}.search-field{border:1px solid #e8edf1;border-radius:5px;padding:7px 8px;color:#9aa4ae;display:flex;gap:6px;align-items:center;flex:1;max-width:270px}.search-field input{border:0;outline:0;width:100%;font-size:10px;color:#485a70}.filter-button{background:#fff;border:1px solid #e8edf1;border-radius:5px;padding:7px 9px;color:#758192;font-size:9px}.table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;min-width:740px}th{text-align:left;padding:11px 13px;background:#fafbfc;color:#9aa4ae;font-size:8px;letter-spacing:.6px;font-weight:700}td{padding:12px 13px;border-top:1px solid #f0f2f4;color:#718091;font-size:9px;white-space:nowrap}td b{color:#35475f;font-weight:600}.table-empty{padding:24px;text-align:center;color:#9ba5b0;font-size:10px}.status-pill{display:inline-block;border-radius:12px;padding:4px 7px;font-size:8px}.status-delivered,.status-done{background:#eaf6f1;color:#4c9e82}.status-returned{background:#fcf1e9;color:#bd8057}.status-transit,.status-pending{background:#eef3f8;color:#6987a7}.status-open{background:#f3f0f9;color:#8175ac}.status-confirmed{background:#f1f3f6;color:#748295}.table-empty.has-data{display:none}
.settlement-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:27px}.settlement-summary>div{background:#fff;border:1px solid #e9edf1;border-radius:7px;padding:14px}.settlement-summary small{display:block;color:#8a95a2;font-size:9px}.settlement-summary b{display:block;font:700 20px Manrope,sans-serif;margin-top:8px;letter-spacing:-.4px}.settlement-summary b em{font:500 10px 'DM Sans';color:#8792a0;font-style:normal}.settlement-summary>div>span{display:block;color:#9ba4af;font-size:9px;margin-top:5px}.settlement-row{margin-bottom:12px}.settlement-list{display:grid;gap:9px}.settlement-card{background:#fff;border:1px solid #e9edf1;border-radius:8px;padding:14px 16px;display:grid;grid-template-columns:1.3fr .9fr .85fr .75fr auto;align-items:center;gap:12px;box-shadow:var(--shadow)}.settlement-provider{display:flex;align-items:center;gap:9px}.carrier-mark{height:31px;width:31px;border-radius:8px;background:#eff3f8;color:#567493;display:grid;place-items:center;font-weight:700;font-size:11px}.carrier-mark.zr{background:#f8f0e9;color:#b78960}.settlement-provider b,.settlement-provider small{display:block}.settlement-provider b{font-size:10px}.settlement-provider small{color:#9aa4ae;font-size:8px;margin-top:3px}.settlement-data small{display:block;font-size:8px;color:#9aa4ae}.settlement-data b{display:block;margin-top:4px;font-size:10px;font-weight:600;color:#475a70}.settlement-actions{display:flex;gap:6px}.small-action{border:1px solid #e7ebef;background:#fff;border-radius:5px;padding:6px 8px;color:#68788b;font-size:8px}.small-action.primary{background:#293f5c;border-color:#293f5c;color:#fff}.settlement-help{margin-top:16px;background:#f0f5f8;border-radius:7px;padding:13px;display:flex;gap:10px;color:#7690a5}.settlement-help>span{font-size:17px}.settlement-help b{font-size:10px;color:#536d83}.settlement-help p{font-size:9px;color:#8a9aa7;margin-top:4px;line-height:1.5}.vault-total{padding:20px 22px;background:#283e5b;border-radius:9px;color:#fff;display:flex;justify-content:space-between;align-items:center;box-shadow:0 6px 18px #253b5825}.vault-total small{font-size:9px;color:#bdc8d5}.vault-total>div:first-child>div{font:700 30px Manrope,sans-serif;letter-spacing:-.8px;margin-top:5px}.vault-total>div:first-child>div span{font:500 13px 'DM Sans';color:#aebdcd}.vault-total p{font-size:9px;color:#b6c4d2;margin-top:5px}.vault-total-right{text-align:right;display:grid;gap:6px}.vault-total-right .trend{color:#91ddbd}.vault-total-right small{font-size:8px}.vault-spark{font-size:19px;letter-spacing:2px;color:#8dd7b8}.as-of{color:#9ca6b0;font-size:9px}.circulation-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}.circulation-card{padding:14px}.circ-head{display:flex;align-items:center;gap:7px}.circ-head .money-icon{width:28px;height:28px}.circ-head>span:nth-child(2){font-size:8px;font-weight:700;letter-spacing:.35px;color:#7f8c9b}.circ-status{margin-left:auto;font-style:normal;font-size:7px;border-radius:10px;padding:4px 6px;white-space:nowrap}.circ-status.amber{background:#fbf2e9;color:#bd875a}.blue-status{background:#eff4f8;color:#6884a3}.purple-status{background:#f2f0f8;color:#8176a9}.circulation-card> b{display:block;font:700 22px Manrope,sans-serif;letter-spacing:-.4px;margin-top:15px}.carrier-split{display:grid;gap:5px;margin-top:10px}.carrier-split span{display:flex;justify-content:space-between;color:#8c97a4;font-size:8px}.carrier-split b{font-weight:600;color:#647487}.circ-caption{font-size:9px;color:#949eaa;margin-top:5px}.circ-foot{display:flex;justify-content:space-between;border-top:1px solid #eff1f3;padding-top:9px;margin-top:13px;color:#9aa4ae;font-size:8px}.circ-foot b{color:#67788a;font-weight:600}.warning-text{color:#c18259!important}.ledger-heading{margin-top:27px}.amount-positive{color:#4d9e83;font-weight:600}.amount-negative{color:#c8815f;font-weight:600}.mono{font-family:monospace;color:#7b8997}.analytics-metrics{margin-bottom:12px}.analytics-content{margin-top:12px}.cohort-tag{background:#eff5f8;color:#758da2;border-radius:4px;padding:5px 7px;font-size:8px}.funnel{display:grid;gap:13px;margin-top:22px}.funnel-row{display:grid;grid-template-columns:105px 1fr 62px;gap:10px;align-items:center;color:#7e8a98;font-size:9px}.funnel-row>div{height:14px;background:#f2f4f6;border-radius:3px;overflow:hidden}.funnel-row i{display:block;height:100%;border-radius:3px;background:#344b6c}.funnel-row>b{text-align:right;font-size:9px;color:#53657a}.funnel-row small{font-size:8px;font-weight:400;color:#9aa4ae;margin-left:3px}.cohort-note{border-top:1px solid #edf0f3;margin-top:19px;padding-top:10px;color:#929daa;font-size:8px;line-height:1.5}.campaign-list{margin-top:13px}.campaign-item{display:grid;grid-template-columns:26px 1fr 42px;align-items:center;gap:8px;padding:10px 0;border-bottom:1px solid #f0f2f4}.campaign-icon{height:23px;width:23px;border-radius:6px;display:grid;place-items:center;font-size:11px;font-weight:700}.campaign-icon.meta{background:#edf1fa;color:#5473ba}.campaign-icon.google{background:#f8f0e9;color:#ba8a43}.campaign-item>div:nth-child(2) b,.campaign-item>div:nth-child(2) small,.campaign-item>div:nth-child(3) b,.campaign-item>div:nth-child(3) small{display:block}.campaign-item>div:nth-child(2) b{font-size:9px;font-weight:600}.campaign-item small{font-size:8px;color:#9aa4ae;margin-top:3px}.campaign-item>div:nth-child(3){text-align:right}.campaign-item>div:nth-child(3) b{font-size:10px}.capi-status{display:flex;align-items:center;gap:8px;padding-top:13px}.capi-status>i{flex:none}.capi-status span{display:grid;gap:3px;flex:1}.capi-status b{font-size:9px}.capi-status small{font-size:8px;color:#929daa}.capi-status a{font-size:8px;color:#5b7794;font-weight:700}.funnel+.cohort-note+.section-row{margin-top:20px}
.integration-banner{background:#293f5d;color:white;border-radius:9px;padding:19px 21px;display:flex;align-items:center;gap:15px}.integration-orbit{height:42px;width:42px;border:1px solid #ffffff2d;border-radius:12px;display:grid;place-items:center;font-size:23px;color:#93d6bd}.integration-banner>div:nth-child(2){flex:1}.integration-banner b{font:700 13px Manrope}.integration-banner p{font-size:9px;color:#c3cdd8;line-height:1.55;margin-top:5px;max-width:550px}.mode-chip{border:1px solid #ffffff30;border-radius:4px;padding:5px 7px;font-size:8px;color:#bbcabf;letter-spacing:.6px}.integrations-title{margin-top:25px}.integration-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.integration-card{padding:15px}.integration-card-top{display:flex;justify-content:space-between;align-items:center}.integration-logo{width:31px;height:31px;border-radius:8px;display:grid;place-items:center;font-weight:700}.integration-logo.codflow{background:#eef3f7;color:#354e6b;font:800 20px Manrope}.integration-logo.yalidine{background:#f7f0e9;color:#a97744}.integration-logo.meta-logo{background:#eef0fb;color:#5572bd;font-size:20px}.integration-logo.webhook-logo{background:#eef6f2;color:#5aab8d;font-size:20px}.connection-state{font-size:8px;color:#98a2ad;display:flex;align-items:center;gap:6px}.connection-state i{background:#bbc4cc;box-shadow:none;width:5px;height:5px}.connection-state i.warning{background:#dda06e}.integration-card h3{font:700 12px Manrope;margin-top:13px}.integration-card>p{font-size:9px;color:#8b96a3;line-height:1.5;margin-top:5px;max-width:390px;min-height:29px}.integration-meta{display:flex;gap:6px;margin:11px 0}.integration-meta span{background:#f4f6f8;color:#7c8998;padding:4px 6px;border-radius:4px;font-size:8px}.full-button{width:100%;padding:8px}.security-title{margin-top:26px}.api-panel{padding:14px;display:flex;align-items:center;gap:12px;flex-wrap:wrap}.api-panel-copy{display:flex;align-items:center;gap:9px;flex:1;min-width:220px}.api-key-icon{height:29px;width:29px;border-radius:7px;background:#f1f3f8;color:#657aa0;display:grid;place-items:center}.api-panel-copy b{font-size:10px}.api-panel-copy p{font-size:8px;color:#939eaa;margin-top:4px}.api-panel code,.integration-note code{font:9px monospace;color:#6f7e8e}.api-key-field{border:1px solid #e9edf1;border-radius:5px;padding:7px 9px;display:flex;align-items:center;gap:13px}.api-key-field button{border:0;background:none;color:#526e8c;font-size:8px;font-weight:700}.api-panel>.text-action{font-size:9px}.endpoint-box{display:flex;justify-content:space-between;align-items:center;border:1px solid #e9edf1;background:#fff;padding:12px 14px;border-radius:7px;margin-top:9px}.endpoint-box>div{display:grid;gap:6px}.endpoint-box small{font-size:8px;color:#9aa4ae;letter-spacing:.6px}.endpoint-box code{font:9px monospace;color:#61758d}.copy-button{border:1px solid #e6ebef;background:#fff;border-radius:5px;padding:6px 9px;font-size:8px;color:#65788e}.integration-note{display:flex;gap:10px;padding:12px 13px;margin-top:11px;background:#f0f4f7;border-radius:6px;color:#8293a2;font-size:9px;line-height:1.5}.integration-note b{color:#5e7388;white-space:nowrap}.integration-note code{font-size:8px}
.toast{position:fixed;bottom:22px;left:50%;transform:translate(-50%,16px);background:#263c58;color:#fff;padding:10px 15px;border-radius:7px;font-size:10px;box-shadow:0 8px 25px #1f314344;opacity:0;pointer-events:none;transition:.2s;z-index:20}.toast.show{opacity:1;transform:translate(-50%,0)}.modal{width:min(480px,calc(100% - 28px));border:1px solid #e7ebef;border-radius:10px;padding:23px;box-shadow:0 20px 70px #1e2d4230;color:var(--ink)}.modal::backdrop{background:#1e2b3b66;backdrop-filter:blur(2px)}.modal-close{position:absolute;right:14px;top:12px;border:0;background:none;font-size:21px;color:#9aa4ae}.modal h2{font:700 17px Manrope;margin-bottom:8px}.modal p{font-size:10px;color:#83909e;line-height:1.6;margin-bottom:14px}.modal label{display:grid;gap:5px;margin-top:11px;font-size:9px;color:#667689;font-weight:600}.modal input,.modal select{border:1px solid #e4e9ee;border-radius:5px;padding:9px;font:10px 'DM Sans';outline:none}.modal input:focus,.modal select:focus{border-color:#8fa4b9}.modal-actions{display:flex;justify-content:flex-end;gap:7px;margin-top:17px}.code-block{background:#f4f6f8;padding:10px;border-radius:5px;font:9px monospace;color:#536981;overflow:auto;white-space:pre-wrap}.modal .button{margin-top:2px}
@media(max-width:1100px){.content-wrap{padding-left:25px;padding-right:25px}.metric-grid{grid-template-columns:repeat(2,1fr)}.money-strip{flex-wrap:wrap;gap:14px}.money-item{flex:1 1 38%}.money-arrow{display:none}.circulation-grid{grid-template-columns:1fr 1fr}.circulation-card:last-child{grid-column:span 2}.settlement-card{grid-template-columns:1.2fr .8fr .8fr auto}.settlement-card .settlement-data:nth-child(3){display:none}}
@media(max-width:760px){.sidebar{transform:translateX(-100%);transition:.22s;box-shadow:12px 0 30px #182b3d16}.sidebar.open{transform:none}.main-area{margin-left:0}.mobile-menu{display:block;border:0;background:none;color:#5e7084;font-size:17px;padding:4px 9px 4px 0}.topbar{padding:0 16px;justify-content:flex-start;gap:10px}.top-actions{margin-left:auto;gap:12px}.live-status{display:none}.content-wrap{padding:24px 15px 40px}.page-heading{align-items:flex-start;gap:13px;flex-direction:column}.heading-actions{width:100%}.heading-actions .button{flex:1}.heading-actions .button span{display:inline}.notice-banner{height:auto;min-height:66px;padding:10px;align-items:flex-start}.notice-copy span{line-height:1.45}.notice-action{display:none}.metric-grid{gap:8px}.metric-card{padding:12px;min-height:117px}.metric-number{font-size:22px}.metric-number.currency{font-size:19px}.metric-bottom{font-size:8px;flex-wrap:wrap}.sparkline{width:60px;opacity:.55}.insight-grid{grid-template-columns:1fr}.roas-panel{min-height:290px}.money-strip{padding:13px;gap:13px}.money-item{flex-basis:42%}.money-item b{font-size:11px}.money-icon{width:27px;height:27px}.wilaya-head,.wilaya-row{grid-template-columns:1.2fr .65fr 1.2fr .42fr;gap:7px;padding-left:10px;padding-right:10px}.wilaya-head{font-size:7px}.wilaya-name{gap:5px;font-size:9px}.rate-label,.order-total{font-size:8px}.settlement-summary{grid-template-columns:1fr 1fr;gap:8px}.settlement-summary>div{padding:11px}.settlement-summary b{font-size:18px}.settlement-card{grid-template-columns:1fr 1fr;gap:10px}.settlement-card .settlement-data:nth-child(3){display:block}.settlement-actions{grid-column:span 2}.settlement-actions button{flex:1}.stat-chips{overflow-x:auto;padding-bottom:3px}.stat-chips>span{flex:none}.circulation-grid{grid-template-columns:1fr}.circulation-card:last-child{grid-column:auto}.vault-total{padding:16px}.vault-total>div:first-child>div{font-size:24px}.vault-total-right{display:none}.integration-grid{grid-template-columns:1fr}.integration-banner{align-items:flex-start;padding:14px}.mode-chip{display:none}.api-panel{align-items:flex-start}.api-key-field{width:100%;justify-content:space-between}.endpoint-box{gap:8px}.endpoint-box code{font-size:8px;overflow-wrap:anywhere}.integration-note{display:grid;gap:4px}.funnel-row{grid-template-columns:88px 1fr 55px;gap:7px}.funnel-row>span{font-size:8px}.analytics-metrics .metric-card{min-height:110px}}
@media(max-width:380px){.metric-number{font-size:19px}.metric-number.currency{font-size:17px}.metric-card{padding:10px}.money-item{flex-basis:100%}.wilaya-head,.wilaya-row{grid-template-columns:1fr .65fr 1fr .4fr}.heading-actions .button{font-size:9px;padding:8px}}