@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Manrope:wght@400;500;600;650;700;750;800&family=Noto+Sans+Arabic:wght@400;500;600;700&display=swap";
:root{--ink:#203a35;--muted:#78857e;--green:#236453;--dark:#153f36;--line:#e4e8e1;--paper:#f7f8f4;--white:#fff;--mint:#eaf2eb;--gold:#d6ad68}*{box-sizing:border-box}body{background:var(--paper);color:var(--ink);margin:0;font:14px DM Sans,Noto Sans Arabic,sans-serif}button,input,textarea,select{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:wait;opacity:.55}a{color:inherit;text-decoration:none}button{justify-content:center;align-items:center;gap:8px;display:inline-flex}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline-offset:3px;outline:3px solid #b5cfb9}h1,h2,h3,p{margin-top:0}h1,h2,h3{letter-spacing:-.035em;font-family:Manrope,Noto Sans Arabic,sans-serif}h1{margin-bottom:10px;font-size:34px;font-weight:650;line-height:1.25}h2{margin-bottom:8px;font-size:20px;font-weight:650}h3{margin-bottom:9px;font-size:16px;font-weight:700}p{color:var(--muted);line-height:1.7}small{color:var(--muted);font-size:12px}input,select,textarea{width:100%;color:var(--ink);background:#fff;border:1px solid #dce3db;border-radius:8px;min-height:43px;padding:11px 12px;transition:border-color .15s}input:hover,select:hover,textarea:hover{border-color:#9bb5a4}input:disabled{color:#75817a;background:#f5f7f2}textarea{resize:vertical;min-height:90px}input[type=checkbox]{width:17px;height:17px;min-height:17px;accent-color:var(--green);flex-shrink:0}input[type=checkbox][role=switch]{appearance:none;cursor:pointer;background:#cbd4ca;border:0;border-radius:20px;width:40px;height:23px;padding:0;position:relative}input[type=checkbox][role=switch]:after{content:"";background:#fff;border-radius:50%;width:17px;height:17px;transition:transform .15s;position:absolute;top:3px;left:3px}input[type=checkbox][role=switch]:checked{background:var(--green)}input[type=checkbox][role=switch]:checked:after{transform:translate(17px)}.app-shell{min-height:100vh;display:flex}.sidebar{border-inline-end:1px solid var(--line);z-index:30;background:#fff;flex-direction:column;width:252px;padding:32px 20px 0;display:flex;position:fixed;inset-block:0;inset-inline-start:0}.brand{letter-spacing:-1.5px;align-items:center;gap:9px;padding-inline:10px;font-family:Manrope,sans-serif;font-size:29px;font-weight:800;display:flex}.brand-dot{color:var(--gold);margin-inline-start:-7px}.brand-symbol{background:var(--green);color:#fff;letter-spacing:-2px;border-radius:12px 12px 12px 3px;justify-content:center;align-items:center;width:34px;height:36px;padding-bottom:5px;font-family:Manrope,sans-serif;font-size:29px;font-weight:700;line-height:1;display:inline-flex}.workspace-label{border:1px solid var(--line);border-radius:8px;align-items:center;gap:8px;margin:30px 5px 24px;padding:12px 11px;font-size:12px;font-weight:600;display:flex}.workspace-tag{color:var(--muted);background:#f4f6f1;border-radius:4px;margin-inline-start:auto;padding:3px 5px;font-size:10px}.tiny-dot{background:#5c9378;border-radius:50%;flex-shrink:0;width:6px;height:6px;display:inline-block}.nav-caption{color:#96a198;letter-spacing:1.4px;text-transform:uppercase;margin:0 13px 13px;font-size:10px;font-weight:700}.sidebar nav{flex-direction:column;gap:5px;display:flex}.sidebar nav button{color:#78847c;text-align:start;background:0 0;border:0;border-radius:7px;justify-content:flex-start;gap:12px;padding:13px 14px;font-size:13px}.sidebar nav button:hover{background:#f6f8f3}.sidebar nav button.selected{color:var(--green);background:#edf3eb;font-weight:700}.nav-dot{background:var(--green);border-radius:50%;width:5px;height:5px;margin-inline-start:auto}.sidebar-bottom{margin-top:auto;padding-top:35px}.checkpoint-badge{border:1px solid var(--line);color:#67826d;border-radius:9px;align-items:center;gap:10px;margin:0 3px 22px;padding:13px;display:flex}.checkpoint-badge strong{color:var(--ink);font-size:11px;display:block}.checkpoint-badge small{margin-top:4px;font-size:10px;display:block}.checkpoint-badge>span{color:#9aab9b;background:#f1f4ed;border-radius:5px;margin-inline-start:auto;padding:6px;font-size:11px}.profile{border-top:1px solid var(--line);align-items:center;gap:9px;margin-inline:-20px;padding:20px;display:flex}.avatar{color:#6f855c;background:#e9eee3;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:33px;height:33px;font-size:13px;display:inline-flex}.profile strong{font-size:12px;display:block}.profile small{margin-top:3px;font-size:10px;display:block}.profile button{color:var(--muted);background:0 0;border:0;margin-inline-start:auto;padding:5px}.main-wrap{width:calc(100% - 252px);min-width:0;margin-inline-start:252px}.topbar{border-bottom:1px solid var(--line);background:#fbfcf8;justify-content:space-between;align-items:center;height:78px;padding:0 42px;display:flex}.breadcrumb{color:#8c968d;align-items:center;gap:13px;font-size:12px;display:flex}.breadcrumb strong{color:#445a4c;font-weight:500}.top-actions{align-items:center;gap:20px;display:flex}.country{color:#758273;font-size:11px}.country span{color:#c0c8bd;padding:0 8px}.language{color:#7a897d;align-items:center;gap:5px;display:flex}.language select{background:0 0;border:0;width:100px;min-height:0;padding:5px;font-size:12px}.content{max-width:1450px;margin:auto;padding:40px 42px 20px}.page-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:30px;display:flex}.eyebrow{letter-spacing:1.6px;text-transform:uppercase;color:#809184;margin-bottom:13px;font-size:10px;font-weight:700;display:block}.page-heading p{margin-bottom:0;font-size:13px}.page-heading h1{max-width:650px}.phase-tag{white-space:nowrap;color:#6a8068;border:1px solid #dce4d8;border-radius:20px;align-items:center;gap:7px;padding:8px 11px;font-size:10px;display:flex}.overview-grid{grid-template-columns:1.7fr 1fr;gap:22px;display:grid}.welcome-card{background:var(--dark);color:#fff;border-radius:12px;min-height:245px;padding:29px 30px;position:relative;overflow:hidden}.welcome-card .eyebrow{color:#9ab7a3;font-size:9px}.welcome-card h2{z-index:1;max-width:360px;font-size:29px;position:relative}.welcome-card p{color:#abc3b5;z-index:1;max-width:310px;margin-bottom:25px;font-size:12px;position:relative}.welcome-progress{color:#b4c9ba;justify-content:space-between;align-items:center;max-width:300px;font-size:10px;display:flex}.welcome-progress strong{color:#dbe8d6;font-weight:500}.progress-track{background:#3b5c4c;border-radius:3px;max-width:300px;height:4px;margin-top:9px}.progress-track span{background:#d6bd83;border-radius:3px;height:100%;display:block}.welcome-art{inset-inline-end:-10px;color:#a3bda7;opacity:.5;width:200px;height:230px;position:absolute;bottom:-36px;transform:rotate(-16deg)}.welcome-art div{border:1px solid #6f947c;border-radius:34px;position:absolute;inset:5px}.welcome-art div+div{background:linear-gradient(135deg,#ffffff08,#adc78c13);inset:25px;transform:rotate(32deg)}.welcome-art svg{position:absolute;top:75px;left:68px}.status-card{background:#edf1e6;border:1px solid #e5e9dc;border-radius:12px;padding:26px}.icon-box{color:#628265;background:#f0f4eb;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:43px;height:43px;display:inline-flex}.status-card>.icon-box{background:#e1e8d4;margin-bottom:20px}.status-card .eyebrow{margin-bottom:9px;font-size:9px}.status-card h3{font-size:18px}.status-card p{margin-bottom:16px;font-size:12px}.pill{white-space:nowrap;border-radius:20px;align-items:center;gap:5px;padding:5px 9px;font-size:9px;font-weight:500;display:inline-flex}.pill.green{color:#4a7c57;background:#eaf3e8}.pill.muted{color:#8b9683;background:#f0f2ec}.section-title{justify-content:space-between;align-items:center;margin:32px 0 18px;display:flex}.section-title h2{margin:0;font-size:17px}.section-title>span{color:#99a28e;letter-spacing:1px;font-size:10px}.setup-grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.setup-card{border:1px solid var(--line);text-align:start;background:#fff;border-radius:10px;padding:21px;transition:transform .15s,border-color .15s;display:block}.setup-card:hover{border-color:#adc4aa;transform:translateY(-3px)}.setup-top{justify-content:space-between;align-items:center;gap:5px;margin-bottom:24px;display:flex}.setup-top .icon-box{width:39px;height:39px}.setup-card h3{font-size:15px}.setup-card p{min-height:42px;margin-bottom:22px;font-size:12px}.setup-bottom{border-top:1px solid #edf0e9;justify-content:space-between;align-items:center;padding-top:15px;font-size:10px;display:flex}.setup-bottom>span:first-child{color:#abb49e}.setup-bottom>span:last-child{color:#5f8060;align-items:center;gap:5px;display:flex}.next-card{background:#f2f5ed;border:1px dashed #d7dfd1;border-radius:10px;align-items:center;gap:16px;margin-top:25px;padding:21px;display:flex}.next-card .eyebrow{margin-bottom:5px;font-size:9px}.next-card h3{margin:0;font-size:14px}.next-card>.pill{margin-inline-start:auto}.page-footer{border-top:1px solid var(--line);color:#9aa691;align-items:center;gap:10px;margin-top:45px;padding-top:18px;display:flex}.page-footer>span{letter-spacing:-.8px;font-size:16px;font-weight:700}.page-footer .brand-dot{margin:0}.page-footer>small{margin-inline-start:auto;font-size:10px}.panel{border:1px solid var(--line);background:#fff;border-radius:11px;margin-bottom:22px;padding:26px}.panel-heading{margin-bottom:24px}.panel-heading h2{font-size:18px}.panel-heading p{margin-bottom:0;font-size:12px}.form-grid{grid-template-columns:1fr 1fr;gap:6px 24px;display:grid}.field{flex-direction:column;gap:8px;min-width:0;margin-bottom:20px;display:flex}.field>span{color:#4b6353;font-size:12px;font-weight:600}.field small{font-size:10px;line-height:1.6}.span-two{grid-column:1/-1}.narrow{max-width:430px}.checkbox{color:#5f7263;align-items:center;gap:9px;margin-bottom:22px;font-size:12px;line-height:1.6;display:flex}.form-footer{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;margin-top:20px;padding-top:20px;display:flex}.form-footer>span{color:#98a491;align-items:center;gap:6px;font-size:10px;display:flex}.primary{background:var(--green);color:#fff;border:1px solid var(--green);border-radius:7px;min-height:41px;padding:11px 17px;font-size:12px;font-weight:600}.primary:hover{background:#174d3d}.secondary{color:#59725b;background:#fff;border:1px solid #dce4d7;border-radius:7px;padding:9px 12px;font-size:11px}.secondary:hover{background:#f2f5ed}.icon-button{background:0 0;border:0;border-radius:7px;padding:9px}.danger{color:#b27666}.danger:hover{background:#fff1ec}.subheading{justify-content:space-between;align-items:center;margin:22px 0;display:flex}.subheading h3{margin:0}.exception-row{background:#f7f9f4;border:1px solid #e9ede3;border-radius:9px;grid-template-columns:1.1fr 1.1fr .7fr 35px;align-items:center;gap:16px;margin-bottom:12px;padding:17px;display:grid}.exception-row .field{margin:0}.exception-row .icon-button{margin-top:23px}.payment-grid{grid-template-columns:minmax(0,1.9fr) minmax(245px,1fr);align-items:start;gap:23px;display:grid}.payment-grid .panel{padding:24px}.payment-grid .form-grid{gap:0 16px}.method{border-bottom:1px solid var(--line);align-items:center;gap:12px;padding-bottom:20px;display:flex}.method strong{font-size:12px;display:block}.method small{margin-top:5px;font-size:10px;display:block}.method>.pill{margin-inline-start:auto}.switch-row{justify-content:space-between;align-items:center;gap:10px;padding:23px 0 0;font-size:13px;font-weight:600;display:flex}.helper{color:#92a08d;font-size:11px;line-height:1.7}.payment-grid form>h3{margin-top:25px;font-size:13px}.input-pair{gap:6px;display:flex}.input-pair select{width:60%;padding-inline:8px;font-size:12px}.input-pair input{width:40%;min-width:0}.preview-panel{position:sticky;top:25px}.preview-panel>.eyebrow{margin:8px 0 17px;font-size:9px}.preview-receipt{background:#edf2e7;border:1px solid #e0e8d9;border-radius:12px;padding:25px 20px}.preview-receipt>.icon-box{background:#e0e8d6;margin-bottom:18px}.preview-receipt h3{font-size:19px}.preview-receipt p{font-size:12px}.preview-bank{color:#4d6955;margin-bottom:4px;font-weight:600}.bank-rib{word-break:break-all;letter-spacing:1px;background:#fff9;border:1px solid #dfe8d7;border-radius:7px;margin:20px 0;padding:13px 8px;font:11px monospace}.preview-line{border-bottom:1px dashed #d7e0ce;justify-content:space-between;gap:8px;padding:12px 0;font-size:10px;display:flex}.preview-line strong{font-weight:600}.instructions{white-space:pre-wrap;margin-top:17px}.whatsapp-preview{text-align:center;color:#50744b;background:#dce9d5;border-radius:6px;padding:13px 10px;font-size:10px}.whatsapp-preview small{margin-top:7px;display:block}.warning{border-top:1px solid #dce4d5;align-items:flex-start;gap:7px;margin-top:23px;margin-bottom:0;padding-top:18px;display:flex;color:#71816b!important;font-size:10px!important}.warning svg{flex-shrink:0}.member-row{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;padding:20px 0;display:flex}.member-row:last-child{border:0}.member-identity{align-items:center;gap:10px;display:flex}.member-identity strong{font-size:12px;display:block}.member-identity small{margin-top:4px;font-size:10px;display:block}.member-controls{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.member-controls select{width:130px;font-size:11px}.member-controls>input{width:180px;font-size:10px}.member-controls .checkbox{margin:0}.member-controls label{min-width:0}.balance-stats{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px;display:grid}.balance-stats>div{border:1px solid var(--line);background:#fff;border-radius:9px;padding:22px 17px}.balance-stats small{margin-bottom:13px;font-size:10px;display:block}.balance-stats strong{font-size:19px;font-weight:600}.table-wrap{margin:15px 0;overflow-x:auto}table{border-collapse:collapse;text-align:start;width:100%;font-size:11px}th{text-align:start;color:#95a08f;border-bottom:1px solid var(--line);white-space:nowrap;padding:13px 10px;font-size:10px;font-weight:500}td{color:#5e735f;border-bottom:1px solid #eff1eb;padding:14px 10px}tr:last-child td{border:0}.event-label{font-family:monospace;font-size:10px}.empty{text-align:center;padding:35px;font-size:12px}.notice{border:1px solid;border-radius:8px;align-items:center;gap:10px;margin-bottom:23px;padding:13px 16px;font-size:12px;line-height:1.7;display:flex}.notice>span{flex:1}.notice>button{color:inherit;background:0 0;border:0;margin-inline-start:auto}.notice.error{color:#9e6047;background:#fff3ed;border-color:#efd6ca}.notice.success{color:#4d7a4b;background:#edf7eb;border-color:#d7e9d2}.inline-error{color:#ac5d40;font-size:12px}.section-loading,.loading{color:#91a28b;justify-content:center;align-items:center;gap:13px;min-height:350px;font-size:12px;display:flex}.loading{flex-direction:column;height:100vh}.loading .brand-symbol{width:48px;height:48px;font-size:42px}.auth{grid-template-columns:1fr 1fr;min-height:100vh;display:grid}.auth-story{color:#fff;background:#173f36;flex-direction:column;justify-content:space-between;padding:45px 60px;display:flex;position:relative;overflow:hidden}.auth-story .brand{color:#f3f4e9;z-index:1;padding:0}.auth-story .brand-symbol{background:#527a5a}.auth-story>div:not(.orbit){z-index:1;padding:90px 0}.auth-story h1{max-width:450px;font-size:57px;line-height:1.17}.auth-story .eyebrow{color:#99b198;margin-bottom:28px}.auth-story p{color:#aac1b0;max-width:330px}.auth-footer{color:#9eb39e;letter-spacing:1px;z-index:1;font-size:10px}.orbit{opacity:.4;inset-inline-end:-280px;border:1px solid #466a50;border-radius:90px;width:500px;height:500px;position:absolute;bottom:-100px;transform:rotate(30deg)}.orbit-two{bottom:-140px;inset-inline-end:-240px;transform:rotate(55deg)}.auth-side{justify-content:center;align-items:center;padding:80px 50px;display:flex;position:relative}.auth-side>.language{top:30px;position:absolute;inset-inline-end:35px}.auth-card{width:100%;max-width:390px}.auth-card>.icon-box{width:49px;height:49px;margin-bottom:25px}.auth-card .eyebrow{font-size:9px}.auth-card h2{margin-bottom:30px;font-size:27px;line-height:1.4}.auth-card .field{margin-bottom:19px}.auth-card input{background:#fff}.wide{justify-content:space-between;width:100%;margin-top:10px}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.mobile-toggle,.scrim{display:none}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}.form-footer .primary svg{flex-shrink:0}[dir=rtl] .brand{direction:ltr;justify-content:flex-end}[dir=rtl] .auth-story .brand{justify-content:flex-start}[dir=rtl] h1,[dir=rtl] h2,[dir=rtl] h3{letter-spacing:0}[dir=rtl] .welcome-art{transform:rotate(16deg)}@media (min-width:1450px){.content{padding-top:50px}.page-heading{margin-bottom:35px}.welcome-card{padding:34px}.setup-card{padding:25px}.setup-card p{max-width:240px}}@media (max-width:1200px){.sidebar{width:225px;padding-inline:15px}.main-wrap{width:calc(100% - 225px);margin-inline-start:225px}.topbar{padding-inline:28px}.content{padding:32px 28px 20px}.page-heading h1{font-size:29px}.phase-tag{display:none}.setup-grid{gap:12px}.setup-card{padding:16px}.setup-top{align-items:flex-start}.setup-top .pill{font-size:8px}.setup-card p{font-size:11px}.welcome-art{opacity:.25}.welcome-card h2{font-size:25px}.payment-grid{grid-template-columns:minmax(0,1.6fr) minmax(220px,1fr)}.payment-grid .form-grid{grid-template-columns:1fr}.profile{margin-inline:-15px;padding-inline:15px}.member-row{flex-direction:column;align-items:flex-start}.member-controls{justify-content:flex-start}.auth-story{padding:40px}.auth-story h1{font-size:45px}}@media (max-width:950px){.overview-grid{grid-template-columns:1fr}.status-card{display:none}.setup-grid{grid-template-columns:repeat(2,1fr)}.payment-grid{grid-template-columns:1fr}.payment-grid .form-grid{grid-template-columns:1fr 1fr}.preview-panel{max-width:450px;position:static}.balance-stats{grid-template-columns:1fr 1fr}.exception-row{grid-template-columns:1fr 1fr;gap:10px}.exception-row .icon-button{justify-self:end;margin:0}.auth-story h1{font-size:38px}.auth-side{padding:70px 30px}.country{display:none}.form-grid{gap:0 15px}}@media (max-width:720px){.sidebar{width:250px;transition:transform .2s;transform:translate(-100%)}[dir=rtl] .sidebar{transform:translate(100%)}.sidebar.open,[dir=rtl] .sidebar.open{transform:translate(0)}.main-wrap{width:100%;margin-inline-start:0}.mobile-toggle{color:var(--ink);background:0 0;border:0;padding:0;display:inline-flex}.scrim{z-index:25;background:#15352870;border:0;display:block;position:fixed;inset:0}.topbar{gap:14px;height:65px;padding-inline:20px}.breadcrumb{gap:7px;margin-inline-end:auto;font-size:11px}.content{padding:27px 20px 18px}.page-heading{margin-bottom:24px}.page-heading h1{font-size:27px}.page-heading p{font-size:12px}.eyebrow{font-size:9px}.welcome-card{min-height:250px;padding:25px}.welcome-card h2{font-size:27px}.welcome-card p{max-width:245px}.setup-grid{gap:12px}.setup-card{padding:16px}.setup-top{flex-direction:column;gap:12px;margin-bottom:15px}.setup-card h3{font-size:14px}.setup-card p{min-height:57px}.setup-bottom{font-size:9px}.setup-bottom>span:first-child{display:none}.next-card{gap:11px;padding:17px}.next-card .icon-box{width:34px;height:34px}.next-card>.pill{display:none}.next-card h3{font-size:12px}.panel{padding:21px 17px}.form-grid,.payment-grid .form-grid{grid-template-columns:1fr}.span-two{grid-column:auto}.form-footer>span{display:none}.form-footer{justify-content:flex-end}.subheading{gap:10px}.subheading h3{font-size:14px}.exception-row{grid-template-columns:1fr}.exception-row .icon-button{margin-top:-8px}.balance-stats{gap:10px}.balance-stats>div{padding:17px 12px}.balance-stats strong{font-size:17px}.member-controls,.member-controls>input{width:100%}.auth{grid-template-columns:1fr}.auth-story{min-height:230px;padding:26px 28px}.auth-story>div:not(.orbit){padding:35px 0 0}.auth-story h1{max-width:none;margin-bottom:0;font-size:30px}.auth-story p,.auth-footer,.auth-story>div>.eyebrow{display:none}.auth-side{padding:65px 25px 40px}.auth-side>.language{top:18px;inset-inline-end:20px}.auth-card>.icon-box{display:none}.auth-card h2{font-size:24px}.auth-card .eyebrow{margin-bottom:9px}.page-footer{margin-top:30px}.preview-receipt{padding:23px}.top-actions{gap:0}.sidebar{visibility:hidden}.sidebar.open{visibility:visible}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
fieldset{border:0;min-width:0;margin:0;padding:0}fieldset:disabled{opacity:.8}.catalog-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:25px;display:flex}.segmented{background:#eaf0e5;border-radius:9px;flex-wrap:wrap;gap:4px;padding:4px;display:flex}.segmented button{color:#6c8069;background:0 0;border:0;border-radius:6px;padding:10px 14px;font-size:12px}.segmented button.selected{color:var(--green);background:#fff;box-shadow:0 1px 5px #183c2910}.catalog-filters{grid-template-columns:1.7fr 1fr 1fr 1fr;gap:12px;margin-bottom:20px;display:grid}.catalog-filters select{font-size:11px}.search-field{color:#8b9d84;background:#fff;border:1px solid #dce3db;border-radius:8px;align-items:center;padding-inline-start:12px;display:flex}.search-field input{background:0 0;border:0;min-width:0;font-size:12px}.catalog-empty{text-align:center;background:#fff;border:1px dashed #d7dfd1;border-radius:12px;padding:65px 25px}.catalog-empty>.icon-box{width:58px;height:58px;margin-bottom:20px}.catalog-empty h2{font-size:21px}.catalog-empty p{font-size:12px}.catalog-list{padding:5px 17px}.catalog-list .table-wrap{margin:0}.product-link{text-align:start;color:var(--ink);background:0 0;border:0;justify-content:flex-start;gap:12px;padding:8px 0}.product-link img,.product-placeholder{object-fit:contain;background:#f6f8f1;border:1px solid #e8ece3;border-radius:7px;width:49px;height:54px}.product-placeholder{color:#a0b193;justify-content:center;align-items:center;display:inline-flex}.product-link strong{white-space:normal;min-width:90px;max-width:230px;font-size:12px;line-height:1.5;display:block}.product-link small{margin-top:4px;font-size:10px;display:block}.variant-chips{flex-wrap:wrap;gap:5px;max-width:260px;display:flex}.variant-chip{color:#61765b;background:#f1f5ed;border:1px solid #e2e9da;border-radius:5px;padding:5px 7px;font-size:9px}.variant-chip span{border-inline-start:1px solid #d8e1d1;padding-inline-start:6px;font-weight:700}.variant-chip svg{color:#bd8d4e}.variant-chip.inactive{opacity:.5}.pagination{border-top:1px solid var(--line);justify-content:flex-end;align-items:center;gap:7px;padding:15px 0;display:flex}.pagination small{margin-inline-end:auto;font-size:10px}.pagination .secondary{padding:6px}.category-list>div{border-bottom:1px solid var(--line);align-items:center;gap:15px;padding:16px 0;display:flex}.category-list>div:last-child{border:0}.category-list>div>span:first-child{margin-inline-end:auto}.category-list strong{font-size:12px;display:block}.category-list small{margin-top:5px;font-size:10px;display:block}.button-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.text-button{color:#6b8266;background:0 0;border:0;padding:0 0 20px;font-size:12px}.catalog-details{border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:10px 0 30px;padding:18px 0}.catalog-details summary{cursor:pointer;font-size:13px;font-weight:600}.catalog-details[open] summary{margin-bottom:25px}.variant-editor{background:#fbfcf8;border:1px solid #e1e8da;border-radius:10px;margin-bottom:20px;padding:22px}.variant-heading{align-items:center;gap:10px;margin-bottom:22px;font-size:13px;display:flex}.variant-heading .icon-box{width:34px;height:34px}.variant-heading>.icon-button{margin-inline-start:auto}.variant-fields{grid-template-columns:repeat(3,minmax(0,1fr));gap:0 18px}.variant-fields .field>span{font-size:11px}.variant-metrics{border-top:1px solid var(--line);flex-wrap:wrap;gap:25px;padding-top:17px;display:flex}.variant-metrics>span{color:#91a087;min-width:100px;font-size:10px}.variant-metrics strong{color:#4e6a4b;margin-top:8px;font-size:12px;display:block}.stock-shortcuts{flex-wrap:wrap;gap:10px;margin:0 0 25px;display:flex}.photo-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-bottom:20px;display:grid}.photo-card{border:1px solid var(--line);border-radius:8px;padding:12px;position:relative}.photo-card>img{object-fit:contain;background:#f7f9f3;border-radius:6px;width:100%;height:160px;margin-bottom:15px}.photo-card .field{margin-bottom:10px}.photo-card .field>span{font-size:10px}.photo-card .field input{padding:8px;font-size:11px}.photo-card>small{font-size:9px}.photo-main{top:20px;color:#68835f;background:#fffe;border:1px solid #e3eada;border-radius:20px;align-items:center;gap:5px;padding:5px 8px;font-size:8px;display:inline-flex;position:absolute;inset-inline-start:20px}.photo-actions{flex-wrap:wrap;align-items:center;gap:5px;margin-top:12px;display:flex}.photo-actions .secondary{padding:6px;font-size:9px}.photo-upload{align-items:flex-end;gap:12px;display:flex}.photo-upload .field{flex:1;max-width:500px;margin-bottom:0}.photo-upload input{padding:9px;font-size:11px}.photo-upload>button{height:43px}.opening-link-form{border-top:1px solid var(--line);padding-top:25px}.opening-matches{grid-template-columns:1fr 1fr;gap:10px;max-height:340px;margin-bottom:22px;display:grid;overflow:auto}.opening-match{border:1px solid var(--line);cursor:pointer;border-radius:8px;align-items:center;gap:10px;padding:13px;display:flex}.opening-match.selected{background:#f0f6ec;border-color:#5f916a}.opening-match input{width:15px;height:15px;min-height:0;accent-color:var(--green)}.opening-match img{object-fit:contain;width:40px;height:44px}.opening-match strong{font-size:11px;display:block}.opening-match small{margin-top:5px;font-size:10px;display:block}.catalog-module .table-wrap td{white-space:normal}.catalog-module .table-wrap td:last-child{white-space:nowrap}.catalog-module .form-footer small{max-width:500px;font-size:10px}.catalog-module .balance-stats>div{min-width:0}.catalog-module .balance-stats strong{overflow-wrap:anywhere}@media (max-width:1200px){.variant-fields,.catalog-filters,.photo-grid{grid-template-columns:1fr 1fr}}@media (max-width:720px){.catalog-toolbar{align-items:stretch}.catalog-toolbar>.primary{width:100%}.segmented{justify-content:center;width:100%}.segmented button{padding:9px;font-size:10px}.catalog-filters{grid-template-columns:1fr 1fr;gap:9px}.search-field{grid-column:1/-1}.catalog-filters select{padding:9px;font-size:10px}.catalog-list{padding:0 10px}.product-link strong{max-width:140px}.variant-fields{grid-template-columns:1fr}.variant-editor{padding:17px 13px}.variant-metrics{gap:18px}.photo-grid{grid-template-columns:1fr 1fr;gap:10px}.photo-card{padding:8px}.photo-card>img{height:120px}.photo-main{top:14px;font-size:7px;inset-inline-start:13px}.photo-upload{flex-direction:column;align-items:stretch}.photo-upload>button{align-self:flex-start}.opening-matches{grid-template-columns:1fr}.catalog-module .form-footer{flex-direction:column;align-items:flex-start}.catalog-module .form-footer small{display:block}.catalog-module .table-wrap table{min-width:620px}.category-list>div{gap:8px}.category-list strong{font-size:11px}.stock-shortcuts .secondary{font-size:10px}}.sidebar nav{flex:1;min-height:0;overflow-y:auto}.sidebar-bottom{flex-shrink:0;padding-top:20px}.app-shell .catalog-filters{align-items:end}.app-shell .catalog-search{gap:8px;margin:0}.app-shell .catalog-search .search-field{background:0 0;border:0;padding:0;position:relative}.catalog-search .search-field>svg{color:var(--muted);pointer-events:none;position:absolute;inset-block-start:50%;inset-inline-start:.85rem;transform:translateY(-50%)}.app-shell .catalog-search .search-field input{border:1px solid var(--line);border-radius:.6rem;width:100%;padding-inline-start:2.5rem}.app-shell .catalog-search .search-field input:focus-visible{outline:2px solid var(--green);outline-offset:2px}.photo-upload{flex-wrap:wrap;align-items:end}.photo-upload .field{min-width:min(100%,15rem)}.photo-upload input::file-selector-button{background:var(--workspace-soft);color:var(--ink);font:inherit;cursor:pointer;border:0;border-radius:.4rem;margin-inline-end:.75rem;padding:.45rem .7rem}.photo-upload .workspace-help-button{aspect-ratio:1;min-block-size:0;padding:0}@media (max-width:620px){.photo-upload{align-items:stretch}}
.ops-module{gap:20px;min-width:0;display:grid}.ops-box{min-width:0;padding:24px}.ops-box>h2{margin-bottom:20px;font-size:18px}.ops-box p{overflow-wrap:anywhere;margin:12px 0;font-size:13px;line-height:1.7}.ops-form{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-block:15px;display:grid}.ops-module fieldset{border:0;gap:20px;min-width:0;padding:0;display:grid}.ops-module input:not([type=checkbox]),.ops-module select,.ops-module textarea,.ops-filters input,.ops-filters select{border:1px solid var(--line);width:100%;min-width:0;color:var(--ink);font:inherit;background:#fff;border-radius:6px;min-height:42px;padding:11px 12px;font-size:13px}.ops-module textarea{min-height:75px}.ops-inline{flex-wrap:wrap;align-items:center;gap:12px;margin-block:12px;display:flex}.ops-inline .field{flex:1;min-width:160px}.btn{cursor:pointer;border-radius:6px;justify-content:center;align-items:center;gap:8px;min-height:40px;padding:10px 16px;font-size:12px;font-weight:600;display:inline-flex}.ops-module button:disabled{opacity:.5;cursor:default}.ops-stats{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:14px;display:grid}.ops-stats>div{gap:12px;padding:22px;display:grid}.ops-stats small{color:var(--muted);font-size:11px}.ops-stats strong{overflow-wrap:anywhere;font-size:24px}.ops-columns{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.ops-title{justify-content:space-between;align-items:center;gap:15px;display:flex}.ops-title h2{font-size:25px}.ops-filters{grid-template-columns:2fr 1fr 1fr auto;gap:12px;display:grid}.ops-table{width:100%;max-width:100%;overflow-x:auto}.ops-table table{border-collapse:collapse;width:100%;min-width:620px;font-size:12px}.ops-table th{text-align:start;color:var(--muted);border-bottom:1px solid var(--line);padding:13px 12px;font-size:10px;font-weight:500}.ops-table td{border-bottom:1px solid var(--line);vertical-align:top;padding:15px 12px}.ops-table small,.ops-lines small,.ops-matches small{color:var(--muted);margin-top:6px;font-size:10px;display:block}.ops-link{color:var(--green);cursor:pointer;text-align:start;background:0 0;border:0;padding:0;font-weight:600}.ops-badges{flex-wrap:wrap;gap:8px;display:flex}.ops-badges>span,.ops-badge{background:var(--mint);border-radius:20px;padding:8px 12px;font-size:11px}.ops-lines>div{border-bottom:1px solid var(--line);align-items:center;gap:12px;padding:12px 0;font-size:12px;display:flex}.ops-lines>div>span{flex:1}.ops-lines img{object-fit:contain;border-radius:6px}.ops-check{align-items:center;gap:9px;margin:12px 0;font-size:12px;display:flex}.ops-check input{accent-color:var(--green);flex-shrink:0;width:16px;height:16px}.ops-settlement-row{border-bottom:1px solid var(--line);grid-template-columns:1.4fr repeat(3,minmax(75px,1fr)) 1.4fr auto;align-items:end;gap:10px;padding:15px 0;display:grid}.ops-bill-row{border:1px solid var(--line);background:#fafbf8;border-radius:9px;margin-block:16px;padding:18px}.ops-matches{border:1px solid var(--line);background:#fff;border-radius:6px;gap:5px;margin-top:12px;padding:15px;display:grid}.ops-matches>button{text-align:start;border:0;border-bottom:1px solid var(--line);cursor:pointer;background:#fff;align-items:center;gap:12px;padding:12px;display:flex}.ops-matches>button:hover{background:var(--mint)}.ops-matches>button>span:first-of-type{flex:1}.ops-matches img,.ops-hero-preview{object-fit:contain;border-radius:6px}.ops-attachments{flex-wrap:wrap;gap:12px;margin-block:14px;display:flex}.ops-attachments>a{border:1px solid var(--line);border-radius:6px;justify-content:center;align-items:center;min-width:85px;min-height:85px;display:flex}.ops-attachments img{object-fit:contain}.ops-notifications{margin-inline-start:auto;position:relative}.ops-notification-list{inset-inline-end:0;z-index:40;width:min(350px,85vw);max-height:65vh;padding:20px;position:absolute;top:48px;overflow:auto;box-shadow:0 15px 45px #183b3320}.ops-notification{text-align:start;border:0;border-bottom:1px solid var(--line);cursor:pointer;background:0 0;width:100%;padding:13px;display:block}.ops-notification.unread{background:var(--mint)}.ops-notification small{color:var(--muted);margin-top:6px;font-size:10px;display:block}.ops-notification-list h2{font-size:17px}.ops-notification-list p{font-size:11px;line-height:1.6}.ops-warning{color:#a65e28!important}.ops-title small{font-size:11px}.ops-hero-preview{margin:10px 0}.ops-module .notice{font-size:13px}.ops-header-extra{align-items:center;gap:12px;display:flex}@media (max-width:1100px){.ops-form{grid-template-columns:repeat(2,minmax(0,1fr))}.ops-settlement-row{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:700px){.ops-columns{grid-template-columns:1fr}.ops-box{padding:18px}.ops-form,.ops-filters{grid-template-columns:1fr}.ops-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.ops-stats>div{padding:15px}.ops-stats strong{font-size:19px}.ops-settlement-row{grid-template-columns:repeat(2,minmax(0,1fr))}.ops-matches>button{flex-wrap:wrap}.ops-title{align-items:flex-start}.ops-title h2{font-size:20px}.ops-notifications>.btn{padding:8px;font-size:10px}.ops-matches{padding:5px}.ops-bill-row{padding:12px}}.scan-file{cursor:pointer;position:relative;overflow:hidden}.scan-file input[type=file]{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.scan-file:has(input:disabled){opacity:.5;cursor:default}.scan-file:focus-within{outline:2px solid var(--green);outline-offset:3px}.ocr-text{white-space:pre-wrap;overflow-wrap:anywhere;background:#f4f6ef;max-height:300px;padding:15px;font-size:12px;overflow:auto}.ocr-source{object-fit:contain;border:1px solid var(--line);border-radius:6px;max-width:100%;max-height:300px;margin:15px auto;display:block}.finance-totals>div{border-bottom:1px solid var(--line);justify-content:space-between;gap:15px;padding:12px 0;font-size:12px;display:flex}.finance-totals dd{text-align:end;white-space:nowrap;font-weight:650}.finance-chart{align-items:flex-end;gap:8px;min-height:180px;padding:10px 0;display:flex;overflow-x:auto}.finance-bar-column{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:8px;min-width:26px;display:flex}.finance-bar{background:var(--green);border-radius:4px 4px 0 0;width:100%;max-width:42px;display:block}.finance-bar-column small{color:var(--muted);font-size:8px}.ops-box details{margin-block:12px;font-size:12px}.ops-box summary{cursor:pointer;font-weight:600}.statistics-choice{z-index:60;bottom:16px;background:#fff;border:1px solid #dce3d5;border-radius:8px;justify-content:center;align-items:center;gap:14px;padding:14px 18px;font-size:12px;display:flex;position:fixed;inset-inline:20px;box-shadow:0 8px 35px #2346371a}.statistics-choice button{cursor:pointer;background:#f3f6ed;border:1px solid #dce3d5;border-radius:5px;padding:8px 15px}.statistics-preferences{color:#6f7d68;cursor:pointer;background:0 0;border:0;margin:0 auto;padding:15px;font-size:10px;display:block}.shop-statistics{padding-bottom:10px}@media (max-width:600px){.statistics-choice{bottom:10px;flex-wrap:wrap;inset-inline:10px}.statistics-choice span{text-align:center;width:100%;font-size:11px}.finance-totals>div{font-size:11px}.finance-chart{gap:5px}.ops-inline .scan-file{width:100%}}.budget-month{font-weight:600}.ops-inline.budget-controls{align-items:end;margin-block-end:0}.budget-controls>.field{flex:0 20rem;min-inline-size:min(100%,10rem);margin-block-end:0}.hero-photo-options{flex-wrap:wrap;gap:.75rem;margin-block:.75rem;display:flex}.hero-photo-options button{justify-items:center;gap:.35rem;display:grid}.hero-photo-options button[aria-pressed=true]{outline:2px solid var(--green);outline-offset:2px}.hero-photo-options img{object-fit:contain;border-radius:.45rem}.supplier-directory th[scope=row]{font-weight:700}.supplier-directory tbody :is(th,td){vertical-align:middle}.bill-match-panel .field{max-inline-size:30rem;margin-block:.5rem}.bill-match-panel>button{border:1px solid var(--line);border-radius:.65rem}.bill-match-panel>button>span:first-of-type{min-inline-size:0}.bill-match-panel>button>span:last-child{color:var(--green);font-size:.82rem;font-weight:700}.bill-match-panel>p{margin:.3rem 0}.courier-section-heading,.courier-settlement-intro,.courier-reconciliation{flex-wrap:wrap;align-items:center;gap:.75rem 1rem;display:flex}.courier-section-heading{justify-content:space-between;margin-block:1rem .5rem}.courier-section-heading h3{margin:0}.courier-settlement-intro,.courier-reconciliation,.courier-settlement-hint{background:var(--workspace-soft);border:1px solid var(--line);border-radius:.75rem;padding:.85rem 1rem}.courier-import{margin-block:.75rem}.courier-import summary{cursor:pointer;font-weight:650}.courier-reconciliation small{flex-basis:100%}.courier-workspace .ops-settlement-row .field{margin-block-end:0}.courier-save{justify-content:flex-end}
.guided-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,18rem),1fr));gap:1rem;display:grid}.guided-card{color:#18382d;text-align:start;background:#fff;border:1px solid #d4dfd9;border-radius:1rem;justify-content:flex-start;align-items:flex-start;gap:1rem;min-block-size:5rem;padding:1.25rem;display:flex}.guided-card:hover{background:#f2f9f5}.guided-card svg{flex:none}.guided-card strong,.guided-card small{display:block}.guided-card strong{font-size:1.125rem}.guided-card small{font-weight:700}.guided-mode{flex-wrap:wrap;gap:.5rem;margin-block-end:1rem;display:flex}.guided-mode button,.guided-back{min-block-size:44px}.guided-more>summary,.field-help>summary{cursor:pointer;min-block-size:44px;padding:.65rem}.guided-more[open]>summary{margin-block-end:.5rem}.field-help{margin-block:.35rem}.field-help>summary{border:1px solid #d4dfd9;border-radius:.5rem;place-items:center;min-inline-size:44px;font-weight:700;display:inline-grid}.field-help p{margin-block:.35rem}.guided-card:focus-visible,.guided-more>summary:focus-visible,.field-help>summary:focus-visible{outline-offset:3px;outline:3px solid #166a53}
.support-thread{gap:.65rem;max-block-size:65vh;margin-block:1rem;padding:0;list-style:none;display:grid;overflow:auto}.support-thread li{box-sizing:border-box;color:#283e35;background:#f4f1e9;border-radius:.75rem;width:min(100%,38rem);padding:.75rem 1rem}.support-thread li.support-staff{background:#e6f1ea;justify-self:end}.support-thread li>div{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem 1rem;display:flex}.support-thread time{font-size:.8rem}.support-thread p{white-space:pre-wrap;overflow-wrap:anywhere;color:inherit;margin:.35rem 0 0}.support-list{gap:.5rem;margin-block:.75rem;display:grid}.support-list button{text-align:start;color:#264535;overflow-wrap:anywhere;background:#f8faf6;border:1px solid #d9e4db;border-radius:.6rem;gap:.25rem;min-block-size:44px;padding:.65rem .85rem;display:grid}.support-list button:hover{background:#eef5ec}.support-page>.shop-panel,.support-page>.shop-two-columns{margin-block:1rem}.support-page textarea,.ops-module .support-thread+form textarea{min-block-size:6rem}.support-page details>summary{cursor:pointer}.support-product{color:#264535;background:#f8faf6;border:1px solid #d9e4db;border-radius:.65rem;align-items:center;gap:.75rem;width:fit-content;max-width:100%;margin-block:.65rem;padding:.6rem .85rem;display:flex}a.support-product:hover{background:#eef5ec}.support-product img{object-fit:cover;border-radius:.4rem}.support-product span{gap:.2rem;display:grid}.support-product strong{overflow-wrap:anywhere}
.order-dashboard{background:linear-gradient(120deg,#f0f6f0,#fffaf1);border-color:#dbe5db;margin-block-end:1.25rem;padding:clamp(1rem,3vw,1.6rem)}.order-dashboard-heading,.order-range{flex-wrap:wrap;align-items:end;gap:.75rem;display:flex}.order-dashboard-heading{justify-content:space-between;margin-block-end:1rem}.order-dashboard-heading h2{margin:0}.order-dashboard-heading p{margin-block:.35rem 0}.order-range label{margin:0}.order-stat-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,8rem),1fr));gap:.75rem;display:grid}.order-stat{color:#263f37;text-align:start;background:#fff;border:1px solid #d8e4dc;border-radius:1rem;place-content:start stretch;justify-items:start;gap:.35rem;min-block-size:7rem;padding:1rem;display:grid;position:relative}.order-stat:hover:not(:disabled){background:#f9fcfa;border-color:#688c7d}.order-stat:disabled{cursor:default}.order-stat strong{font-size:1.7rem;line-height:1.15}.order-stat-icon{color:#245e49;background:#e4eee6;border-radius:.55rem;padding:.38rem;display:inline-flex}.order-stat-new .order-stat-icon{color:#824a15;background:#fff0d5}.order-stat-dispatched .order-stat-icon{color:#2c547d;background:#e7effa}.order-stat-closed .order-stat-icon{color:#634d72;background:#efe9f4}.order-stat-arrow{position:absolute;inset-block-start:1rem;inset-inline-end:1rem}.order-header-tools{align-items:center;gap:.45rem;display:flex}.order-alert-menu{position:relative}.order-header-button{cursor:pointer;color:#24513f;background:#fff;border:1px solid #d3dfd6;border-radius:.75rem;justify-content:center;align-items:center;gap:.35rem;min-block-size:44px;min-inline-size:44px;padding:0 .5rem;list-style:none;display:flex;position:relative}.order-header-button::-webkit-details-marker{display:none}.order-header-button:hover{background:#edf5ef}.order-badge{font-variant-numeric:tabular-nums;white-space:nowrap;color:#fff;text-align:center;background:#ab2636;border-radius:1rem;place-items:center;min-block-size:1.25rem;min-inline-size:1.25rem;padding:.15rem .28rem;font-size:.72rem;font-weight:800;line-height:1;display:inline-grid}.order-risk-pulse .order-badge{animation:.75s ease-out 3 order-alert-pulse}@keyframes order-alert-pulse{0%{box-shadow:0 0 #ab263688}to{box-shadow:0 0 0 .45rem #ab263600}}@media (prefers-reduced-motion:reduce){.order-risk-pulse .order-badge{animation:none}}.order-alert-dropdown{z-index:30;width:min(21rem,100vw - 2rem);max-height:65vh;padding:1rem;position:absolute;inset-block-start:calc(100% + .6rem);inset-inline-end:0;overflow:auto;box-shadow:0 .6rem 2rem #223b3429}.order-alert-dropdown h2{margin-block-start:0;font-size:1rem}.order-alert-item{color:#69222d;text-align:start;background:#fff6f6;border:1px solid #f1d4d9;border-radius:.55rem;gap:.15rem;width:100%;margin-block-end:.4rem;padding:.6rem;display:grid}.order-alert-item:hover{background:#fce7e9}.ops-table tr.order-due td{background:#fff5f3}.ops-table tr.order-overdue td{background:#fce6e7}.order-due td:last-child strong,.order-overdue td:last-child strong{color:#8d2636}.order-policy{margin-block:.5rem}@media (max-width:650px){.topbar:has(.order-header-tools){position:relative}.order-alert-menu{position:static}.order-alert-dropdown{inset-inline-end:.5rem}.topbar .top-actions .country{display:none}}.order-header-button>svg{flex:none}.order-risk-pulse{display:inline-flex}@media (max-width:420px){.topbar:has(.order-header-tools){gap:.5rem;padding-inline:.75rem}.topbar:has(.order-header-tools) .breadcrumb{display:none}}.dashboard-period,.dashboard-finance-controls{flex-wrap:wrap;align-items:center;gap:.75rem 1.5rem;padding:1rem clamp(1rem,3vw,1.6rem);display:flex}.dashboard-period{justify-content:space-between;margin-block-end:1rem}.dashboard-period h2,.dashboard-finance-controls h2{margin:0;font-size:1.125rem}.dashboard-finance-controls h2{margin-inline-end:auto}.order-range>.field{margin-block-end:0}.dashboard-period .order-range .btn{min-block-size:2.75rem}.order-workspace-back{justify-self:start}.order-workspace-header{border-block-start:3px solid var(--green);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem 1.5rem;display:flex}.order-workspace-header .ops-inline{margin:0}.order-workspace-identity{align-items:center;gap:.9rem;display:flex}.order-workspace-identity h2{margin:0 0 .25rem;font-size:clamp(1.55rem,3vw,2.2rem)}.order-workspace-mark,.order-event-icon,.order-payment-list li>svg{background:var(--mint);color:var(--green);border-radius:.65rem;flex:none;place-items:center;display:grid}.order-workspace-mark{block-size:3rem;inline-size:3rem}.order-workspace-status{flex:0 0 100%;grid-template-columns:repeat(auto-fit,minmax(min(100%,9rem),1fr));gap:.75rem;margin:0;display:grid}.order-workspace-status>div{border:1px solid var(--line);background:var(--workspace-soft);border-radius:.65rem;padding:.75rem .9rem}.order-workspace-status dt,.order-workspace-identity time,.order-workspace-history :is(small,time){color:var(--muted);font-size:.8rem}.order-workspace-status dd{margin:.25rem 0 0;font-weight:750}.order-workspace-overview,.order-workspace-history{align-items:start}.order-workspace-contact{overflow-wrap:anywhere;justify-items:start;gap:.45rem;font-style:normal;display:grid}.order-workspace-totals>div{border-block-start:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;gap:.35rem 1rem;padding-block:.65rem;display:flex}.order-workspace-totals dd{margin:0;font-weight:700}.order-payment-list,.order-event-list{margin:0;padding:0;list-style:none}.order-payment-list li,.order-event-list li{border-block-start:1px solid var(--line);align-items:flex-start;gap:.75rem;padding-block:.8rem;display:flex}.order-payment-list li>div,.order-event-list li>div{overflow-wrap:anywhere;flex:1;gap:.22rem;min-width:0;display:grid}.order-payment-list bdi{white-space:nowrap;font-weight:750}.order-payment-list li>svg{box-sizing:content-box;padding:.48rem}.order-event-icon{block-size:2rem;inline-size:2rem}.order-event-list p{margin:0}.order-progress{grid-template-columns:repeat(auto-fit,minmax(min(100%,7.5rem),1fr));gap:.55rem;margin:0 0 1rem;padding:0;list-style:none;display:grid}.order-progress li{border-block-start:3px solid var(--line);color:var(--muted);align-content:start;justify-items:start;gap:.55rem;padding:.75rem;font-size:.85rem;display:grid}.order-progress li>span{background:var(--workspace-soft);border-radius:50%;place-items:center;block-size:1.75rem;inline-size:1.75rem;display:grid}.order-progress li[data-complete],.order-progress li[aria-current=step]{border-color:var(--green);color:var(--ink)}.order-progress li[aria-current=step]{background:var(--mint);border-radius:0 0 .65rem .65rem;font-weight:750}.order-next-actions{flex-wrap:wrap;gap:.65rem;display:flex}.order-action-confirm{border:1px solid var(--line);border-radius:.65rem;flex:0 0 100%;padding:.85rem}.order-tracking-tools{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.order-tracking-tools input{flex:16rem;min-width:0}.order-payment-guidance{background:var(--workspace-soft);border-radius:.65rem;align-items:center;gap:.65rem;padding:.75rem;display:flex}.order-payment-guidance svg{color:var(--green);flex:none}.order-payment-fields{grid-template-columns:repeat(auto-fit,minmax(min(100%,13rem),1fr));gap:.85rem;margin-block:1rem;display:grid}.order-payment-fields .field{margin:0}.order-payment-note{grid-column:1/-1}:is(.guided-grid,.overview-finance)+.order-dashboard,.overview-finance+.guided-grid{margin-block-start:1.25rem}
.design-preview{border:1px solid #d4dfd9;border-radius:1rem;margin-block:1rem;padding:1rem}.design-preview header{align-items:center;gap:.75rem;margin-block-end:1rem;font-size:1.5rem;display:flex}.design-preview header img{object-fit:contain;max-width:120px;max-height:54px}.design-preview-heroes{grid-template-columns:repeat(auto-fit,minmax(min(100%,15rem),1fr));gap:.75rem;margin-block-start:1rem;display:grid}.design-hero{color:#24453a;background:#e9eedf;border-radius:.75rem;gap:.5rem;padding:.75rem;display:grid}.design-hero.tone-sand{background:#f4e7d4}.design-hero.tone-stone{background:#ece8e5}.design-hero img{object-fit:contain;width:100%;height:10rem}.design-hero span{border-radius:.4rem;justify-self:start;padding:.35rem .7rem}.design-preview[data-shop-theme=baby] .design-hero{background-color:#f4e3f2;background-image:radial-gradient(circle,#ffffff70 1.5px,#0000 2px);background-size:18px 18px;border-radius:1.25rem}.design-preview[data-shop-theme=baby] .design-hero.tone-sand{background-color:#fde8d8}.design-preview[data-shop-theme=baby] .design-hero.tone-stone{background-color:#dff2e8}
.app-shell{--ink:#17213b;--muted:#52617a;--paper:#eef2fa;--line:#d4ddee;--white:#fff;--mint:#e7edff;--green:#344cc5;--gold:#ffc26d;--workspace-action:#3d4bc7;--workspace-action-hover:#2d39aa;--workspace-soft:#f6f8ff;--workspace-nav:#151e3a;--workspace-nav-end:#242d57;--workspace-nav-text:#ced9f9;--workspace-nav-active:#4a59d4;--workspace-banner:#273caa;--workspace-banner-end:#6240b4;--workspace-highlight:#79dbc7;--workspace-shadow:0 8px 26px #20396312;--workspace-danger-bg:#ffe9ec;--workspace-danger-ink:#952840;--workspace-success-bg:#daf4e8;--workspace-success-ink:#185f48;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:var(--ink);background:var(--paper)}.app-shell[data-workspace-theme=baby]{--workspace-action:#843a8d;--workspace-action-hover:#6a2673;--workspace-nav:#2a1838;--workspace-nav-end:#482549;--workspace-nav-active:#9a4294;--workspace-banner:#67247d;--workspace-banner-end:#a13e65;--workspace-highlight:#ffd084}.app-shell[data-workspace-theme=baby]:not([data-color-mode=dark]){--paper:#f8eff8;--line:#e4d4e8;--mint:#f3e2f5;--green:#813889;--workspace-soft:#fcf5fc}.app-shell[data-color-mode=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ink:#eef2ff;--muted:#afbdd9;--paper:#101626;--line:#35425c;--white:#1b2439;--mint:#2a385a;--green:#b2bcff;--workspace-soft:#212d46;--workspace-shadow:0 8px 26px #06091342;--workspace-danger-bg:#492333;--workspace-danger-ink:#ffb3c0;--workspace-success-bg:#153b35;--workspace-success-ink:#9de4c8}.app-shell[data-color-mode=dark][data-workspace-theme=baby]{--paper:#1c1625;--white:#2a2035;--workspace-soft:#352640;--line:#54415f;--mint:#482b50;--green:#f2baf2}.app-shell .sidebar{background:linear-gradient(165deg, var(--workspace-nav), var(--workspace-nav-end));color:#fff;border-color:#ffffff1c}.app-shell .sidebar .brand-symbol{background:var(--workspace-nav-active);box-shadow:0 0 0 1px #ffffff35}.app-shell .workspace-label,.app-shell .profile{border-color:#ffffff26}.app-shell .workspace-label{background:#ffffff0d}.app-shell .workspace-tag,.app-shell .profile .avatar{color:#fff;background:#fff2}.app-shell .nav-caption,.app-shell .profile small,.app-shell .profile button{color:var(--workspace-nav-text)}.app-shell .sidebar nav button{color:var(--workspace-nav-text);border-radius:.7rem}.app-shell .sidebar nav button:hover{color:#fff;background:#ffffff15}.app-shell .sidebar nav button.selected{background:var(--workspace-nav-active);color:#fff}.app-shell .sidebar .nav-dot,.app-shell .sidebar .tiny-dot{background:var(--workspace-highlight)}.app-shell .topbar{background:var(--white);gap:.65rem}.app-shell .top-actions{gap:clamp(.45rem,1.3vw,1.05rem)}.app-shell :is(.breadcrumb,.country,.language,.eyebrow){color:var(--muted)}.app-shell .breadcrumb strong,.app-shell .language select{color:var(--ink)}.app-shell .content{padding-block-start:clamp(1.25rem,3vw,2.25rem)}.workspace-toolbar,.workspace-appearance,.workspace-appearance label{flex-wrap:wrap;align-items:center;gap:.65rem;display:flex}.workspace-toolbar{flex-direction:row-reverse;justify-content:space-between;margin-block-end:1.1rem}.workspace-appearance label{font-size:.8rem;font-weight:650}.workspace-appearance select{width:auto}.workspace-toolbar .guided-mode{margin:0}.workspace-mode-toggle{border:1px solid var(--line);background:var(--white);min-block-size:44px;color:var(--ink);border-radius:.65rem;padding:0 .75rem;font-size:.8rem;font-weight:650}.workspace-mode-toggle[aria-pressed=true]{background:var(--mint);color:var(--green)}.app-shell .workspace-heading{isolation:isolate;background:var(--white);border:1px solid var(--line);box-shadow:var(--workspace-shadow);border-radius:1.2rem;margin-block-end:1.2rem;padding:clamp(1.25rem,3vw,2.25rem);position:relative;overflow:hidden}.app-shell .workspace-heading[data-home]{background:linear-gradient(115deg, var(--workspace-banner), var(--workspace-banner-end));color:#fff;border:0;min-block-size:12rem}.workspace-heading[data-home]:after{content:"";z-index:-1;pointer-events:none;background:repeating-radial-gradient(circle at 80% 28%,#0000 0 30px,#ffffff14 31px 32px);position:absolute;inset:0}.app-shell .workspace-heading h1{max-width:none;color:inherit;letter-spacing:-.025em;margin-block:.35rem .7rem;font-size:clamp(1.7rem,3.5vw,2.8rem);line-height:1.14}.app-shell .workspace-heading p{color:var(--muted);max-width:45rem;font-size:.9rem}.app-shell .workspace-heading[data-home] p{color:#eef1ff}.app-shell .workspace-heading[data-home] .eyebrow{color:var(--workspace-highlight)}.workspace-heading-kicker span{padding-inline:.35rem}.workspace-heading-mark{display:none}.workspace-heading[data-home] .workspace-heading-mark{aspect-ratio:1;inline-size:clamp(3rem,9vw,6.5rem);color:var(--workspace-highlight);background:#ffffff1c;border:1px solid #fff5;border-radius:1.45rem;flex:none;place-items:center;display:grid;transform:rotate(-8deg)}.workspace-heading-mark svg{width:50%;height:50%}[dir=rtl] .app-shell .workspace-heading h1{letter-spacing:normal}.app-shell :is(.panel,.balance-stats>div){background:var(--white);border-color:var(--line);box-shadow:var(--workspace-shadow);border-radius:1rem}.app-shell .panel :is(h2,h3){color:var(--ink)}.app-shell .primary,.app-shell .primary:hover{background:var(--workspace-action);border-color:var(--workspace-action);color:#fff}.app-shell .primary:hover:not(:disabled){background:var(--workspace-action-hover);border-color:var(--workspace-action-hover)}.app-shell .secondary{background:var(--white);border-color:var(--line);color:var(--ink)}.app-shell .secondary:hover:not(:disabled),.app-shell .order-header-button:hover{background:var(--mint);color:var(--green)}.app-shell .order-header-button{background:var(--white);border-color:var(--line);color:var(--green)}.app-shell :is(input:not([type=checkbox]):not([type=radio]),select,textarea){color:var(--ink);background:var(--workspace-soft);border-color:var(--line)}.app-shell .language select{background:0 0}.app-shell :is(input,textarea)::placeholder{color:var(--muted)}.app-shell :is(.field>span,.checkbox,.preview-bank,.form-footer>span){color:var(--ink)}.app-shell :is(th,.ops-table th,.helper,.catalog-empty p){color:var(--muted)}.app-shell :is(td,.ops-table td){color:var(--ink);border-color:var(--line)}.app-shell tbody tr:hover>td{background-color:var(--workspace-soft)}.app-shell .order-dashboard{background:var(--white);border-color:var(--line)}.app-shell .order-stat,.app-shell .guided-card{background:var(--white);color:var(--ink);border-color:var(--line);box-shadow:var(--workspace-shadow);transition:transform .15s,border-color .15s,background-color .15s}.app-shell :is(.order-stat,.guided-card):hover:not(:disabled){border-color:var(--task-color,var(--green));background:var(--workspace-soft);transform:translateY(-2px)}.app-shell :is(.order-stat,.guided-card){--task-color:#4b54ce;--task-bg:#e8eaff}.app-shell :is(.order-stat-new,.guided-card[data-task=new]){--task-color:#a04b13;--task-bg:#ffead2}.app-shell :is(.order-stat-dispatched,.guided-card[data-task=courier]){--task-color:#2153ac;--task-bg:#e3eeff}.app-shell :is(.order-stat-delivered,.guided-card[data-task=receive]){--task-color:#157252;--task-bg:#d9f4e8}.app-shell :is(.order-stat-closed,.guided-card[data-task=scan]){--task-color:#7b398f;--task-bg:#f2e4fc}.app-shell .guided-card[data-task=product]{--task-color:#8e3161;--task-bg:#fce3ef}.app-shell .order-stat .order-stat-icon,.app-shell .guided-card>svg{background:var(--task-bg);color:var(--task-color);border-radius:.65rem}.app-shell .guided-card>svg{box-sizing:content-box;padding:.55rem}.app-shell .guided-card small,.app-shell .order-stat-arrow{color:var(--muted)}.app-shell :is(.ops-bill-row,.ocr-text,.variant-editor,.exception-row,.preview-receipt,.bank-rib,.segmented,.product-placeholder,.variant-chip,.photo-card>img,.opening-match.selected){background:var(--workspace-soft);border-color:var(--line)}.app-shell :is(.ops-matches,.ops-matches>button,.search-field,.catalog-empty,.photo-main,.segmented button.selected){background:var(--white);color:var(--ink)}.app-shell :is(.ops-matches>button,.segmented button,.variant-chip,.variant-metrics>span,.text-button){color:var(--ink)}.app-shell :is(.ops-matches>button,.variant-metrics>span){border-color:var(--line)}.app-shell :is(.ops-matches>button:hover,.opening-match.selected,.preview-receipt>.icon-box,.whatsapp-preview,.icon-box,.ops-badge,.ops-badges>span,.segmented button.selected){background:var(--mint);color:var(--green)}.app-shell :is(.support-thread li,.support-list button,.support-product){background:var(--workspace-soft);color:var(--ink);border-color:var(--line)}.app-shell :is(.support-thread li.support-staff,.support-list button:hover,a.support-product:hover){background:var(--mint)}.app-shell :is(.notice.error,.order-alert-item,.order-alert-item:hover,.ops-table tr.order-due td,.ops-table tr.order-overdue td){background:var(--workspace-danger-bg);color:var(--workspace-danger-ink);border-color:color-mix(in srgb, var(--workspace-danger-ink) 25%, var(--workspace-danger-bg))}.app-shell .ops-table :is(.order-due,.order-overdue) td:last-child strong{color:var(--workspace-danger-ink)}.app-shell .notice.success{background:var(--workspace-success-bg);color:var(--workspace-success-ink);border-color:color-mix(in srgb, var(--workspace-success-ink) 25%, var(--workspace-success-bg))}.app-shell[data-color-mode=dark] :is(.ops-warning,.inline-error){color:#ffbe9d!important}.app-shell :is(button,a,summary,input,select,textarea):focus-visible{outline-color:var(--green)}.app-shell .sidebar :is(button,a):focus-visible{outline-color:var(--workspace-highlight)}.auth .auth-story{background:linear-gradient(145deg,#202e73,#593995)}.auth .auth-side{background:#eef2fa}.auth .auth-card .primary{background:#3d4bc7;border-color:#3d4bc7}@media (max-width:720px){.workspace-toolbar{flex-direction:column;align-items:flex-start}.workspace-heading[data-home] .workspace-heading-mark{display:none}}@media (max-width:420px){.app-shell .top-actions{gap:.35rem}.app-shell .topbar .language select{width:3.4rem}.app-shell .topbar .language>svg{display:none}}.workspace-help-label{color:var(--ink);align-items:center;gap:.45rem;font-size:.8rem;font-weight:650;display:flex}.workspace-help-label>label{min-width:0}.workspace-help-button{border:1px solid var(--line);block-size:1.8rem;inline-size:1.8rem;color:var(--green);background:var(--mint);cursor:pointer;border-radius:50%;flex:none;place-items:center;padding:0;font-weight:750;line-height:1;display:inline-grid}.workspace-help-disclosure:has(.workspace-help-text:popover-open) .workspace-help-button{border-color:var(--green)}.workspace-help-disclosure>.workspace-help-text{box-sizing:border-box;border:1px solid var(--line);border-inline-start:2px solid var(--green);background:var(--workspace-soft,var(--mint));width:min(320px,100vw - 24px);color:var(--ink);border-radius:.35rem;margin:0;padding:.6rem .75rem;font-size:.82rem;font-weight:400;line-height:1.55;position:fixed;inset:auto;overflow:auto;box-shadow:0 .45rem 1.4rem #0003}.app-shell .workspace-section-help{color:var(--muted);margin:-.3rem 0 1rem;font-size:.86rem}.workspace-choice-help{min-width:0}.app-shell .ops-filters{align-items:end}.app-shell :is(.ops-filters,.catalog-filters,.member-controls)>.workspace-help-field{margin:0}.app-shell{scrollbar-color:#7e8bc1 var(--paper)}.app-shell[data-workspace-theme=baby]{scrollbar-color:#a370a3 var(--paper)}.app-shell[data-color-mode=dark]{scrollbar-color:#7888b7 var(--paper)}.app-shell :is(.ops-table,.table-wrap,.support-thread,.order-alert-dropdown,.ocr-text){scrollbar-width:thin}.app-shell .sidebar nav{scrollbar-width:thin;scrollbar-color:#8998cf var(--workspace-nav)}html:has(body .app-shell){scrollbar-color:#7e8bc1 #eef2fa}html:has(body .app-shell[data-color-mode=dark]){scrollbar-color:#7888b7 #101626}html:has(body .storefront){scrollbar-color:#a77b9a #f3e9ef}.receiving-wizard header{color:#fff;background:linear-gradient(110deg, var(--workspace-banner), var(--workspace-banner-end));border-radius:.85rem;margin:-1rem -1rem 1rem;padding:1.4rem}.receiving-wizard header small{color:#f3e8ff}.app-shell .receiving-wizard header h2{color:#fff;margin:.35rem 0 0}.receiving-steps{flex-wrap:wrap;gap:.55rem;margin:0 0 1rem;padding:0;list-style:none;display:flex}.receiving-steps li{background:var(--workspace-soft);border-radius:2rem;align-items:center;gap:.45rem;padding:.55rem .75rem;display:flex}.receiving-steps li[aria-current=step]{background:var(--mint);color:var(--green);font-weight:750}.receiving-line{border-bottom:1px solid var(--line);gap:.35rem;padding:.8rem 0;display:grid}.receiving-line .field{margin-block-end:.45rem}.receiving-matches{gap:.5rem;display:grid}.receiving-match{text-align:start;border:1px solid var(--line);color:var(--ink);background:var(--workspace-soft);border-radius:.55rem;justify-content:flex-start;align-items:center;gap:.75rem;padding:.55rem;display:flex}.receiving-match img{object-fit:contain;border-radius:.4rem;flex:none}.receiving-match small{display:block}
