:root{--c-bgScreen:#f6f6f8;--c-bgSurface:#fff;--c-bgSurfaceAlt:#eeedf1;--c-bgDisabled:#e6e5eb;--c-bgPrimary:#990213;--c-bgPrimaryPressed:#7d0210;--c-bgDanger:#e9c7cb;--c-bgWarning:#fbeace;--c-bgSuccess:#d5d7d1;--c-bgInfo:#cbd5da;--c-bgBrandDark:#700010;--c-bgDark:#231a1d;--c-textPrimary:#231a1d;--c-textSecondary:#6b6468;--c-textDisabled:#b3b3b7;--c-textOnPrimary:#fff;--c-textAccent:#990213;--c-textDanger:#7d0210;--c-textSuccess:#3f472f;--c-textInfo:#143f58;--c-borderDefault:#cfced4;--c-borderDivider:#e6e5eb;--c-borderFocus:#231a1d;--c-borderDanger:#7d0210;--c-iconPrimary:#231a1d;--c-iconSecondary:#6b6468;--c-iconOnPrimary:#fff;--c-iconAccent:#990213;--c-iconWarning:#976615;--c-iconSuccess:#3f472f;--c-iconInfo:#143f58;--c-iconDanger:#7d0210;--c-iconDisabled:#b3b3b7;--c-logoPrimary:#990213;--c-logoOnDark:#e6e5eb;--c-logoPattern:#92001b;--c-borderSelected:#990213;--space4:4px;--space8:8px;--space12:12px;--space16:16px;--space20:20px;--space24:24px;--space32:32px;--space40:40px;--space48:48px;--radiusSm:8px;--radiusMd:12px;--radiusLg:16px;--radiusSheet:24px;--radiusFull:999px}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%;margin:0}h1,h2,h3,p,ul,figure{margin:0}body{background:var(--c-bgScreen);color:var(--c-textPrimary);-webkit-font-smoothing:antialiased;font-family:Readex Pro,Tajawal,system-ui,sans-serif;font-size:16px;font-weight:300;line-height:26px}.t-screenTitle{font-size:22px;font-weight:600;line-height:32px}.t-sectionTitle{font-size:18px;font-weight:600;line-height:28px}.t-body{font-size:16px;font-weight:300;line-height:26px}.t-action{font-size:16px;font-weight:600;line-height:24px}.t-caption{font-size:14px;font-weight:300;line-height:22px}.t-captionStrong{font-size:14px;font-weight:600;line-height:22px}.t-note{font-size:12px;font-weight:300;line-height:18px}.t-badge{font-size:12px;font-weight:600;line-height:18px}.t-orderNumber{font-size:28px;font-weight:600;line-height:36px}.c-primary{color:var(--c-textPrimary)}.c-secondary{color:var(--c-textSecondary)}.c-accent{color:var(--c-textAccent)}.c-danger{color:var(--c-textDanger)}.c-success{color:var(--c-textSuccess)}.c-info{color:var(--c-textInfo)}.c-disabled{color:var(--c-textDisabled)}.btn{justify-content:center;align-items:center;gap:var(--space8);border-radius:var(--radiusMd);cursor:pointer;white-space:nowrap;border:1px solid #0000;font-family:inherit;font-weight:600;text-decoration:none;transition:background-color .12s;display:inline-flex}.btn-lg{height:52px;padding-inline:var(--space24);font-size:16px;line-height:24px}.btn-sm{height:40px;padding-inline:var(--space16);font-size:14px;line-height:22px}.btn-block{width:100%}.btn-primary{background:var(--c-bgPrimary);color:var(--c-textOnPrimary)}.btn-primary:hover:not(:disabled){background:var(--c-bgPrimaryPressed)}.btn-secondary{background:var(--c-bgSurface);color:var(--c-textPrimary);border-color:var(--c-borderDefault)}.btn-secondary:hover:not(:disabled){background:var(--c-bgSurfaceAlt)}.btn-text{color:var(--c-textAccent);background:0 0}.btn-text:hover:not(:disabled){background:var(--c-bgSurfaceAlt)}.btn:disabled{cursor:not-allowed}.btn-primary:disabled{background:var(--c-bgDisabled);color:var(--c-textDisabled)}.btn-secondary:disabled{background:var(--c-bgSurface);color:var(--c-textDisabled);border-color:var(--c-borderDivider)}.btn-text:disabled{color:var(--c-textDisabled);background:0 0}.btn:focus-visible{outline:2px solid var(--c-borderFocus);outline-offset:2px}.iconbtn{border-radius:var(--radiusFull);cursor:pointer;width:48px;height:48px;color:var(--c-iconPrimary);background:0 0;border:1px solid #0000;justify-content:center;align-items:center;display:inline-flex}.iconbtn-surface{background:var(--c-bgSurface);border-color:var(--c-borderDefault)}.iconbtn:hover{background:var(--c-bgSurfaceAlt)}.iconbtn:focus-visible{outline:2px solid var(--c-borderFocus);outline-offset:2px}.iconbtn-sm{border-radius:var(--radiusSm);width:32px;height:32px}.chip{height:36px;padding-inline:var(--space16);border-radius:var(--radiusFull);border:1px solid var(--c-borderDefault);background:var(--c-bgSurface);color:var(--c-textPrimary);cursor:pointer;align-items:center;gap:6px;font-family:inherit;font-size:14px;font-weight:600;line-height:22px;display:inline-flex}.chip-on{background:var(--c-bgPrimary);color:var(--c-textOnPrimary);border-color:#0000}.badge{height:24px;padding-inline:var(--space8);gap:var(--space4);border-radius:var(--radiusFull);align-items:center;font-size:12px;font-weight:600;line-height:18px;display:inline-flex}.badge-success{background:var(--c-bgSuccess);color:var(--c-textSuccess)}.badge-neutral{background:var(--c-bgSurfaceAlt);color:var(--c-textSecondary)}.badge-warning{background:var(--c-bgWarning);color:var(--c-iconWarning)}.badge-info{background:var(--c-bgInfo);color:var(--c-textInfo)}.badge-danger{background:var(--c-bgDanger);color:var(--c-textDanger)}.field{gap:var(--space8);flex-direction:column;display:flex}.field-label{color:var(--c-textPrimary);font-size:14px;font-weight:600;line-height:22px}.field-box{align-items:center;gap:var(--space8);height:52px;padding-inline:var(--space16);border-radius:var(--radiusMd);background:var(--c-bgSurface);border:1px solid var(--c-borderDefault);color:var(--c-iconSecondary);display:flex}.field-box:focus-within{border-color:var(--c-borderFocus)}.field-box input,.field-box select,.field-box textarea{min-width:0;color:var(--c-textPrimary);background:0 0;border:0;outline:0;flex:1;font-family:inherit;font-size:16px;font-weight:300;line-height:26px}.field-box input::placeholder{color:var(--c-textDisabled)}.field-error .field-box{border-color:var(--c-borderDanger)}.field-box[data-disabled=true]{background:var(--c-bgDisabled)}.field-note{color:var(--c-textSecondary);font-size:12px;line-height:18px}.field-error .field-note{color:var(--c-textDanger)}.field-area{height:auto;padding-block:var(--space12);align-items:flex-start}.field-area textarea{resize:vertical;min-height:72px}.switch{border-radius:var(--radiusLg);cursor:pointer;background:var(--c-borderDefault);border:0;align-items:center;width:52px;height:32px;padding:4px;transition:background-color .15s;display:inline-flex}.switch[data-on=true]{background:var(--c-bgPrimary)}.switch-knob{border-radius:var(--radiusFull);background:var(--c-bgSurface);width:24px;height:24px;transition:transform .15s}.switch[data-on=true] .switch-knob{transform:translate(-20px)}.switch:disabled{opacity:.5;cursor:not-allowed}.pwrule{align-items:center;gap:var(--space8);height:22px;font-size:14px;line-height:22px;display:flex}.pwrule-on{color:var(--c-textSuccess)}.pwrule-off{color:var(--c-textSecondary)}.card{background:var(--c-bgSurface);border:1px solid var(--c-borderDivider);border-radius:var(--radiusLg);gap:var(--space16);flex-direction:column;padding:40px 40px 32px;display:flex}.panel{background:var(--c-bgSurface);border:1px solid var(--c-borderDivider);border-radius:var(--radiusLg)}.banner{border-radius:var(--radiusMd);padding:var(--space12) var(--space16);align-items:flex-start;gap:10px;font-size:14px;line-height:22px;display:flex}.banner-danger{background:var(--c-bgDanger);color:var(--c-textDanger)}.banner-warning{background:var(--c-bgWarning);color:var(--c-iconWarning)}.banner-info{background:var(--c-bgInfo);color:var(--c-textInfo)}.banner-success{background:var(--c-bgSuccess);color:var(--c-textSuccess)}.banner-body{flex:1}.toasts{gap:var(--space8);z-index:60;flex-direction:column;align-items:center;display:flex;position:fixed;inset-block-end:var(--space24);inset-inline-start:50%;transform:translate(50%)}.toast{background:var(--c-bgDark);color:var(--c-textOnPrimary);border-radius:var(--radiusMd);padding:var(--space12) var(--space16);align-items:center;gap:var(--space8);font-size:14px;line-height:22px;display:flex;box-shadow:0 8px 24px #0000002e}.scrim{background:var(--c-bgDark);opacity:.5;z-index:50;position:fixed;inset:0}.modal-wrap{z-index:51;place-items:center;display:grid;position:fixed;inset:0}.modal{background:var(--c-bgSurface);border-radius:var(--radiusSheet);padding:var(--space24) var(--space24) 20px;gap:var(--space12);text-align:center;flex-direction:column;align-items:center;width:326px;display:flex}.modal-wide{text-align:start;align-items:stretch;width:520px}.empty{padding:var(--space24);align-items:center;gap:var(--space12);text-align:center;color:var(--c-textSecondary);flex-direction:column;display:flex}.skeleton{background:var(--c-bgSurfaceAlt);border-radius:var(--radiusSm);animation:1.2s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.55}}.spinner{color:var(--c-iconSecondary);animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.table{border-collapse:collapse;width:100%}.table th,.table td{text-align:start;padding:var(--space12) var(--space16);border-block-end:1px solid var(--c-borderDivider)}.table th{color:var(--c-textSecondary);font-size:14px;font-weight:600;line-height:22px}.table td{font-size:14px;line-height:22px}.table tbody tr:last-child td{border-block-end:0}.table tbody tr:hover{background:var(--c-bgScreen)}.search,.minidrop{align-items:center;gap:var(--space8);height:40px;padding-inline:var(--space12);border-radius:var(--radiusMd);background:var(--c-bgSurface);border:1px solid var(--c-borderDefault);color:var(--c-iconSecondary);font-size:14px;display:inline-flex}.search{width:280px}.search input{min-width:0;color:var(--c-textPrimary);background:0 0;border:0;outline:0;flex:1;font-family:inherit;font-size:14px}.minidrop select{color:var(--c-textPrimary);background:0 0;border:0;outline:0;font-family:inherit;font-size:14px}.pager{height:40px;color:var(--c-textSecondary);justify-content:space-between;align-items:center;font-size:14px;display:flex}.check{align-items:center;gap:var(--space12);cursor:pointer;display:inline-flex}.check-box{border-radius:var(--radiusSm);border:1px solid var(--c-borderDefault);background:var(--c-bgSurface);width:24px;height:24px;color:var(--c-textOnPrimary);flex:none;place-items:center;display:grid}.check input{opacity:0;width:0;height:0;position:absolute}.check input:checked+.check-box{background:var(--c-bgPrimary);border-color:#0000}.choicerow{align-items:center;gap:var(--space12);height:56px;padding-inline:var(--space16);background:var(--c-bgSurface);border:1px solid var(--c-borderDefault);border-radius:var(--radiusMd);cursor:pointer;text-align:start;width:100%;font-family:inherit;display:flex}.choicerow[data-on=true]{border-color:var(--c-borderSelected)}.codebox{border-radius:var(--radiusMd);background:var(--c-bgSurface);border:1px solid var(--c-borderDefault);place-items:center;width:64px;height:64px;font-size:22px;font-weight:600;display:grid}.codebox[data-state=نشطة]{border-color:var(--c-borderFocus)}.codebox[data-state=خطأ]{border-color:var(--c-borderDanger)}.price{align-items:center;gap:var(--space4);font-weight:600;display:inline-flex}.price-strike{color:var(--c-textSecondary);font-weight:300;text-decoration:line-through}.tab{height:48px;padding-inline:var(--space16);cursor:pointer;color:var(--c-textSecondary);border:0;background:0 0;border-block-end:2px solid #0000;font-family:inherit;font-size:16px;font-weight:600}.tab-on{color:var(--c-textAccent);border-block-end-color:var(--c-bgPrimary)}.mockbadge{align-items:center;gap:var(--space8);background:var(--c-bgWarning);color:var(--c-iconWarning);border:1px dashed var(--c-iconWarning);border-radius:var(--radiusMd);padding:var(--space8) var(--space12);font-size:12px;font-weight:600;line-height:18px;display:inline-flex}.row{align-items:center;gap:var(--space8);display:flex}.col{flex-direction:column;display:flex}.g2{gap:2px}.g4{gap:var(--space4)}.g6{gap:6px}.g8{gap:var(--space8)}.g10{gap:10px}.g12{gap:var(--space12)}.g16{gap:var(--space16)}.top{align-items:flex-start}.center{text-align:center;justify-content:center}.plain{padding:0;list-style:none}.clip{overflow:hidden}.grow{flex:1;min-width:0}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.icon-success{color:var(--c-iconSuccess);flex:none}.icon-brand{color:var(--c-logoPrimary)}.control{border-radius:var(--radiusMd);border:1px solid var(--c-borderDefault);background:var(--c-bgSurface);width:100%;height:52px;padding-inline:var(--space12);color:var(--c-textPrimary);font-family:inherit;font-size:16px}.control:focus{border-color:var(--c-borderFocus);outline:0}.control-error{border-color:var(--c-borderDanger)}.sidebar{background:var(--c-bgSurface);border-left:1px solid var(--c-borderDivider);align-items:center;gap:var(--space4);flex-direction:column;flex:none;width:96px;height:100%;padding:12px 8px 16px;display:flex}.sidebar-logo{color:var(--c-logoPrimary);margin-block-end:var(--space8)}.sidebar-items{gap:var(--space4);flex-direction:column;flex:1;width:100%;display:flex}.navitem{cursor:pointer;width:100%;padding:var(--space8) 0;border-radius:var(--radiusMd);color:var(--c-iconSecondary);background:0 0;border:0;flex-direction:column;align-items:center;gap:2px;font-family:inherit;text-decoration:none;display:flex}.navitem:hover{background:var(--c-bgSurfaceAlt)}.navitem-on{background:var(--c-bgSurfaceAlt);color:var(--c-iconAccent)}.navitem-icon{place-items:center;display:grid;position:relative}.navitem-label{font-size:12px;font-weight:600;line-height:18px}.navitem-dot{background:var(--c-bgPrimary);border-radius:999px;width:8px;height:8px;position:absolute;inset-block-start:-2px;inset-inline-end:-2px}.statusbar{align-items:center;gap:var(--space12);height:64px;padding-inline:var(--space24);border-block-end:1px solid var(--c-borderDivider);background:var(--c-bgSurface);flex:none;display:flex}.statusbar-closing{background:var(--c-bgWarning)}.statusbar-closed{background:var(--c-bgSurfaceAlt)}.shell{background:var(--c-bgScreen);height:100vh;display:flex;overflow:hidden}.shell-main{flex-direction:column;flex:1;min-width:0;display:flex}.shell-alert{padding:var(--space8) var(--space24) 0}.authpage{background:var(--c-bgScreen);min-height:100%;padding:var(--space24);place-items:center;display:grid}.authlogo{color:var(--c-logoPrimary);align-self:center}.pagehead{align-items:center;gap:var(--space16);min-height:94px;padding:var(--space24) var(--space24) 0;display:flex}.pagehead h1{margin:0}.pagehead p{margin:var(--space4) 0 0}.gaplist{margin:var(--space4) 0 0;padding-inline-start:var(--space16)}.gaplist li{margin-block-start:2px}.page{gap:var(--space16);padding:var(--space24);flex-direction:column;flex:1;display:flex;overflow:auto}.page-tight{padding-block-start:var(--space12)}.daystart{background:var(--c-bgScreen);flex-direction:column;height:100vh;display:flex}.daystart-head{height:64px;padding-inline:var(--space24) var(--space16);background:var(--c-bgSurface);border-block-end:1px solid var(--c-borderDivider);flex:none;align-items:center;display:flex}.daystart-body{justify-content:center;align-items:center;gap:var(--space16);text-align:center;padding:var(--space24);flex-direction:column;flex:1;display:flex}.daystart-art{border-radius:var(--radiusLg);background:var(--c-bgSurfaceAlt);width:112px;height:112px;color:var(--c-iconSecondary);place-items:center;display:grid}.daystart-gaps{max-width:560px}.ordercard{border-radius:var(--radiusLg);padding:var(--space16);gap:var(--space12);background:var(--c-bgSurface);border:1px solid var(--c-borderDefault);flex-direction:column;display:flex}.ordercard-new{border:2px solid var(--c-borderSelected)}.ordercard-last{border:2px solid var(--c-iconWarning);background:var(--c-bgWarning)}.ordercard-expired{background:var(--c-bgDisabled)}.ordercard-handed{background:var(--c-bgSurfaceAlt)}.ordercard-head{align-items:center;gap:var(--space8);cursor:pointer;width:100%;color:inherit;text-align:start;background:0 0;border:0;padding:0;font-family:inherit;display:flex}.ordercard-items{gap:var(--space4);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.ordercard-items li{flex-direction:column;display:flex}.ordercard-actions{gap:var(--space8);display:flex}.ordertiming{color:var(--c-textSecondary);align-items:center;gap:6px;display:inline-flex}.ordertiming.is-last{color:var(--c-iconWarning)}.ordercourier{align-items:center;gap:var(--space8);color:var(--c-textSecondary);margin:0;display:flex}.orderdetail{inset-block:0;z-index:51;background:var(--c-bgSurface);border-right:1px solid var(--c-borderDivider);flex-direction:column;width:480px;display:flex;position:fixed;left:0}.orderdetail-head{align-items:center;gap:var(--space12);height:81px;padding:var(--space16) var(--space24) var(--space16) var(--space12);border-block-end:1px solid var(--c-borderDivider);flex:none;display:flex}.orderdetail-body{padding:var(--space24);gap:var(--space16);flex-direction:column;flex:1;display:flex;overflow:auto}.orderdetail-items{gap:var(--space12);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.orderdetail-items li{align-items:flex-start;gap:var(--space16);display:flex}.orderdetail-qty{border-radius:var(--radiusMd);background:var(--c-bgSurfaceAlt);flex:none;place-items:center;width:44px;height:44px;display:grid}.orderdetail-foot{gap:var(--space12);padding:var(--space20) var(--space24);border-block-start:1px solid var(--c-borderDivider);flex:none;display:flex}.rejectsheet{background:var(--c-bgSurface);border-radius:var(--radiusSheet);width:560px;padding:var(--space24);gap:var(--space16);flex-direction:column;display:flex}.board{gap:var(--space20);min-height:0;padding:var(--space20) var(--space24) var(--space24);flex:1;display:flex;position:relative}.board-loading{place-items:center;display:grid;position:absolute;inset:0}.board-gaps{padding:0 var(--space24) var(--space16)}.boardcol{gap:var(--space12);flex-direction:column;flex:1;min-width:0;display:flex}.boardcol-head{align-items:center;gap:var(--space8);min-height:39px;display:flex}.boardcol-count{min-width:25px;height:22px;padding-inline:var(--space8);border-radius:var(--radiusFull);background:var(--c-bgSurfaceAlt);color:var(--c-textSecondary);place-items:center;display:inline-grid}.boardcol-body{gap:var(--space12);flex-direction:column;flex:1;min-height:0;display:flex;overflow:auto}.boardcol-empty{padding:var(--space24);align-items:center;gap:var(--space8);text-align:center;color:var(--c-iconSecondary);flex-direction:column;display:flex}.menulayout{gap:var(--space20);align-items:flex-start;display:flex}.menulist{flex:1;min-width:0}.menulist-head{gap:var(--space4);padding:var(--space16) var(--space20);flex-direction:column;display:flex}.menurows{margin:0;padding:0;list-style:none}.menurow{align-items:center;gap:var(--space16);padding:var(--space12) var(--space20);border-block-start:1px solid var(--c-borderDivider);display:flex}.menurow[data-off=true]{background:var(--c-bgSurfaceAlt)}.menurow-grip{color:var(--c-iconSecondary);cursor:grab;flex:none}.menurow-img{background:var(--c-bgSurfaceAlt);border-radius:6.5px;flex:none;place-items:center;width:52px;height:52px;display:grid;overflow:hidden}.menurow-img img{object-fit:cover;width:100%;height:100%}.menucats{width:260px;padding:var(--space8);flex:none}.menucat{align-items:center;gap:var(--space8);width:100%;height:52px;padding-inline:var(--space12);cursor:pointer;border-radius:var(--radiusMd);color:var(--c-textPrimary);text-align:start;background:0 0;border:0;font-family:inherit;display:flex}.menucat:hover{background:var(--c-bgSurfaceAlt)}.menucat-on{background:var(--c-bgSurfaceAlt);font-weight:600}.menucat-count{border-radius:var(--radiusFull);background:var(--c-bgSurface);min-width:27px;height:22px;color:var(--c-textSecondary);border:1px solid var(--c-borderDivider);place-items:center;display:inline-grid}.menucats-note{margin:var(--space8) 0 0;padding-inline:var(--space12);align-items:center;gap:6px;display:flex}.pform{gap:var(--space20);align-items:flex-start;display:flex}.pform-card{min-width:0;padding:var(--space20);flex-direction:column;flex:1;gap:14px;display:flex}.pform-img{border-radius:var(--radiusLg);background:var(--c-bgSurfaceAlt);width:112px;height:112px;color:var(--c-iconSecondary);flex-direction:column;flex:none;justify-content:center;align-items:center;gap:6px;display:flex;overflow:hidden}.pform-img img{object-fit:cover;width:100%;height:100%}.pform-imgactions{margin-block-start:var(--space8)}.pform-op{align-items:center;gap:10px;display:flex}.pform-opname{flex:1;min-width:0}.pform-opkind{flex:none;width:190px}.pform-opprice{flex:none;align-items:center;width:110px;display:flex}.pform-opgap{flex:none;width:48px}.hourslayout{gap:var(--space20);align-items:flex-start;display:flex}.hoursdays{flex:1;min-width:0}.hoursrow{align-items:center;gap:var(--space20);padding:var(--space12) var(--space20);min-height:73px;display:flex}.hoursrow+.hoursrow{border-block-start:1px solid var(--c-borderDivider)}.hoursrow-day{flex:none;width:90px}.hoursslot{width:140px}.hourshow{width:320px;padding:var(--space20);gap:var(--space12);flex-direction:column;flex:none;display:flex}.hourshow-list{gap:var(--space8);flex-direction:column;margin:0;padding-inline-start:var(--space16);display:flex}.profilelayout{gap:var(--space20);align-items:flex-start;display:flex}.profiledata{flex:1;min-width:0}.profilerow{align-items:center;gap:var(--space16);padding:var(--space12) var(--space20);min-height:55px;display:flex}.profilerow+.profilerow{border-block-start:1px solid var(--c-borderDivider)}.profilerow-top{min-height:81px}.profilerow-label{flex:none;width:140px}.profileavatar{background:var(--c-bgSurfaceAlt);width:64px;height:64px;color:var(--c-textSecondary);border-radius:10.67px;flex:none;place-items:center;font-size:22px;font-weight:600;display:grid}.profilesuspend{width:360px;padding:var(--space20);flex-direction:column;flex:none;gap:10px;display:flex}.histfilters{align-items:center;gap:var(--space16);display:flex}.histsep{background:var(--c-borderDivider);width:1px;height:24px}.histtable,.notiflist{overflow:hidden}.notifgroup{padding:var(--space12) var(--space20);background:var(--c-bgScreen);margin:0}.notifrow{padding:var(--space16) var(--space20);border-block-start:1px solid var(--c-borderDivider);align-items:center;gap:14px;display:flex}.notificon{border-radius:var(--radiusMd);background:var(--c-bgSurfaceAlt);width:44px;height:44px;color:var(--c-iconSecondary);flex:none;place-items:center;display:grid}.notifdot{background:var(--c-bgPrimary);border-radius:999px;width:8px;height:8px}.payoutsummary{gap:var(--space16);display:flex}.payoutcard{padding:var(--space20);flex-direction:column;flex:1;align-items:flex-start;gap:6px;display:flex}