:root{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color:#23312d;background:#f6f7f8;font-synthesis:none;--od-ink:#23312d;--od-muted:#78817e;--od-border:#e6e9e8;--od-green:#176448;--od-surface:#f6f7f8;--od-red:#b24135}*{box-sizing:border-box}body{margin:0}a{color:inherit}button,input,select{font:inherit}button,a,input,select{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:wait;opacity:.55}[hidden]{display:none!important}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible,svg [tabindex]:focus-visible{outline:3px solid #78b798;outline-offset:3px}.od-icon{width:19px;height:19px;flex-shrink:0;vertical-align:middle}.od-skip{position:fixed;top:-100px;left:16px;background:var(--od-green);color:#fff;padding:14px;z-index:200}.od-skip:focus{top:12px}.od-visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.od-brand,.od-mobile-brand{display:flex;align-items:center;gap:9px;text-decoration:none}.od-brand img,.od-mobile-brand img{border-radius:9px}.od-brand>span,.od-mobile-brand>span{font-size:23px;letter-spacing:-.8px;font-weight:750}.od-brand small,.od-mobile-brand small{font-size:9px;font-weight:500;letter-spacing:.4px;color:#8b9390;display:block;margin-top:3px}.od-sidebar{width:224px;position:fixed;inset:0 auto 0 0;display:flex;flex-direction:column;background:#fff;border-right:1px solid var(--od-border);padding:26px 16px 18px;z-index:10}.od-nav-label{font-size:10px;text-transform:uppercase;font-weight:600;letter-spacing:.7px;color:#99a19d;margin:36px 13px 12px}.od-sidebar nav,.od-nav-dialog nav{display:grid;gap:4px}.od-sidebar nav a,.od-nav-dialog nav a{display:flex;align-items:center;gap:11px;padding:11px 12px;min-height:42px;border-radius:6px;font-size:12px;font-weight:500;line-height:1.5;color:#69726e;text-decoration:none}.od-sidebar nav a[aria-current],.od-nav-dialog nav a[aria-current]{background:#edf5f0;color:#176448;font-weight:650}.od-sidebar nav a:hover,.od-nav-dialog nav a:hover{background:#f5f7f6}.od-sidebar-foot{margin-top:auto;border-top:1px solid var(--od-border);padding:18px 10px 0}.od-sidebar-foot a{font-size:11px;color:#69756e;display:flex;align-items:center;justify-content:space-between;text-decoration:none}.od-sidebar-foot .od-icon{width:15px;height:15px}.od-workspace{margin-left:224px}.od-topbar{height:68px;padding:0 30px;border-bottom:1px solid var(--od-border);background:#fff;display:flex;justify-content:space-between;align-items:center;gap:15px}.od-topbar>div{display:flex;align-items:center;gap:14px}.od-breadcrumb{font-size:12px;font-weight:550;color:#69736e}.od-language select{background:#fff;color:#526059;border:1px solid var(--od-border);border-radius:6px;padding:8px 26px 8px 10px;max-width:160px;font-size:11px;min-height:35px}.od-profile,.od-icon-button{display:inline-grid;place-items:center;flex-shrink:0;width:35px;height:35px;color:#526059;background:#fff;border:1px solid var(--od-border);border-radius:7px;text-decoration:none}.od-profile{border-radius:50%}.od-mobile-brand,.od-menu{display:none}.od-main{max-width:1500px;margin:0 auto;padding:27px 30px 18px}.od-page-heading{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:22px}.od-page-heading h1{font-family:inherit;font-size:25px;line-height:1.2;font-weight:680;letter-spacing:-.8px;margin:0 0 8px}.od-page-heading p{font-size:12px;line-height:1.6;color:#7f8983;margin:0;overflow-wrap:anywhere}.od-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:36px;border:1px solid var(--od-green);border-radius:6px;padding:9px 13px;background:var(--od-green);font-size:11px;font-weight:600;line-height:1.5;color:white;text-decoration:none}.od-button.secondary{background:#fff;border-color:#dfe5e1;color:#4c5b52}.od-button.quiet{background:none;border:0;color:var(--od-green);padding-left:0}.od-button .od-icon{width:15px;height:15px}.od-loading,.od-empty,.od-error-state{padding:36px 20px;background:#fff;border:1px solid var(--od-border);border-radius:8px;text-align:center;color:#79867c;font-size:12px;line-height:1.8}.od-loading>span{display:block;width:23px;height:23px;border:2px solid #e4eae6;border-top-color:var(--od-green);border-radius:50%;margin:0 auto 13px;animation:od-spin 1s linear infinite}@keyframes od-spin{to{transform:rotate(360deg)}}.od-banner{display:flex;justify-content:space-between;align-items:center;gap:22px;padding:17px 20px;background:#fff;border:1px solid #d9e7de;border-left:3px solid #4e936f;border-radius:8px;margin-bottom:17px}.od-banner h2{font-size:13px;line-height:1.5;font-weight:650;margin:8px 0 5px}.od-banner p{font-size:11px;line-height:1.7;color:#7c8980;margin:0;max-width:720px}.od-banner .od-button{flex-shrink:0}.od-status-row{display:flex;flex-wrap:wrap;gap:7px}.od-badge{display:inline-flex;align-items:center;gap:5px;padding:3px 7px;border-radius:4px;font-size:9px;font-weight:550;line-height:1.6;background:#edf4ef;color:#498261}.od-badge::before{content:'';width:4px;height:4px;border-radius:50%;background:currentColor;flex-shrink:0}.od-badge.warning{background:#fff4dc;color:#a37a27}.od-badge.danger{background:#fcece8;color:#b75a48}.od-grid{display:grid;gap:16px}.od-stats{grid-template-columns:repeat(4,minmax(0,1fr));margin:17px 0}.od-stat{padding:17px 18px;background:#fff;border:1px solid var(--od-border);border-radius:8px;min-width:0}.od-stat>span{display:flex;align-items:center;justify-content:space-between;gap:7px;font-size:11px;line-height:1.5;color:#738076;font-weight:500}.od-stat>span .od-icon{width:16px;height:16px;color:#a0afa5}.od-stat>strong{display:block;font-size:26px;line-height:1.2;font-weight:650;letter-spacing:-.9px;margin:12px 0 9px;overflow-wrap:anywhere}.od-stat>small{display:block;color:#96a198;font-size:9px;line-height:1.6}.od-body-grid{grid-template-columns:minmax(0,1.8fr) minmax(280px,1fr);align-items:start}.od-panel{background:#fff;border:1px solid var(--od-border);border-radius:8px;min-width:0;overflow:hidden}.od-panel-head{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;padding:18px 20px 14px}.od-panel h2{font-size:13px;line-height:1.5;font-weight:650;letter-spacing:-.2px;margin:0 0 4px}.od-panel-head p{font-size:10px;color:#96a097;line-height:1.6;margin:0}.od-period{font-size:10px;color:#5b6a60;border:1px solid var(--od-border);border-radius:5px;padding:7px;background:#fff;max-width:100%}.od-chart-tabs{display:flex;gap:12px;padding:0 20px;border-bottom:1px solid #eff2f0}.od-chart-tabs button{position:relative;font-size:10px;font-weight:550;border:0;background:none;color:#8b978d;padding:8px 2px 12px}.od-chart-tabs button[aria-selected=true]{color:var(--od-green)}.od-chart-tabs button[aria-selected=true]::after{content:'';position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--od-green)}.od-chart{margin:0;padding:18px 15px 14px;min-width:0}.od-chart svg{display:block;width:100%;height:auto;overflow:visible}.od-chart text{font-family:inherit;font-size:9px;fill:#9ba69c}.od-chart-grid{stroke:#edf0ed;stroke-width:1;stroke-dasharray:3 5}.od-chart-line{fill:none;stroke:#267c58;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}.od-chart-dot{fill:white;stroke:#267c58;stroke-width:2;cursor:pointer}.od-chart-dot:hover,.od-chart-dot:focus{stroke-width:4}.od-chart-hit{fill:transparent;stroke:none;cursor:pointer}.od-chart-tooltip{margin:0 26px 12px;border:1px solid #dbe6df;border-radius:5px;background:#f5f9f6;color:#476a52;padding:10px 12px;font-size:11px;min-height:36px;line-height:1.5}.od-chart figcaption{font-size:9px;text-align:center;color:#99a491;line-height:1.7;margin:10px 5px 0}.od-chart-details{margin:0 20px 18px;color:#7d8d7e;font-size:10px}.od-chart-details summary{cursor:pointer;padding:4px 0}.od-data-table{width:100%;border-collapse:collapse;font-size:11px}.od-data-table th{font-size:9px;text-transform:uppercase;letter-spacing:.3px;color:#8e9a90;text-align:left;padding:10px 11px;background:#fafbfa;border-top:1px solid #edf0ed;border-bottom:1px solid #e9ede9;font-weight:600}.od-data-table td{padding:13px 11px;line-height:1.6;border-bottom:1px solid #eef1ee;overflow-wrap:anywhere;vertical-align:middle}.od-data-table tr:last-child td{border-bottom:0}.od-data-table td small{display:block;font-size:9px;color:#99a596}.od-table-wrap{overflow-x:auto}.od-chart-details .od-table-wrap{margin-top:10px}.od-order-id{font-weight:600;color:#496f54}.od-order-status{display:inline-block;font-size:9px;padding:3px 7px;background:#edf5ef;color:#498160;border-radius:4px;white-space:nowrap}.od-order-empty{padding:15px 20px 24px;color:#8c9c8d;font-size:11px;line-height:1.8}.od-recent{margin-top:16px}.od-side-stack{display:grid;gap:16px}.od-steps{margin:0;padding:0 20px 8px;list-style:none}.od-steps li{display:flex;align-items:flex-start;gap:11px;padding:13px 0;border-bottom:1px solid #edf1ed}.od-steps li:last-child{border-bottom:0}.od-step-icon{display:grid;place-items:center;flex-shrink:0;width:25px;height:25px;font-size:9px;background:#f0f4f0;color:#93a38f;border-radius:50%}.od-step-icon .od-icon{width:14px;height:14px}.od-steps li.done .od-step-icon{background:#e3f0e7;color:#3d8a5d}.od-steps h3{font-size:11px;font-weight:600;line-height:1.5;margin:0 0 4px}.od-steps p{font-size:10px;line-height:1.7;color:#96a18f;margin:0}.od-step-action{display:inline-block;color:#43805b;font-size:10px;border:0;background:none;text-decoration:none;line-height:1.7;padding:5px 0 0}.od-step-action:hover{text-decoration:underline}.od-request{padding:0 20px 18px}.od-request ul{padding-left:16px;font-size:10px;color:#929d89;line-height:1.7}.od-request .od-button{width:100%}.od-request-note{font-size:9px;color:#99a48f;line-height:1.7;margin:10px 0 0}.od-portfolio{padding:0 20px 19px}.od-portfolio-track{height:6px;background:#eef3ed;border-radius:4px;overflow:hidden;margin:12px 0}.od-portfolio-track progress{appearance:none;width:100%;height:6px;border:0;background:#eef3ed}.od-portfolio-track progress::-webkit-progress-bar{background:#eef3ed}.od-portfolio-track progress::-webkit-progress-value{background:#5c9772}.od-portfolio-track progress::-moz-progress-bar{background:#5c9772}.od-portfolio p{font-size:10px;color:#94a08c;line-height:1.7;margin:10px 0 2px}.od-payout{padding:18px 20px;background:#f0f6f2;border:1px solid #deebe1;border-radius:8px}.od-payout h2{font-family:inherit;font-size:14px;line-height:1.5;font-weight:650;margin:0 0 7px;letter-spacing:-.2px}.od-payout p{font-size:10px;color:#879a87;line-height:1.8;margin:0 0 10px}.od-payout a{font-size:10px;line-height:1.7;color:#35784b;text-underline-offset:3px}.od-markets-summary{padding:0 20px 19px}.od-markets-summary p{color:#8a9d8b;font-size:10px;line-height:1.8;margin:0 0 12px}.od-market-chips{display:flex;gap:5px;flex-wrap:wrap;margin-bottom:12px}.od-market-chips span{font-size:9px;padding:4px 7px;border:1px solid #e1e9e1;background:#f7faf6;border-radius:4px}.od-footer{display:flex;justify-content:space-between;gap:12px;padding:20px 0 0;margin-top:25px;border-top:1px solid var(--od-border);font-size:9px;color:#a3aaa2}.od-dialog,.od-nav-dialog{width:min(510px,calc(100vw - 32px));max-height:calc(100dvh - 32px);border:1px solid var(--od-border);border-radius:10px;padding:0;color:var(--od-ink);box-shadow:0 22px 90px #1c372e24;overscroll-behavior:contain}.od-dialog::backdrop,.od-nav-dialog::backdrop{background:#172c274a;backdrop-filter:blur(3px)}.od-dialog-head{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:18px 20px;border-bottom:1px solid var(--od-border)}.od-dialog-head h2{font-family:inherit;font-size:16px;font-weight:650;line-height:1.4;letter-spacing:-.3px;margin:0}.od-dialog-body{padding:20px}.od-dialog-body p{font-size:12px;color:#869782;line-height:1.8;margin:0 0 16px}.od-dialog-body strong{color:#3e5442;overflow-wrap:anywhere}.od-field{display:block;font-size:11px;line-height:1.8;font-weight:600}.od-field input{display:block;width:100%;border:1px solid #dce6db;border-radius:6px;background:#fff;padding:14px;font-size:20px;color:var(--od-ink);letter-spacing:10px;margin:8px 0;min-width:0}.od-field small{font-size:10px;color:#97a48e;font-weight:400;letter-spacing:0;line-height:1.7}.od-form-actions{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-top:18px}.od-form-actions .od-button{flex:1}.od-inline-error{font-size:11px!important;background:#fff1ec;color:#b35d45!important;padding:11px;border-radius:5px;overflow-wrap:anywhere}.od-inline-success{background:#edf6ed;color:#5a8d4d!important;padding:11px;border-radius:5px}.od-check{display:flex;align-items:flex-start;gap:9px;font-size:12px;color:#7f957a;line-height:1.8}.od-check input{width:17px;height:17px;accent-color:var(--od-green);margin-top:3px;flex-shrink:0}.od-countdown{font-size:10px;color:#94a18a;line-height:1.8}.od-nav-dialog nav{padding:15px}.od-toast{position:fixed;left:calc(50% + 112px);bottom:22px;transform:translateX(-50%);background:#234c37;color:#fff;max-width:calc(100vw - 32px);padding:13px 18px;border-radius:7px;font-size:11px;line-height:1.7;z-index:100}.od-market-search{width:100%;padding:11px 12px;border:1px solid #dce6db;border-radius:6px;font-size:14px;color:#4b654c;margin:2px 0 15px}.od-market-list{display:grid;gap:1px;max-height:340px;overflow-y:auto;border:1px solid #e6ece3;border-radius:6px}.od-market-option{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px;border-bottom:1px solid #edf1e9;line-height:1.5}.od-market-option:last-child{border-bottom:0}.od-market-option>span:first-of-type{flex:1;font-size:12px}.od-market-option input{width:16px;height:16px;accent-color:var(--od-green);flex-shrink:0}.od-market-option small{display:block;color:#9aa58e;font-size:9px;margin-top:3px}.od-market-notice{margin-top:14px!important;font-size:10px!important}.od-market-empty{padding:20px;font-size:12px;color:#94a18b}.od-error-state h2{font-size:17px;font-weight:600}.od-chart-hit:focus{outline:0}
@media (max-width:1200px){.od-main{padding:24px 22px 18px}.od-topbar{padding:0 22px}.od-body-grid{grid-template-columns:minmax(0,1.5fr) minmax(250px,1fr)}.od-stat{padding:16px 15px}.od-stat>strong{font-size:24px}.od-stat>span{font-size:10px}}@media (max-width:1000px){.od-sidebar{display:none}.od-workspace{margin-left:0}.od-menu{display:grid}.od-mobile-brand{display:flex}.od-breadcrumb{display:none}.od-toast{left:50%}}@media (max-width:700px){.od-main{padding:21px 16px 14px}.od-topbar{height:64px;padding:0 16px;gap:8px}.od-topbar>div{gap:9px}.od-mobile-brand>span{font-size:20px}.od-mobile-brand img{width:30px;height:30px}.od-mobile-brand small{font-size:8px}.od-header-tools{gap:8px!important}.od-language select{font-size:16px;max-width:105px;padding:7px 4px;border:0;min-height:35px}.od-profile{width:32px;height:32px}.od-page-heading{margin-bottom:18px;gap:10px}.od-page-heading h1{font-size:23px;letter-spacing:-.6px}.od-page-heading p{font-size:11px}.od-page-heading>.od-button{padding:10px;min-height:35px}.od-page-heading>.od-button span{display:none}.od-banner{display:block;padding:14px 15px;margin-bottom:13px}.od-banner h2{font-size:12px}.od-banner p{font-size:10px}.od-banner .od-button{margin-top:12px;width:100%;min-height:37px}.od-badge{font-size:8px}.od-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:13px 0}.od-stat{padding:15px 13px}.od-stat>span{font-size:10px}.od-stat>strong{font-size:25px;margin:10px 0 7px}.od-stat>small{font-size:8px;line-height:1.65}.od-body-grid{grid-template-columns:minmax(0,1fr);gap:13px}.od-side-stack{gap:13px}.od-panel-head{padding:16px 17px 13px}.od-panel h2{font-size:13px}.od-panel-head p{font-size:9px}.od-period-label{width:125px;max-width:43%;flex-shrink:0}.od-period{font-size:16px;width:100%;max-width:100%;padding:6px}.od-chart-tabs{padding:0 17px}.od-chart-tabs button{font-size:11px;padding-bottom:11px}.od-chart{padding:17px 10px 12px}.od-chart text{font-size:10px}.od-chart-tooltip{margin-left:17px;margin-right:17px;font-size:11px}.od-chart-details{margin:0 17px 16px;font-size:10px}.od-data-table{font-size:10px}.od-data-table th{font-size:8px}.od-data-table th,.od-data-table td{padding-left:8px;padding-right:8px}.od-steps{padding-left:17px;padding-right:17px;display:grid;grid-template-columns:1fr 1fr;gap:4px 13px}.od-steps li{gap:8px;padding:12px 0}.od-step-icon{width:24px;height:24px}.od-steps h3{font-size:10px}.od-steps p{font-size:9px}.od-step-action{font-size:10px;min-height:27px}.od-request{padding-left:17px;padding-right:17px}.od-request .od-button{font-size:11px;min-height:39px}.od-portfolio,.od-markets-summary{padding-left:17px;padding-right:17px}.od-payout{padding:17px}.od-payout h2{font-size:14px}.od-recent{margin-top:13px}.od-footer{font-size:8px;margin-top:22px;padding-top:17px}.od-dialog{width:calc(100vw - 26px);max-height:calc(100dvh - 26px);border-radius:9px}.od-dialog-head{padding:17px;gap:12px}.od-dialog-head h2{font-size:16px}.od-dialog-body{padding:17px}.od-field input{font-size:22px;letter-spacing:11px;padding:15px}.od-dialog-body p{font-size:11px}.od-nav-dialog{width:100vw;height:100dvh;max-width:100vw;max-height:100dvh;margin:0;border:0;border-radius:0}.od-nav-dialog .od-dialog-head{position:sticky;top:0;z-index:1;background:white;padding-top:max(17px,env(safe-area-inset-top))}.od-nav-dialog nav a{font-size:13px;padding:13px 12px}.od-form-actions .od-button{min-height:41px;font-size:11px}.od-market-search{font-size:16px}.od-market-list{max-height:45dvh}}@media (max-width:350px){.od-main{padding-left:14px;padding-right:14px}.od-topbar{padding:0 12px}.od-topbar>div{gap:6px}.od-mobile-brand>span{font-size:19px}.od-mobile-brand img{width:27px;height:27px}.od-profile{display:none}.od-language select{max-width:99px;font-size:16px}.od-page-heading h1{font-size:21px}.od-stat{padding:13px 11px}.od-stat>strong{font-size:23px}.od-stat>span{font-size:9px}.od-steps{grid-template-columns:1fr}.od-chart text{font-size:10px}}@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;scroll-behavior:auto!important}}

/* PRACTICEL_SELLER_OPERATIONS_DASHBOARD_STYLE_V1 */
.od-sidebar nav{overflow-y:auto;min-height:0}.od-sidebar nav a{flex-shrink:0}
