.client-portal-nav{display:flex;align-items:center;gap:5px;margin:24px 0 5px;padding:5px;width:max-content;max-width:100%;border:1px solid var(--line);border-radius:11px;background:#fff;overflow-x:auto}.client-portal-nav a{display:flex;align-items:center;gap:7px;padding:10px 14px;border-radius:8px;color:#597069;font-weight:750;white-space:nowrap}.client-portal-nav a:hover,.client-portal-nav a.active{background:#e8f8f2;color:var(--green-dark)}.stat-grid>a{background:#fff;border:1px solid var(--line);border-radius:14px;padding:22px}.stat-grid>a:hover{border-color:#8bcfb6;box-shadow:var(--shadow)}.stat-grid>a strong{display:block;color:var(--green);font-size:30px}.stat-grid>a span{color:var(--muted)}.panel-heading-row{display:flex;justify-content:space-between;align-items:center;gap:12px}.panel-heading-row h2{margin:0}.panel-heading-row a{color:var(--green-dark);font-size:12px;font-weight:800}
.orders-hub{max-width:1160px;margin:auto;padding:45px 20px 90px}.orders-attention{display:flex;align-items:center;gap:13px;margin:22px 0 0;padding:15px 17px;border:1px solid #f0c77e;border-radius:11px;background:#fff9ed;color:#83520c}.orders-attention>i{font-size:25px}.orders-attention div{display:grid;gap:3px}.orders-attention span{font-size:12px;color:#7d6848}.orders-toolbar{display:flex;justify-content:space-between;align-items:end;gap:16px;margin:28px 0 16px}.orders-tabs{display:flex;gap:7px}.orders-tabs>a{display:flex;align-items:center;gap:8px;padding:11px 14px;border:1px solid var(--line);border-radius:9px;background:#fff;color:#5c716a;font-weight:800}.orders-tabs>a.active{border-color:var(--green);background:#eaf8f2;color:var(--green-dark)}.orders-tabs span{min-width:22px;height:22px;border-radius:11px;display:grid;place-items:center;background:#eef4f2;font-size:11px}.orders-toolbar form{display:flex;align-items:center;gap:9px}.orders-toolbar label{font-size:12px;color:var(--muted);font-weight:700}.orders-toolbar select{height:42px;min-width:170px;border:1px solid var(--line);border-radius:9px;background:#fff;padding:0 11px;color:var(--ink)}.orders-list{display:grid;gap:13px}.seller-order-card{background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden}.seller-order-top{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:13px 17px;background:#f7faf9;border-bottom:1px solid var(--line)}.seller-order-top>div{display:flex;align-items:center;gap:11px}.seller-order-top>div>span{font-size:12px;font-weight:900}.seller-order-top small{color:var(--muted);font-size:11px}.order-state{display:flex;align-items:center;gap:6px;padding:6px 9px;border-radius:13px;background:#edf3f1;color:#50665f;font-size:11px;font-weight:800}.state-funded,.state-released{background:#e4f7ee;color:#126a43}.state-payment_failed,.state-disputed{background:#fff0f1;color:#a82936}.state-release_requested{background:#fff6e8;color:#8a5a11}.seller-order-body{padding:16px}.seller-order-product{display:grid;grid-template-columns:72px 1fr;gap:13px;align-items:center}.seller-order-product>div{width:72px;height:65px;border-radius:8px;background:#edf4f1;display:grid;place-items:center;overflow:hidden;color:var(--muted);font-size:25px}.seller-order-product img{width:100%;height:100%;object-fit:cover}.seller-order-product p{display:grid;gap:4px;margin:0}.seller-order-product p strong{font-size:16px}.seller-order-product p span,.seller-order-product p small{color:var(--muted);font-size:12px}.order-progress-mini{display:grid;grid-template-columns:repeat(5,1fr);gap:5px;margin:18px 0}.order-progress-mini span{position:relative;padding-top:12px;color:#93a39e;font-size:10px;text-align:center;border-top:3px solid #dce7e3}.order-progress-mini span.done{border-color:var(--green);color:var(--green-dark);font-weight:800}.seller-order-action{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:13px 14px;border-radius:9px;background:#f4f8f6}.seller-order-action>div{display:grid;gap:4px}.seller-order-action strong{font-size:12px}.seller-order-action strong i{color:#d18617}.seller-order-action span{color:var(--muted);font-size:11px;line-height:1.4}.seller-order-action>a{display:flex;align-items:center;gap:7px;flex:0 0 auto;padding:9px 12px;border-radius:8px;background:var(--green);color:#fff;font-size:12px;font-weight:800}.orders-empty{display:grid;justify-items:center;text-align:center;padding:70px 20px;border:1px dashed #b9cec6;border-radius:14px;background:#fff;color:var(--muted)}.orders-empty>i{font-size:48px;color:#83ac9d}.orders-empty h2{margin:15px 0 5px;color:var(--ink)}.orders-empty p{max-width:430px;line-height:1.55}.orders-empty a{margin-top:11px;padding:11px 16px;border-radius:9px;background:var(--green);color:#fff;font-weight:800}.order-role-banner{display:flex;align-items:flex-start;gap:13px;margin:-5px 0 18px;padding:15px 17px;border:1px solid #b9ddcf;border-radius:11px;background:#f0faf6}.order-role-banner.action{border-color:#edc778;background:#fff9eb}.order-role-banner>i{font-size:23px;color:var(--green)}.order-role-banner.action>i{color:#ca7e10}.order-role-banner div{display:grid;gap:4px}.order-role-banner span{color:var(--muted);font-size:12px;line-height:1.5}
@media(max-width:700px){.orders-hub{padding:27px 12px 78px}.client-portal-nav{width:100%}.client-portal-nav a{flex:1;justify-content:center}.orders-toolbar{align-items:stretch;flex-direction:column}.orders-tabs{display:grid;grid-template-columns:1fr 1fr}.orders-tabs>a{justify-content:center}.orders-toolbar form{justify-content:space-between}.orders-toolbar select{flex:1;min-width:0}.seller-order-top{align-items:flex-start;flex-direction:column}.seller-order-top>div{width:100%;justify-content:space-between}.seller-order-product{grid-template-columns:62px 1fr}.seller-order-product>div{width:62px;height:59px}.seller-order-action{align-items:stretch;flex-direction:column}.seller-order-action>a{justify-content:center}.order-progress-mini span{font-size:8px}.orders-attention{align-items:flex-start}.order-role-banner{margin-top:0}}
.settings-shell{max-width:1040px}.settings-grid{display:grid;grid-template-columns:230px 1fr;gap:18px;margin-top:28px}.settings-menu,.settings-card{background:#fff;border:1px solid var(--line);border-radius:14px}.settings-menu{align-self:start;padding:13px}.settings-menu>span{display:block;padding:8px 10px;color:#82938d;font-size:10px;font-weight:900;letter-spacing:.12em}.settings-menu>a{display:flex;align-items:center;gap:11px;padding:12px;border-radius:9px;color:#597069}.settings-menu>a.active{background:#e9f8f2;color:var(--green-dark)}.settings-menu>a>i{font-size:19px}.settings-menu a div{display:grid;gap:2px}.settings-menu small{color:var(--muted);font-size:10px}.settings-card{padding:28px}.settings-card-heading{display:flex;align-items:flex-start;gap:14px;padding-bottom:22px;border-bottom:1px solid var(--line)}.settings-card-heading h2{margin:0 0 7px;font-size:21px}.settings-card-heading p{max-width:600px;margin:0;color:var(--muted);font-size:13px;line-height:1.55}.mpesa-mark{width:44px;height:44px;flex:0 0 auto;display:grid;place-items:center;border-radius:12px;background:#35b54a;color:#fff;font-size:23px;font-weight:950}.payout-status{display:flex;gap:12px;margin:22px 0;padding:15px;border-radius:10px}.payout-status.ready{border:1px solid #a8ddc8;background:#effaf5}.payout-status.missing{border:1px solid #edcd8e;background:#fff9ed}.payout-status>i{font-size:23px;color:var(--green)}.payout-status.missing>i{color:#b8740d}.payout-status>div{display:grid;gap:4px}.payout-status span,.payout-status small{color:var(--muted);font-size:11px}.payout-form{display:grid;gap:12px;max-width:520px}.payout-form label{display:grid;gap:8px;font-size:13px;font-weight:800}.payout-form input{height:49px;border:1px solid #bed0c9;border-radius:9px;padding:0 13px;font-size:15px}.payout-form input:focus{outline:3px solid #d9f4e9;border-color:var(--green)}.payout-form label small{color:var(--muted);font-size:10px;font-weight:500}.payout-form .primary-button{width:max-content;min-width:190px;margin:0}.field-error{padding:10px;border-radius:8px;background:#fff0f1;color:#a82936;font-size:12px}.remove-payout{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:28px;padding-top:20px;border-top:1px solid var(--line)}.remove-payout>div{display:grid;gap:4px}.remove-payout span{color:var(--muted);font-size:11px}.remove-payout button{border:1px solid #d9a8ae;border-radius:8px;background:#fff;padding:9px 12px;color:#a82936;font-weight:800}.account-settings-link{display:grid;grid-template-columns:28px 1fr 15px;align-items:center;gap:9px;margin:18px 0;padding:12px;border:1px solid var(--line);border-radius:9px;color:var(--ink)}.account-settings-link>i:first-child{color:var(--green);font-size:18px}.account-settings-link span{display:grid;gap:2px}.account-settings-link small{color:var(--muted);font-size:10px}.account-settings-link>i:last-child{color:var(--muted)}.saved-payout-notice{display:flex;align-items:center;gap:10px;margin-bottom:12px;padding:12px;border:1px solid #b2dfce;border-radius:9px;background:#effaf5}.saved-payout-notice>i{color:var(--green);font-size:22px}.saved-payout-notice span{display:grid;gap:2px}.saved-payout-notice small{color:var(--muted);font-size:10px}.missing-payout-notice{display:flex;align-items:center;gap:12px;margin-top:18px;padding:14px;border:1px solid #edcd8e;border-radius:9px;background:#fff9ed}.missing-payout-notice>i{color:#b8740d;font-size:23px}.missing-payout-notice>div{display:grid;gap:3px}.missing-payout-notice span{color:var(--muted);font-size:11px}.missing-payout-notice>a{margin-left:auto;padding:9px 12px;border-radius:8px;background:var(--green);color:#fff;font-size:11px;font-weight:800}@media(max-width:700px){.settings-grid{grid-template-columns:1fr}.settings-menu{display:none}.settings-card{padding:20px}.settings-card-heading{align-items:flex-start}.remove-payout,.missing-payout-notice{align-items:flex-start;flex-direction:column}.missing-payout-notice>a{margin-left:0}.client-portal-nav a{min-width:max-content}}