@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800;900&display=swap";.button{cursor:pointer;border-radius:999px;justify-content:center;align-items:center;gap:9px;min-height:48px;padding:0 26px;font-size:.88rem;font-weight:800;line-height:1;transition:transform .3s cubic-bezier(.16,1,.3,1),box-shadow .3s,background .3s;display:inline-flex}.button:hover{transform:translateY(-2px)}.button:disabled,.button[aria-disabled=true]{cursor:not-allowed;opacity:.7;transform:none}.button--full{width:100%}.button--primary{color:var(--color-white);background:linear-gradient(135deg, var(--color-accent), var(--color-accent-hover));box-shadow:0 8px 24px var(--color-red-alpha)}.button--primary:hover{background:linear-gradient(135deg, var(--color-accent-hover), #c00303);box-shadow:0 12px 32px var(--color-red-alpha)}.button--secondary{color:var(--color-heading);background:var(--color-white);border:1px solid var(--color-border);box-shadow:var(--shadow-sm)}.button--secondary:hover{border-color:var(--color-primary-light);box-shadow:var(--shadow-md)}.button--ghost{min-height:46px;color:var(--color-text);background:0 0;padding:0 16px}.button--ghost:hover{color:var(--color-primary)}@media (width<=520px){.button{width:100%}}.brand-dashboard{background:var(--color-canvas);min-height:100vh;display:flex}.brand-sidebar{z-index:100;border-right:1px solid var(--color-border-subtle);background:var(--color-surface-raised);flex-direction:column;flex:0 0 248px;width:248px;height:100vh;display:flex;position:sticky;top:0;overflow:hidden}.brand-sidebar__brand{min-height:76px;padding:var(--space-3) var(--space-6);border-bottom:1px solid var(--color-border-subtle);align-items:center;display:flex}.brand-sidebar__brand img{width:132px;height:auto}.brand-sidebar__scroll{padding:var(--space-5) var(--space-3);scrollbar-width:thin;scrollbar-color:var(--color-border-strong) transparent;flex:1;overflow-y:auto}.brand-sidebar__label,.mobile-drawer__label{margin:0 var(--space-3) var(--space-2);color:var(--color-text-tertiary);letter-spacing:var(--tracking-wide);text-transform:uppercase;font-size:.6875rem;font-weight:650;display:block}.brand-sidebar__nav{gap:var(--space-1);flex-direction:column;display:flex}.brand-sidebar__link{align-items:center;gap:var(--space-3);min-height:42px;padding:0 var(--space-3);border-radius:var(--radius-xs);color:var(--color-text-secondary);transition:color var(--transition-fast), background var(--transition-fast), transform var(--transition-fast);font-size:.8125rem;font-weight:550;display:flex;position:relative}.brand-sidebar__link svg{flex-shrink:0}.brand-sidebar__link:hover{color:var(--color-text-strong);background:var(--color-surface-subtle);transform:translate(2px)}.brand-sidebar__link.active{color:var(--color-brand-700);background:var(--color-brand-50);font-weight:650}.brand-sidebar__link.active:before{border-radius:var(--radius-pill);background:var(--color-brand-500);content:"";width:3px;height:18px;position:absolute;left:0}.brand-sidebar__footer{padding:var(--space-3);border-top:1px solid var(--color-border-subtle);background:var(--color-surface-subtle);flex-shrink:0}.brand-sidebar__account{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3) var(--space-3);display:flex}.brand-sidebar__account>span,.mobile-drawer__profile>span{width:34px;height:34px;color:var(--color-white);background:var(--color-brand-600);font-size:var(--font-size-xs);border-radius:50%;flex-shrink:0;place-items:center;font-weight:700;display:grid}.brand-sidebar__account div,.mobile-drawer__profile div{flex-direction:column;min-width:0;display:flex}.brand-sidebar__account strong,.mobile-drawer__profile strong{color:var(--color-text-strong);font-size:var(--font-size-xs);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.brand-sidebar__account small,.mobile-drawer__profile small{color:var(--color-text-tertiary);text-overflow:ellipsis;text-transform:capitalize;white-space:nowrap;font-size:.6875rem;overflow:hidden}.brand-sidebar__logout{width:100%!important;min-height:38px!important;padding:0 var(--space-3)!important;border-radius:var(--radius-xs)!important;color:var(--color-text-secondary)!important;font-size:var(--font-size-xs)!important;justify-content:flex-start!important;font-weight:600!important}.brand-sidebar__logout:hover,.mobile-drawer__logout:hover{color:var(--color-danger-500)!important;background:var(--color-danger-50)!important;transform:none!important}.brand-main{flex:1;min-width:0;min-height:100vh}.brand-main__content{min-width:0}.brand-topbar{z-index:90;align-items:center;gap:var(--space-4);min-height:76px;padding:0 var(--space-8);margin-bottom:var(--space-3);border-bottom:1px solid var(--color-border-subtle);background:var(--color-overlay-strong);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);display:flex;position:sticky;top:0}.brand-topbar__back,.brand-topbar__menu,.brand-topbar__icon-btn,.mobile-drawer__header button{border:1px solid var(--color-border-subtle);border-radius:var(--radius-xs);width:38px;height:38px;color:var(--color-text-secondary);background:var(--color-surface-raised);cursor:pointer;transition:color var(--transition-fast), border-color var(--transition-fast), background var(--transition-fast);flex-shrink:0;place-items:center;display:grid}.brand-topbar__back:hover,.brand-topbar__menu:hover,.brand-topbar__icon-btn:hover{color:var(--color-brand-600);border-color:var(--color-brand-100);background:var(--color-brand-50)}.brand-topbar__menu,.brand-topbar__mobile-title{display:none}.brand-topbar__search{align-items:center;gap:var(--space-2);max-width:460px;min-height:42px;padding:0 var(--space-4);border:1px solid var(--color-border-subtle);border-radius:var(--radius-pill);color:var(--color-text-tertiary);background:var(--color-surface-subtle);transition:border-color var(--transition-fast), box-shadow var(--transition-fast), background var(--transition-fast);flex:1;display:flex}.brand-topbar__search:focus-within{border-color:var(--color-brand-500);background:var(--color-surface-raised);box-shadow:0 0 0 3px var(--color-brand-100)}.brand-topbar__search input{min-width:0;color:var(--color-text-strong);font-size:var(--font-size-sm);background:0 0;border:0;outline:0;flex:1}.brand-topbar__search input::placeholder{color:var(--color-text-tertiary)}.brand-topbar__right{align-items:center;gap:var(--space-4);margin-left:auto;display:flex}.brand-topbar__icon-btn{border-radius:50%;position:relative}.brand-topbar__dot{border:2px solid var(--color-white);background:var(--color-accent);border-radius:50%;width:7px;height:7px;position:absolute;top:6px;right:6px}.brand-topbar__balance{padding-left:var(--space-4);border-left:1px solid var(--color-border-subtle);text-align:right}.brand-topbar__balance span{color:var(--color-text-tertiary);letter-spacing:.04em;text-transform:uppercase;font-size:.625rem;font-weight:600;display:block}.brand-topbar__balance strong{color:var(--color-brand-600);font-size:var(--font-size-sm);margin-top:2px;font-weight:700;display:block}.brand-topbar__user{align-items:center;gap:var(--space-2);display:flex}.brand-topbar__avatar{width:38px;height:38px;color:var(--color-white);background:var(--color-brand-600);box-shadow:var(--shadow-brand);font-size:var(--font-size-xs);border-radius:50%;place-items:center;font-weight:700;display:grid}.brand-topbar__user>span{color:var(--color-text-strong);font-size:var(--font-size-sm);white-space:nowrap;font-weight:600}.mobile-bottom-nav,.mobile-drawer,.mobile-drawer__backdrop{display:none}@media (width<=1040px){.brand-sidebar{flex-basis:220px;width:220px}.brand-topbar{padding-inline:var(--space-5)}.brand-topbar__balance{display:none}}@media (width<=800px){body.dashboard-drawer-open{overflow:hidden}.brand-dashboard{display:block}.brand-sidebar{display:none}.brand-main{padding-bottom:calc(76px + env(safe-area-inset-bottom))}.brand-topbar{gap:var(--space-3);min-height:62px;padding:env(safe-area-inset-top) var(--space-4) 0;margin-bottom:var(--space-3)}.brand-topbar__back,.brand-topbar__search,.brand-topbar__user{display:none}.brand-topbar__menu{display:grid}.brand-topbar__mobile-title{align-items:center;gap:var(--space-2);flex:1;min-width:0;display:flex}.brand-topbar__mobile-title>span{border-radius:var(--radius-xs);width:32px;height:32px;color:var(--color-white);background:var(--color-brand-600);font-size:var(--font-size-xs);place-items:center;font-weight:800;display:grid}.brand-topbar__mobile-title div{flex-direction:column;min-width:0;display:flex}.brand-topbar__mobile-title small{color:var(--color-text-tertiary);font-size:.625rem;line-height:1}.brand-topbar__mobile-title strong{color:var(--color-text-strong);font-size:var(--font-size-sm);text-overflow:ellipsis;white-space:nowrap;line-height:1.4;overflow:hidden}.brand-topbar__right{gap:0;margin-left:0}.brand-topbar__icon-btn{width:38px;height:38px}.mobile-bottom-nav{z-index:200;grid-template-columns:repeat(var(--mobile-nav-count,4), 1fr);min-height:calc(66px + env(safe-area-inset-bottom));padding:var(--space-2) max(var(--space-2), env(safe-area-inset-right)) env(safe-area-inset-bottom) max(var(--space-2), env(safe-area-inset-left));border-top:1px solid var(--color-border-subtle);background:var(--color-overlay-strong);box-shadow:0 -8px 30px var(--color-shadow-card);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);display:grid;position:fixed;bottom:0;left:0;right:0}.mobile-bottom-nav__link{border-radius:var(--radius-xs);min-width:0;min-height:52px;color:var(--color-text-tertiary);transition:color var(--transition-fast), background var(--transition-fast), transform var(--transition-fast);flex-direction:column;justify-content:center;align-items:center;gap:3px;font-size:.625rem;font-weight:600;display:flex;position:relative}.mobile-bottom-nav__link:active{transform:scale(.96)}.mobile-bottom-nav__link.active{color:var(--color-brand-700);background:var(--color-brand-50)}.mobile-bottom-nav__link.active:after{border-radius:var(--radius-pill);background:var(--color-brand-500);content:"";width:18px;height:3px;position:absolute;top:2px}.mobile-drawer__backdrop{z-index:210;visibility:hidden;background:var(--color-black-alpha);opacity:0;transition:opacity var(--transition-smooth), visibility var(--transition-smooth);border:0;display:block;position:fixed;inset:0}.mobile-drawer__backdrop.is-open{visibility:visible;opacity:1}.mobile-drawer{z-index:220;width:min(88vw,360px);padding:calc(var(--space-3) + env(safe-area-inset-top)) var(--space-4) calc(var(--space-4) + env(safe-area-inset-bottom));border-right:1px solid var(--color-border-subtle);border-radius:0 var(--radius-panel) var(--radius-panel) 0;background:var(--color-surface-raised);box-shadow:var(--shadow-lg);transition:transform var(--transition-smooth);flex-direction:column;display:flex;position:fixed;top:0;bottom:0;left:0;transform:translate(-105%)}.mobile-drawer.is-open{transform:translate(0)}.mobile-drawer__handle{display:none}.mobile-drawer__header{justify-content:space-between;align-items:center;gap:var(--space-3);min-height:54px;display:flex}.mobile-drawer__brand{align-items:center;gap:var(--space-3);min-width:0;display:flex}.mobile-drawer__brand img{width:92px}.mobile-drawer__brand span{color:var(--color-text-tertiary);font-size:.6875rem}.mobile-drawer__profile{align-items:center;gap:var(--space-3);margin:var(--space-4) 0 var(--space-5);padding:var(--space-4);border:1px solid var(--color-brand-100);border-radius:var(--radius-card);background:var(--color-brand-50);display:flex}.mobile-drawer__profile>span{width:40px;height:40px}.mobile-drawer__label{margin-left:var(--space-2)}.mobile-drawer__nav{gap:var(--space-2);grid-template-columns:repeat(2,minmax(0,1fr));display:grid;overflow-y:auto}.mobile-drawer__nav .brand-sidebar__link{justify-content:center;align-items:flex-start;gap:var(--space-2);min-height:70px;padding:var(--space-3);border:1px solid var(--color-border-subtle);background:var(--color-surface-subtle);flex-direction:column}.mobile-drawer__nav .brand-sidebar__link:hover{transform:none}.mobile-drawer__nav .brand-sidebar__link.active:before{top:var(--space-3);left:var(--space-3);width:4px;height:4px}.mobile-drawer__logout{margin-top:auto;border-radius:var(--radius-xs)!important;width:100%!important;min-height:46px!important;color:var(--color-danger-500)!important;background:var(--color-danger-50)!important;justify-content:flex-start!important}}@media (prefers-reduced-motion:reduce){.brand-sidebar__link,.mobile-bottom-nav__link,.mobile-drawer,.mobile-drawer__backdrop{transition:none}}.brand-dashboard .dashboard-card{border-color:var(--color-border-subtle);border-radius:var(--radius-panel);background:var(--color-surface-raised);box-shadow:var(--shadow-card)}.brand-main__content :is(.cust-page,.orders-page,.service-page,.employees-page,.riders-page,.expenses-page,.reports-page,.settings-page,.loyalty-page,.notifications-page,.audit-page){width:100%;max-width:1500px;padding:var(--space-3) var(--space-8) var(--space-10);color:var(--color-text-strong);margin-inline:auto}.brand-main__content :is(.cust-page__header,.orders-page__header,.service-page__header,.employees-page__header,.riders-page__header,.expenses-page__header,.reports-page__header,.settings-page__header,.loyalty-page__header,.notifications-page__header,.audit-page__header){gap:var(--space-5);margin-bottom:var(--space-6)}.brand-main__content :is(.cust-page,.orders-page,.service-page,.employees-page,.riders-page,.expenses-page,.reports-page,.settings-page,.loyalty-page,.notifications-page,.audit-page) h1{color:var(--color-text-strong);font-size:var(--font-size-2xl);letter-spacing:var(--tracking-tight);font-weight:650;line-height:var(--line-height-tight);margin:0}.brand-main__content :is(.cust-page,.orders-page,.service-page,.employees-page,.riders-page,.expenses-page,.reports-page,.settings-page,.loyalty-page,.notifications-page,.audit-page) h2{color:var(--color-text-strong);font-size:var(--font-size-lg);letter-spacing:-.015em;font-weight:650}.brand-main__content :is(.cust-page__header,.orders-page__header,.service-page__header,.employees-page__header,.riders-page__header,.expenses-page__header,.reports-page__header,.settings-page__header,.loyalty-page__header,.notifications-page__header,.audit-page__header) p{max-width:680px;margin-top:var(--space-2);color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:400;line-height:var(--line-height-body)}.brand-main__content :is(.cust-page__title-icon,.orders-page__title>span,.service-page__title>span){border:1px solid var(--color-brand-100);border-radius:var(--radius-xs);width:42px;height:42px;color:var(--color-brand-600);background:var(--color-brand-50);box-shadow:none}.brand-main__content :is(.cust-stats,.orders-summary-grid,.service-summary,.riders-summary,.expenses-summary,.reports-summary,.loyalty-summary,.notifications-summary){gap:var(--space-4);margin-bottom:var(--space-5)}.brand-main__content :is(.cust-stat,.orders-summary-card,.service-summary__card,.riders-summary>.dashboard-card,.expenses-summary>.dashboard-card,.reports-summary>.dashboard-card,.loyalty-summary>.dashboard-card,.notifications-summary>.dashboard-card){min-height:104px;padding:var(--space-5);border-color:var(--color-border-subtle);transition:transform var(--transition-smooth), box-shadow var(--transition-smooth), border-color var(--transition-fast)}.brand-main__content :is(.cust-stat,.orders-summary-card,.service-summary__card,.riders-summary>.dashboard-card,.expenses-summary>.dashboard-card,.reports-summary>.dashboard-card,.loyalty-summary>.dashboard-card,.notifications-summary>.dashboard-card):hover{border-color:var(--color-border-strong);box-shadow:var(--shadow-card-hover);transform:translateY(-2px)}.brand-main__content :is(.cust-stat__icon,.orders-summary-card>span,.service-summary__card>span,.expenses-summary svg,.reports-summary svg,.loyalty-summary svg,.notifications-summary svg){color:var(--color-brand-600);background:var(--color-brand-50);border-color:var(--color-brand-100)}.brand-main__content :is(.cust-stat,.orders-summary-card,.service-summary__card,.riders-summary>.dashboard-card,.expenses-summary>.dashboard-card,.reports-summary>.dashboard-card,.loyalty-summary>.dashboard-card,.notifications-summary>.dashboard-card) strong{color:var(--color-text-strong);letter-spacing:-.02em;font-weight:650}.brand-main__content :is(.cust-stat,.orders-summary-card,.service-summary__card,.riders-summary>.dashboard-card,.expenses-summary>.dashboard-card,.reports-summary>.dashboard-card,.loyalty-summary>.dashboard-card,.notifications-summary>.dashboard-card) :is(span,small){color:var(--color-text-secondary)}.brand-main__content :is(.cust-stat:nth-child(2),.orders-summary-card--warning,.expenses-summary>:nth-child(2),.reports-summary>:nth-child(3),.notifications-summary>:nth-child(2)) :is(.cust-stat__icon,span:first-child,svg){color:var(--color-accent-600);background:var(--color-accent-50)}.brand-main__content :is(.cust-stat:nth-child(3),.orders-summary-card:nth-child(3),.service-summary__card:nth-child(3),.reports-summary>:nth-child(2),.loyalty-summary>:nth-child(2)) :is(.cust-stat__icon,span:first-child,svg){color:var(--color-gold-600);background:var(--color-gold-50)}.brand-main__content :is(.cust-stat:nth-child(4),.orders-summary-card:nth-child(4),.riders-summary>:nth-child(4),.loyalty-summary>:nth-child(3),.notifications-summary>:nth-child(3)) :is(.cust-stat__icon,span:first-child,svg){color:var(--color-violet-500);background:var(--color-violet-50)}.brand-main__content :is(.order-create-card,.order-panel,.orders-table-card,.service-form-card,.service-list-card,.employee-form-card,.employee-card,.employee-productivity-card,.rider-form-card,.assignment-card,.rider-card,.assignment-table-card,.expense-form-card,.expense-category-card,.expenses-table-card,.report-group-card,.revenue-card,.service-report-card,.settings-card,.loyalty-rule-card,.loyalty-redeem-card,.loyalty-table-card,.notification-card,.audit-filter-card,.audit-card,.audit-empty-state,.cust-toolbar,.cust-table-wrap){border-color:var(--color-border-subtle);border-radius:var(--radius-panel);box-shadow:var(--shadow-card)}.brand-main__content :is(.order-create-card,.order-panel,.orders-table-card,.service-form-card,.service-list-card,.employee-form-card,.employee-productivity-card,.rider-form-card,.assignment-card,.assignment-table-card,.expense-form-card,.expense-category-card,.expenses-table-card,.report-group-card,.revenue-card,.service-report-card,.settings-card,.loyalty-rule-card,.loyalty-redeem-card,.loyalty-table-card,.audit-filter-card,.audit-empty-state){padding:var(--space-6)}.brand-main__content :is(.order-section-heading,.employees-section-title,.riders-section-title,.expenses-section-title,.reports-section-title,.settings-section-title){gap:var(--space-2);color:var(--color-brand-600)}.brand-main__content :is(.order-section-heading,.employees-section-title,.riders-section-title,.expenses-section-title,.reports-section-title,.settings-section-title) svg{box-sizing:content-box;border-radius:var(--radius-xs);background:var(--color-brand-50);padding:6px}.brand-main__content :is(input,select,textarea){border-color:var(--color-border-subtle);border-radius:var(--radius-xs);min-height:44px;color:var(--color-text-strong);background:var(--color-surface-subtle);font-size:var(--font-size-sm);transition:border-color var(--transition-fast), box-shadow var(--transition-fast), background var(--transition-fast)}.brand-main__content textarea{resize:vertical;min-height:90px}.brand-main__content :is(input,select,textarea):focus{border-color:var(--color-brand-500);background:var(--color-surface-raised);box-shadow:0 0 0 3px var(--color-brand-100);outline:none}.brand-main__content :is(.order-form label span,.service-form label>span,.employees-form label>span,.riders-form label>span,.expenses-form label>span,.settings-form label>span,.loyalty-form label>span,.cust-form__group label){color:var(--color-text-secondary);font-size:var(--font-size-xs);font-weight:600}.brand-main__content :is(.cust-badge,.service-status,.status-pills span,.employee-card__top em,.rider-card__top em){border:1px solid var(--color-brand-100);border-radius:var(--radius-pill);color:var(--color-brand-700);background:var(--color-brand-50);letter-spacing:0;text-transform:capitalize;font-size:.6875rem;font-weight:650}.brand-main__content :is(.cust-badge--danger,.notification-card--red){border-color:var(--color-accent-100);color:var(--color-accent-600);background:var(--color-accent-50)}.brand-main__content :is(.service-status--inactive,.cust-badge--warning,.cust-badge--inactive){color:#ea580c!important;background:#fff7ed!important;border-color:#f973164d!important}.brand-main__content .cust-badge--info{color:var(--color-info-500);background:var(--color-info-50)}.brand-main__content :is(.history-table__head,.orders-table__head,.assignment-table__head,.expenses-table__head,.service-table thead){color:var(--color-text-tertiary);background:var(--color-surface-subtle);letter-spacing:.05em;text-transform:uppercase;font-size:.6875rem}.brand-main__content :is(.history-table__row,.orders-table__row,.assignment-table__row,.expenses-table__row,.loyalty-row,.service-report-row,.employee-productivity__row){border-color:var(--color-border-subtle);color:var(--color-text-secondary);background:var(--color-surface-raised)}.brand-main__content .notification-card{transition:transform var(--transition-smooth), box-shadow var(--transition-smooth);position:relative;overflow:hidden}.brand-main__content .notification-card:before{inset-block:0;background:var(--color-brand-500);content:"";width:3px;position:absolute;left:0}.brand-main__content .notification-card--red:before{background:var(--color-accent)}.brand-main__content .notification-card:hover{box-shadow:var(--shadow-card-hover);transform:translateY(-2px)}.brand-main__content .report-group-card:nth-child(3n+2) .reports-section-title{color:var(--color-violet-500)}.brand-main__content .report-group-card:nth-child(3n) .reports-section-title{color:var(--color-gold-600)}.brand-main__content .report-chip-list span{border-color:var(--color-border-subtle);color:var(--color-text-secondary);background:var(--color-surface-subtle)}.brand-main__content .expense-categories span{color:var(--color-gold-600);background:var(--color-gold-50);border-color:var(--color-gold-100)}.brand-main__content .loyalty-rules span{border-color:var(--color-gold-100);color:var(--color-gold-600);background:var(--color-gold-50)}.brand-main__content .permission-toggle{border-color:var(--color-border-subtle);border-radius:var(--radius-xs);background:var(--color-surface-subtle)}.brand-main__content .audit-card>span{color:var(--color-violet-500);background:var(--color-violet-50)}.brand-main__content .employee-card__top>span{color:var(--color-cyan-500);background:var(--color-cyan-50)}.brand-main__content .rider-card__top>span{color:var(--color-gold-600);background:var(--color-gold-50)}@media (width<=1040px){.brand-main__content :is(.cust-page,.orders-page,.service-page,.employees-page,.riders-page,.expenses-page,.reports-page,.settings-page,.loyalty-page,.notifications-page,.audit-page){padding-inline:var(--space-5)}}@media (width<=800px){.brand-main__content :is(.cust-page,.orders-page,.service-page,.employees-page,.riders-page,.expenses-page,.reports-page,.settings-page,.loyalty-page,.notifications-page,.audit-page){gap:var(--space-4);padding:var(--space-2) var(--space-4) var(--space-6)}.brand-main__content :is(.cust-page__header,.orders-page__header,.service-page__header,.employees-page__header,.riders-page__header,.expenses-page__header,.reports-page__header,.settings-page__header,.loyalty-page__header,.notifications-page__header,.audit-page__header){margin-bottom:var(--space-4);align-items:flex-start}.brand-main__content :is(.cust-page,.orders-page,.service-page,.employees-page,.riders-page,.expenses-page,.reports-page,.settings-page,.loyalty-page,.notifications-page,.audit-page) h1{font-size:1.5rem}.brand-main__content :is(.cust-stats,.orders-summary-grid,.service-summary,.riders-summary,.expenses-summary,.reports-summary,.loyalty-summary,.notifications-summary){gap:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.brand-main__content :is(.cust-stat,.orders-summary-card,.service-summary__card,.riders-summary>.dashboard-card,.expenses-summary>.dashboard-card,.reports-summary>.dashboard-card,.loyalty-summary>.dashboard-card,.notifications-summary>.dashboard-card){min-height:96px;padding:var(--space-4)}.brand-main__content :is(.order-create-card,.order-panel,.orders-table-card,.service-form-card,.service-list-card,.employee-form-card,.employee-productivity-card,.rider-form-card,.assignment-card,.assignment-table-card,.expense-form-card,.expense-category-card,.expenses-table-card,.report-group-card,.revenue-card,.service-report-card,.settings-card,.loyalty-rule-card,.loyalty-redeem-card,.loyalty-table-card,.audit-filter-card,.audit-empty-state){padding:var(--space-4)}.brand-main__content :is(.orders-workspace,.orders-detail-grid,.workflow-grid,.orders-bottom-grid,.service-page__grid,.employees-grid,.riders-grid,.expenses-grid,.reports-grid,.reports-detail-grid,.settings-grid,.loyalty-grid){gap:var(--space-4);grid-template-columns:1fr}.brand-main__content :is(.order-form__grid,.payment-layout,.refund-grid,.filter-grid,.service-form,.employees-form__row,.riders-form__row,.expenses-form__row,.settings-form__row,.permissions-grid){grid-template-columns:1fr}.brand-main__content :is(.receipt-actions,.service-form__actions,.employees-actions,.riders-actions,.settings-actions,.reports-export){gap:var(--space-2);grid-template-columns:1fr 1fr;width:100%;display:grid}.brand-main__content :is(.receipt-actions,.service-form__actions,.employees-actions,.riders-actions,.settings-actions,.reports-export) .button{width:100%;min-width:0;padding-inline:var(--space-3)}.brand-main__content :is(.workflow-line,.workflow-line--delivery){padding-bottom:var(--space-2);scroll-snap-type:x mandatory;display:flex;overflow-x:auto}.brand-main__content :is(.workflow-line,.workflow-line--delivery) span{scroll-snap-align:start;min-width:130px}.brand-main__content .orders-table__head,.brand-main__content .assignment-table__head,.brand-main__content .expenses-table__head{display:none}.brand-main__content :is(.orders-table,.assignment-table,.expenses-table){gap:var(--space-3);display:grid;overflow:visible}.brand-main__content :is(.orders-table__row,.assignment-table__row,.expenses-table__row){gap:var(--space-3);min-width:0;padding:var(--space-4);border:1px solid var(--color-border-subtle);border-radius:var(--radius-card);box-shadow:var(--shadow-card);grid-template-columns:1fr 1fr;display:grid}.brand-main__content :is(.orders-table__row,.assignment-table__row,.expenses-table__row)>*{gap:2px;min-width:0;display:grid}.brand-main__content :is(.orders-table__row,.assignment-table__row,.expenses-table__row)>:before{color:var(--color-text-tertiary);letter-spacing:.04em;text-transform:uppercase;font-size:.625rem;font-weight:650}.brand-main__content .orders-table__row>:first-child:before{content:"Order"}.brand-main__content .orders-table__row>:nth-child(2):before{content:"Customer"}.brand-main__content .orders-table__row>:nth-child(3):before{content:"Service"}.brand-main__content .orders-table__row>:nth-child(4):before{content:"Status"}.brand-main__content .orders-table__row>:nth-child(5):before{content:"Payment"}.brand-main__content .orders-table__row>:nth-child(6):before{content:"Delivery"}.brand-main__content .orders-table__row>:nth-child(7):before{content:"Debt"}.brand-main__content .assignment-table__row>:first-child:before{content:"Order"}.brand-main__content .assignment-table__row>:nth-child(2):before{content:"Pickup"}.brand-main__content .assignment-table__row>:nth-child(3):before{content:"Delivery"}.brand-main__content .assignment-table__row>:nth-child(4):before{content:"Charge"}.brand-main__content .assignment-table__row>:nth-child(5):before{content:"Status"}.brand-main__content .expenses-table__row>:first-child:before{content:"Expense"}.brand-main__content .expenses-table__row>:nth-child(2):before{content:"Category"}.brand-main__content .expenses-table__row>:nth-child(3):before{content:"Amount"}.brand-main__content .expenses-table__row>:nth-child(4):before{content:"Date"}.brand-main__content .expenses-table__row>:nth-child(5):before{content:"Recorded by"}.brand-main__content .service-table-wrap,.brand-main__content .cust-table-scroll{overflow:visible}.brand-main__content :is(.service-table,.cust-table,.service-table tbody,.cust-table tbody){gap:var(--space-3);width:100%;min-width:0;display:grid}.brand-main__content :is(.service-table thead,.cust-table thead){display:none}.brand-main__content :is(.service-table tr,.cust-table tr){gap:var(--space-3);padding:var(--space-4);border:1px solid var(--color-border-subtle);border-radius:var(--radius-card);background:var(--color-surface-raised);box-shadow:var(--shadow-card);grid-template-columns:1fr 1fr;display:grid}.brand-main__content :is(.service-table td,.cust-table td){white-space:normal;border:0;min-width:0;padding:0;display:grid}.brand-main__content :is(.service-table td,.cust-table td):before{color:var(--color-text-tertiary);letter-spacing:.04em;text-transform:uppercase;margin-bottom:3px;font-size:.625rem;font-weight:650}.brand-main__content .service-table td:first-child{grid-column:1/-1}.brand-main__content .service-table td:first-child:before{content:"Service"}.brand-main__content .service-table td:nth-child(2):before{content:"Price"}.brand-main__content .service-table td:nth-child(3):before{content:"Turnaround"}.brand-main__content .service-table td:nth-child(4):before{content:"Status"}.brand-main__content .service-table td:nth-child(5):before{content:"Actions"}.brand-main__content .cust-table td:first-child{grid-column:1/-1}.brand-main__content .cust-table td:first-child:before{content:"Customer"}.brand-main__content .cust-table td:nth-child(2):before{content:"Contact"}.brand-main__content .cust-table td:nth-child(3):before{content:"Address"}.brand-main__content .cust-table td:nth-child(4):before{content:"Loyalty"}.brand-main__content .cust-table td:nth-child(5):before{content:"Debt"}.brand-main__content .cust-table td:nth-child(6):before{content:"Total spent"}.brand-main__content .cust-table td:nth-child(7):before{content:"Status"}.brand-main__content .cust-table td:nth-child(8):before{content:"Actions"}.brand-main__content :is(.service-table td:last-child,.cust-table td:last-child){grid-column:1/-1}.brand-main__content .audit-filter-card{grid-template-columns:1fr;display:grid}.brand-main__content .audit-filter-card>svg{display:none}.brand-main__content .audit-card{gap:var(--space-3);padding:var(--space-4);grid-template-columns:auto 1fr auto}.brand-main__content .audit-card em{grid-column:2}.brand-main__content .audit-card small{grid-area:1/3}.brand-main__content .cust-overlay--modal{align-items:flex-end;padding:0}.brand-main__content .cust-modal{border-radius:var(--radius-panel) var(--radius-panel) 0 0;width:100%;max-width:100%;max-height:min(88vh,760px);padding-bottom:env(safe-area-inset-bottom)}.brand-main__content .cust-drawer{padding-bottom:calc(76px + env(safe-area-inset-bottom))}}@media (width<=520px){.brand-main__content .overview-metrics{grid-template-columns:1fr;overflow:visible}.brand-main__content :is(.cust-page__header,.orders-page__header,.service-page__header,.employees-page__header,.riders-page__header,.expenses-page__header,.reports-page__header,.settings-page__header,.loyalty-page__header){flex-direction:column}.brand-main__content :is(.cust-page__header,.orders-page__header,.service-page__header,.employees-page__header,.riders-page__header,.expenses-page__header,.reports-page__header,.settings-page__header,.loyalty-page__header)>.button{width:100%}.brand-main__content :is(.cust-toolbar,.service-list-card__header){align-items:stretch;gap:var(--space-3);flex-direction:column}.brand-main__content :is(.cust-search,.cust-filter,.cust-filter__btn,.service-list-card__header label){width:100%;max-width:none}.brand-main__content .cust-filter__dropdown{width:100%;left:0;right:auto}.brand-main__content :is(.receipt-actions,.service-form__actions,.employees-actions,.riders-actions,.settings-actions,.reports-export),.brand-main__content :is(.orders-table__row,.assignment-table__row,.expenses-table__row,.service-table tr,.cust-table tr){grid-template-columns:1fr}.brand-main__content :is(.service-table td,.cust-table td,.cust-table td:first-child,.service-table td:first-child,.service-table td:last-child,.cust-table td:last-child){grid-column:auto}.brand-main__content .loyalty-row{gap:var(--space-2);grid-template-columns:1fr auto}.brand-main__content .service-report-row{grid-template-columns:1fr auto}.brand-main__content .employee-productivity__row{gap:var(--space-1);grid-template-columns:1fr;display:grid}}@media (prefers-reduced-motion:reduce){.brand-main__content .notification-card,.brand-main__content :is(.cust-stat,.orders-summary-card,.service-summary__card,.riders-summary>.dashboard-card,.expenses-summary>.dashboard-card,.reports-summary>.dashboard-card,.loyalty-summary>.dashboard-card,.notifications-summary>.dashboard-card){transition:none}}.auth-page{background:linear-gradient(#04100833,#04100847),url(/assets/login-bg-BE1gMA0M.png) 50%/cover no-repeat;place-items:center;min-height:100dvh;padding:18px 20px;display:grid;position:relative;overflow:hidden}.auth-page:before{content:"";pointer-events:none;background:radial-gradient(circle at 50% 26%,#ffffff2e,#0000 28%),linear-gradient(90deg,#00491f6b,#f406061a,#00491f5c);position:absolute;inset:0}.auth-card{z-index:1;width:min(100%,500px);color:var(--color-white);-webkit-backdrop-filter:blur(22px);background:#0523138a;border:1px solid #ffffff29;border-radius:20px;padding:40px 56px;position:relative;box-shadow:0 30px 90px #0410085c}.auth-card__logo{justify-content:center;margin:0 auto 12px;display:flex}.auth-card__logo img{filter:drop-shadow(0 10px 24px #04100842);width:148px;height:auto}.auth-card h1{color:var(--color-white);text-align:center;margin:0;font-size:clamp(2rem,4.5vw,2.85rem);font-weight:500;line-height:1}.auth-card h1 span{color:var(--color-primary-vivid)}.auth-card__intro{color:#ffffffc7;text-align:center;width:min(100%,360px);margin:10px auto 20px;font-size:.92rem;line-height:1.45}.auth-form{gap:12px;display:grid}.auth-field{gap:6px;display:grid}.auth-field__label{color:#ffffffad;font-size:.78rem;font-weight:500}.auth-field__control{color:#ffffffad;background:#ffffff0f;border:1px solid #ffffff38;border-radius:18px;grid-template-columns:20px 1fr auto;align-items:center;min-height:48px;padding:0 16px;transition:border-color .25s,box-shadow .25s,background .25s;display:grid}.auth-field__control:focus-within{border-color:var(--color-primary-vivid);background:#ffffff14;box-shadow:0 0 0 3px #0ebb4233}.auth-field input:not([type=checkbox]){width:100%;min-width:0;min-height:46px;color:var(--color-white);background:0 0;border:0;outline:0;padding:0 12px}.auth-field input::placeholder{color:#ffffff9e}.auth-field__toggle{color:#ffffffb8;cursor:pointer;background:0 0;border-radius:50%;place-items:center;width:34px;height:34px;display:grid}.auth-form__meta{color:#ffffffd1;justify-content:space-between;align-items:center;gap:16px;margin:0 0 4px;font-size:.86rem;display:flex}.auth-form__meta a{color:var(--color-gold);font-weight:600}.auth-remember{cursor:pointer;align-items:center;gap:8px;display:inline-flex}.auth-remember input{width:18px;height:18px;accent-color:var(--color-primary-vivid);cursor:pointer}.auth-submit{min-height:50px}.auth-card small,.auth-alert{color:#ffd4d4;font-size:.82rem;font-weight:700}.auth-alert{background:#f4060638;border:1px solid #ffd4d452;border-radius:14px;margin-bottom:18px;padding:12px 14px}.auth-alert--success{color:#dcffe9;background:#0ebb4238;border-color:#dcffe95c}.auth-back-link{color:var(--color-gold);justify-content:center;align-items:center;gap:8px;margin-top:18px;font-size:.88rem;font-weight:700;display:inline-flex}@media (width<=620px){.auth-page{padding:14px}.auth-card{border-radius:18px;padding:24px 20px}.auth-card__logo img{width:136px}.auth-card__intro{margin-bottom:18px}.auth-form__meta{flex-direction:column;align-items:flex-start;gap:12px}}@media (height<=680px){.auth-page{padding-top:12px;padding-bottom:12px}.auth-card{padding-top:20px;padding-bottom:22px}.auth-card__logo{margin-bottom:8px}.auth-card__logo img{width:128px}.auth-card__intro{margin-bottom:16px}.auth-field__control{min-height:44px}.auth-field input:not([type=checkbox]){min-height:42px}.auth-submit{min-height:46px}}.auth-card .auth-field input:disabled{cursor:not-allowed;opacity:.72}.not-found-page{place-items:center;min-height:calc(100vh - 260px);padding:58px 20px;display:grid}.not-found-page__card{text-align:center;background:var(--color-white);width:min(100%,560px);box-shadow:var(--shadow-md);border-radius:18px;padding:38px}.not-found-page h1{color:var(--color-heading);margin:0 0 14px;font-size:clamp(2rem,4vw,3.2rem);line-height:1.05}.not-found-page p:not(.section-eyebrow){color:var(--color-text-muted);margin:0 auto 24px;line-height:1.6}.not-found-page__card div{flex-wrap:wrap;justify-content:center;align-items:center;gap:18px;display:flex}.not-found-page__card a:not(.button){color:var(--color-primary-dark);font-weight:800}.dashboard-card{background:var(--color-white);border:1px solid var(--color-border);box-shadow:var(--shadow-sm);border-radius:16px}.dashboard-card--elevated{background:var(--color-surface-raised);border-color:var(--color-border-subtle);border-radius:var(--radius-panel);box-shadow:var(--shadow-card)}.dashboard-metric{gap:var(--space-3);min-width:0;padding:var(--space-5);transition:transform var(--transition-smooth), box-shadow var(--transition-smooth), border-color var(--transition-fast);flex-direction:column;display:flex;position:relative;overflow:hidden}.dashboard-metric:hover{border-color:var(--color-border-strong);box-shadow:var(--shadow-card-hover);transform:translateY(-2px)}.dashboard-metric__topline{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.dashboard-metric__icon{width:36px;height:36px;color:var(--color-brand-600);background:var(--color-brand-50);border:1px solid var(--color-brand-100);border-radius:var(--radius-xs);flex-shrink:0;justify-content:center;align-items:center;display:flex}.dashboard-metric__label{color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:500}.dashboard-metric__value{color:var(--color-text-strong);letter-spacing:var(--tracking-tight);font-size:clamp(1.65rem,2.2vw,2rem);font-weight:650;line-height:var(--line-height-tight)}.dashboard-metric__trend{align-items:center;gap:var(--space-1);width:fit-content;font-size:var(--font-size-xs);white-space:nowrap;font-weight:600;display:flex}.dashboard-metric__trend span{color:var(--color-text-tertiary);font-weight:400}.dashboard-metric__trend--up{color:var(--color-brand-600)}.dashboard-metric__trend--down{color:var(--color-danger-500)}@media (width<=520px){.dashboard-metric{padding:var(--space-4)}}.overview-page{width:100%;max-width:1500px;padding:var(--space-3) var(--space-8) var(--space-10);color:var(--color-text-strong);margin:0 auto}.overview-header{justify-content:space-between;align-items:flex-end;gap:var(--space-6);margin-bottom:var(--space-6);animation:overview-enter var(--transition-smooth) both;display:flex}.overview-header__eyebrow{align-items:center;gap:var(--space-2);margin-bottom:var(--space-2);color:var(--color-brand-600);font-size:var(--font-size-xs);letter-spacing:var(--tracking-wide);text-transform:uppercase;font-weight:650;display:inline-flex}.overview-header__eyebrow>span{border-radius:var(--radius-pill);background:var(--color-brand-500);width:6px;height:6px;box-shadow:0 0 0 4px var(--color-brand-100)}.overview-header h1{color:var(--color-text-strong);font-size:var(--font-size-2xl);letter-spacing:var(--tracking-tight);font-weight:650;line-height:var(--line-height-tight);margin:0}.overview-header p{margin:var(--space-2) 0 0;color:var(--color-text-secondary);font-size:var(--font-size-sm);line-height:var(--line-height-body)}.overview-header__actions{align-items:center;gap:var(--space-3);display:flex}.overview-control{align-items:center;gap:var(--space-2);min-height:42px;padding:0 var(--space-4);border:1px solid var(--color-border-subtle);border-radius:var(--radius-xs);color:var(--color-text-secondary);background:var(--color-surface-raised);box-shadow:var(--shadow-card);cursor:pointer;font-size:var(--font-size-sm);transition:border-color var(--transition-fast), box-shadow var(--transition-fast), color var(--transition-fast);font-weight:550;display:inline-flex}.overview-control:hover{color:var(--color-text-strong);border-color:var(--color-border-strong);box-shadow:var(--shadow-card-hover)}.overview-download.button{min-height:42px;padding:0 var(--space-4);border-radius:var(--radius-xs);font-size:var(--font-size-sm);font-weight:600}.overview-metrics{gap:var(--space-4);margin-bottom:var(--space-4);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.overview-metrics>*{animation:overview-enter var(--transition-smooth) both}.overview-metrics>:nth-child(2){animation-delay:60ms}.overview-metrics>:nth-child(3){animation-delay:.12s}.overview-error{margin:0 0 var(--space-4);color:var(--color-danger-500);font-size:var(--font-size-sm);font-weight:600}.overview-grid{gap:var(--space-4);grid-template-columns:minmax(0,1.55fr) minmax(320px,.8fr);align-items:stretch;display:grid}.activity-card,.completion-card{padding:var(--space-6)}.activity-card{min-height:470px;animation:overview-enter var(--transition-smooth) .16s both}.panel-heading{justify-content:space-between;align-items:flex-start;gap:var(--space-4);display:flex}.panel-heading__label{margin-bottom:var(--space-1);color:var(--color-text-tertiary);font-size:var(--font-size-xs);letter-spacing:.06em;text-transform:uppercase;font-weight:600;display:block}.panel-heading h2,.insight-card h2{color:var(--color-text-strong);font-size:var(--font-size-lg);letter-spacing:-.015em;margin:0;font-weight:650}.panel-link{align-items:center;gap:var(--space-1);padding:var(--space-2);color:var(--color-text-secondary);cursor:pointer;font-size:var(--font-size-xs);transition:color var(--transition-fast);background:0 0;font-weight:600;display:inline-flex}.panel-link:hover{color:var(--color-brand-600)}.panel-link svg{transition:transform var(--transition-fast)}.panel-link:hover svg{transform:translate(2px)}.activity-summary{gap:var(--space-10);margin:var(--space-8) 0 var(--space-4);display:flex}.activity-summary>div{align-items:baseline;column-gap:var(--space-2);grid-template-columns:auto auto;display:grid}.activity-summary span{margin-bottom:var(--space-1);color:var(--color-text-secondary);font-size:var(--font-size-xs);grid-column:1/-1}.activity-summary strong{color:var(--color-text-strong);font-size:var(--font-size-xl);letter-spacing:var(--tracking-tight);font-weight:650}.trend{font-size:var(--font-size-xs);align-items:center;gap:2px;font-style:normal;font-weight:600;display:inline-flex}.trend--positive{color:var(--color-brand-600)}.trend--negative{color:var(--color-danger-500)}.activity-chart{width:100%;height:220px;position:relative}.activity-chart-heading{justify-content:space-between;align-items:center;gap:var(--space-3);margin-bottom:var(--space-2);display:flex}.activity-chart-heading>span{color:var(--color-text-secondary);font-size:var(--font-size-xs);font-weight:600}.overview-control--compact{min-height:32px;padding:0 var(--space-3);box-shadow:none;font-size:var(--font-size-xs)}.activity-days{justify-content:center;align-items:center;gap:var(--space-2);margin-top:var(--space-3);display:flex}.activity-days button{border-radius:var(--radius-xs);width:30px;height:30px;color:var(--color-text-tertiary);cursor:pointer;font-size:var(--font-size-xs);transition:color var(--transition-fast), background var(--transition-fast), border-color var(--transition-fast);background:0 0;border:1px solid #0000;place-items:center;font-weight:600;display:grid}.activity-days button:hover{color:var(--color-text-strong);background:var(--color-surface-subtle);border-color:var(--color-border-subtle)}.activity-days button.active{color:var(--color-white);background:var(--color-brand-600);border-color:var(--color-brand-600);box-shadow:var(--shadow-brand)}.activity-chart canvas{width:100%;height:100%;display:block}.overview-side{gap:var(--space-4);grid-template-rows:minmax(0,1fr) auto;min-width:0;display:grid}.completion-card{animation:overview-enter var(--transition-smooth) .21s both}.completion-card__status{align-items:center;gap:var(--space-1);border-radius:var(--radius-pill);color:var(--color-brand-700);background:var(--color-brand-50);padding:6px 9px;font-size:.6875rem;font-weight:650;display:inline-flex}.completion-gauge{max-width:260px;margin:var(--space-3) auto 0;place-items:center;display:grid;position:relative}.completion-gauge svg{width:100%;display:block;overflow:visible}.completion-gauge path{fill:none;stroke-linecap:round;stroke-width:16px}.completion-gauge__track{stroke:var(--color-border-subtle)}.completion-gauge__progress{stroke:var(--color-brand-500)}.completion-gauge>div{bottom:var(--space-2);flex-direction:column;align-items:center;display:flex;position:absolute}.completion-gauge strong{letter-spacing:var(--tracking-tight);font-size:1.9rem;font-weight:650;line-height:1}.completion-gauge span{margin-top:var(--space-2);color:var(--color-brand-600);font-size:var(--font-size-xs);align-items:center;font-weight:600;display:flex}.finance-split{gap:var(--space-3);margin-top:var(--space-5);padding-top:var(--space-5);border-top:1px solid var(--color-border-subtle);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.finance-split>div{align-items:center;gap:var(--space-2);min-width:0;display:flex}.finance-split__icon{border-radius:var(--radius-xs);flex-shrink:0;place-items:center;width:28px;height:28px;display:grid}.finance-split__icon--income{color:var(--color-brand-600);background:var(--color-brand-50)}.finance-split__icon--cost{color:var(--color-danger-500);background:var(--color-danger-50)}.finance-split>div>span:last-child{min-width:0;color:var(--color-text-tertiary);font-size:.6875rem}.finance-split strong{color:var(--color-text-strong);font-size:var(--font-size-xs);text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-weight:650;display:block;overflow:hidden}.insight-card{gap:var(--space-4);min-height:166px;padding:var(--space-5);border:1px solid var(--color-overlay-light);border-radius:var(--radius-panel);color:var(--color-overlay-strong);background:var(--color-surface-inverse);box-shadow:var(--shadow-card);animation:overview-enter var(--transition-smooth) .26s both;display:flex;position:relative;overflow:hidden}.insight-card__icon{border:1px solid var(--color-overlay-medium);border-radius:var(--radius-xs);width:38px;height:38px;color:var(--color-white);background:var(--color-overlay-light);flex-shrink:0;place-items:center;display:grid}.insight-card>div:not(.insight-card__glow){z-index:1;position:relative}.insight-card__label{align-items:center;gap:var(--space-1);margin-bottom:var(--space-2);color:var(--color-green-soft);letter-spacing:.06em;text-transform:uppercase;font-size:.6875rem;font-weight:650;display:inline-flex}.insight-card h2{color:var(--color-white)}.insight-card p{max-width:340px;margin:var(--space-2) 0 var(--space-3);color:var(--color-overlay-strong);font-size:var(--font-size-xs);line-height:var(--line-height-body)}.insight-card button{align-items:center;gap:var(--space-1);color:var(--color-white);cursor:pointer;font-size:var(--font-size-xs);background:0 0;padding:0;font-weight:650;display:inline-flex}.insight-card button svg{transition:transform var(--transition-fast)}.insight-card button:hover svg{transform:translate(3px)}.insight-card__glow{background:var(--color-brand-500);filter:blur(55px);opacity:.35;border-radius:50%;width:190px;height:190px;position:absolute;bottom:-80px;right:-55px}@keyframes overview-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (width<=1180px){.overview-grid{grid-template-columns:1fr}.overview-side{grid-template-rows:auto;grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=800px){.overview-page{padding:var(--space-3) var(--space-5) var(--space-8)}.overview-metrics{padding-bottom:var(--space-2);grid-template-columns:repeat(3,minmax(180px,1fr));overflow-x:auto}.overview-side{grid-template-columns:1fr}}@media (width<=640px){.overview-page{padding:var(--space-2) var(--space-4) var(--space-6)}.overview-header{flex-direction:column;align-items:flex-start}.overview-header__actions{width:100%}.overview-control,.overview-download.button{flex:1;justify-content:center}.activity-card,.completion-card{padding:var(--space-4)}.activity-summary{gap:var(--space-6)}.activity-chart{height:205px}.finance-split{grid-template-columns:1fr}}@media (width<=420px){.overview-header__actions{flex-direction:column;align-items:stretch}.overview-download.button{width:100%}.activity-summary{gap:var(--space-3);flex-direction:column}.activity-summary>div{grid-template-columns:1fr auto}.activity-summary span{grid-column:auto;margin:0}.activity-summary strong{grid-area:1/2/3}}@media (prefers-reduced-motion:reduce){.overview-header,.overview-metrics>*,.activity-card,.completion-card,.insight-card{animation:none}.dashboard-metric,.panel-link svg,.insight-card button svg{transition:none}}.pagination{border-top:1px solid var(--color-border);justify-content:flex-end;align-items:center;gap:12px;padding:14px 16px;display:flex}.pagination button{min-height:36px;color:var(--color-text);background:var(--color-white);border:1px solid var(--color-border);cursor:pointer;border-radius:999px;justify-content:center;align-items:center;gap:6px;padding:0 12px;font-family:inherit;font-size:.82rem;font-weight:700;display:inline-flex}.pagination button:disabled{cursor:not-allowed;opacity:.48}.pagination span{color:var(--color-text-muted);font-size:.82rem;font-weight:700}@media (width<=560px){.pagination{justify-content:space-between}}.ui-drawer-overlay{background:var(--color-black-alpha,#102418ad);-webkit-backdrop-filter:blur(4px);z-index:1000;justify-content:flex-end;animation:.2s cubic-bezier(.16,1,.3,1) uiDrawerFadeIn;display:flex;position:fixed;inset:0}@keyframes uiDrawerFadeIn{0%{opacity:0}to{opacity:1}}.ui-drawer{background:var(--color-white,#fff);width:480px;max-width:100vw;height:100vh;box-shadow:var(--shadow-lg,0 20px 50px #056b201f);flex-direction:column;animation:.26s cubic-bezier(.16,1,.3,1) uiDrawerSlideIn;display:flex;overflow-y:auto}@keyframes uiDrawerSlideIn{0%{transform:translate(100%)}to{transform:translate(0)}}.ui-drawer__header{border-bottom:1px solid var(--color-border,#d6e6da);background:var(--color-white,#fff);z-index:10;justify-content:space-between;align-items:center;padding:22px 24px 18px;display:flex;position:sticky;top:0}.ui-drawer__header h2{color:var(--color-heading,#0a1a10);margin:0;font-size:1.15rem;font-weight:800}.ui-drawer__close-btn{border:1px solid var(--color-border,#d6e6da);width:32px;height:32px;color:var(--color-text-muted,#5c7266);cursor:pointer;background:0 0;border-radius:8px;justify-content:center;align-items:center;transition:all .15s;display:flex}.ui-drawer__close-btn:hover{background:var(--color-background,#f5f9f6);color:var(--color-heading,#0a1a10)}.ui-drawer__body{flex:1}.ui-drawer__footer{border-top:1px solid var(--color-border,#d6e6da);background:var(--color-white,#fff);z-index:10;align-items:center;gap:10px;padding:18px 24px;display:flex;position:sticky;bottom:0}.drawer-btn-edit{background:var(--color-green-pale,#eef8f0)!important;color:var(--color-primary-dark,#056b20)!important;border:1px solid var(--color-glass-border,#06892b2e)!important;transition:all .2s!important}.drawer-btn-edit:hover{background:var(--color-brand-100,#d9f3df)!important;color:var(--color-primary-dark,#056b20)!important;border-color:var(--color-primary-light,#31974a)!important}.drawer-btn-deactivate{color:var(--color-accent,#f40606)!important;border:1px solid var(--color-accent-100,#ffdada)!important;background:0 0!important;transition:all .2s!important}.drawer-btn-deactivate:hover{background:var(--color-red-alpha,#f406061f)!important;color:var(--color-accent-hover,#d90404)!important;border-color:var(--color-accent,#f40606)!important}.drawer-btn-activate,.drawer-btn-warning{color:#ea580c!important;background:0 0!important;border:1px solid #f9731659!important;transition:all .2s!important}.drawer-btn-activate:hover,.drawer-btn-warning:hover{color:#c2410c!important;background:#fff7ed!important;border-color:#ea580c!important}.drawer-btn-delete-icon{width:40px;height:40px;color:var(--color-accent,#f40606);cursor:pointer;background:0 0;border:0;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;margin-left:auto;transition:all .2s;display:flex}.drawer-btn-delete-icon:hover{background:var(--color-red-alpha,#f406061f);color:var(--color-accent-hover,#d90404);transform:translateY(-2px)}@media (width<=560px){.ui-drawer{width:100vw}}.order-status-badge{text-transform:uppercase;letter-spacing:.3px;white-space:nowrap;border:1px solid #0000;border-radius:999px;align-items:center;width:fit-content;max-width:100%;font-weight:800;line-height:1;display:inline-flex}.order-status-badge--md{padding:5px 10px;font-size:.72rem}.order-status-badge--sm{padding:3px 8px;font-size:.68rem}.order-status-badge--progress{color:#ea580c;background:#fff7ed;border-color:#f973164d}.order-status-badge--ready{background:var(--color-info-50);color:var(--color-info-500);border-color:#0ea5e947}.order-status-badge--pickup{color:#4f46e5;background:#eef2ff;border-color:#6366f147}.order-status-badge--delivery{background:var(--color-gold-50);color:var(--color-gold-600);border-color:#f59e0b4d}.order-status-badge--completed{background:var(--color-green-pale);border-color:var(--color-primary-light);color:var(--color-primary-dark)}.order-status-badge--cancelled{background:var(--color-red-alpha);border-color:var(--color-accent-100);color:var(--color-accent)}.reg-modal-overlay{background:var(--color-black-alpha,#102418ad);-webkit-backdrop-filter:blur(4px);z-index:1000;justify-content:center;align-items:center;padding:16px;animation:.2s cubic-bezier(.16,1,.3,1) regModalFadeIn;display:flex;position:fixed;inset:0}@keyframes regModalFadeIn{0%{opacity:0}to{opacity:1}}.reg-modal{background:var(--color-white,#fff);border-radius:var(--radius-md,18px);width:560px;max-width:calc(100vw - 32px);max-height:calc(100vh - 48px);box-shadow:var(--shadow-lg,0 20px 50px #056b201f);flex-direction:column;animation:.2s cubic-bezier(.16,1,.3,1) regModalScaleIn;display:flex;overflow:hidden}@keyframes regModalScaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.reg-modal--sm{width:440px}.reg-modal--lg{width:680px}.reg-modal__header{border-bottom:1px solid var(--color-border,#d6e6da);background:var(--color-white,#fff);justify-content:space-between;align-items:center;padding:20px 24px 16px;display:flex}.reg-modal__header h2{color:var(--color-heading,#0a1a10);margin:0;font-size:1rem;font-weight:800}.reg-modal__close-btn{border:1px solid var(--color-border,#d6e6da);width:32px;height:32px;color:var(--color-text-muted,#5c7266);cursor:pointer;background:0 0;border-radius:8px;justify-content:center;align-items:center;transition:all .15s;display:flex}.reg-modal__close-btn:hover{background:var(--color-background,#f5f9f6);color:var(--color-heading,#0a1a10)}.reg-modal__body{flex:1;padding:22px 24px;overflow-y:auto}.reg-modal__body--center{text-align:center}.reg-modal__footer{border-top:1px solid var(--color-border,#d6e6da);background:var(--color-background,#f5f9f6);justify-content:flex-end;align-items:center;gap:10px;padding:16px 24px;display:flex}.modal-form-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.modal-form-group{flex-direction:column;gap:6px;display:flex}.modal-form-group--full{grid-column:1/-1}.modal-form-group label{color:var(--color-text,#1a2e22);font-size:.78rem;font-weight:700}.modal-form-group label span{color:var(--color-accent,#f40606);margin-left:2px}.modal-form-group label em{color:var(--color-text-muted,#5c7266);margin-left:4px;font-style:normal;font-weight:500}.modal-form-group input,.modal-form-group select,.modal-form-group textarea{background:var(--color-background,#f5f9f6);border:1px solid var(--color-border,#d6e6da);color:var(--color-text,#1a2e22);resize:vertical;border-radius:10px;outline:none;padding:10px 14px;font-family:inherit;font-size:.88rem;transition:border-color .15s,background .15s}.modal-form-group input:focus,.modal-form-group select:focus,.modal-form-group textarea:focus{border-color:var(--color-primary-light,#31974a);background:var(--color-white,#fff);box-shadow:0 0 0 3px var(--color-focus-ring,#06892b66)}@media (width<=560px){.modal-form-grid{grid-template-columns:1fr}}.ui-skeleton{background:linear-gradient(90deg, var(--color-border-subtle,#e2ece5) 25%, var(--color-background,#f5f9f6) 37%, var(--color-border-subtle,#e2ece5) 63%);vertical-align:middle;background-size:400% 100%;border-radius:6px;animation:1.4s infinite uiSkeletonShimmer;display:inline-block}@keyframes uiSkeletonShimmer{0%{background-position:100%}to{background-position:0}}.ui-skeleton--text{border-radius:4px;height:14px}.ui-skeleton--circular{border-radius:50%}.ui-skeleton--rectangular{border-radius:8px}.ui-skeleton--pill{border-radius:999px;height:20px}.ui-skeleton-tr td{vertical-align:middle;padding:16px 20px}.ui-stat-spinner{color:var(--color-primary,#06892b);vertical-align:middle;justify-content:center;align-items:center;display:inline-flex}.ui-stat-spinner svg{animation:.85s linear infinite uiStatSpin}@keyframes uiStatSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.ui-table-wrap{border-radius:var(--radius-card,16px);overflow:hidden}.ui-table-scroll{overflow-x:auto}.ui-table{border-collapse:collapse;width:100%;min-width:760px}.ui-table thead th{text-align:left;text-transform:uppercase;letter-spacing:.6px;color:var(--color-text-muted,#5c7266);background:var(--color-background,#f5f9f6);border-bottom:1px solid var(--color-border,#d6e6da);white-space:nowrap;padding:14px 16px;font-size:.72rem;font-weight:700}.ui-table tbody td{vertical-align:middle;border-bottom:1px solid var(--color-border,#d6e6da);color:var(--color-text,#1a2e22);padding:14px 16px;font-size:.88rem}.ui-table tbody tr{transition:background .12s}.ui-table tbody tr:hover{background:#06892b05}.ui-table tbody tr:last-child td{border-bottom:0}.ui-table-empty{color:var(--color-text-muted,#5c7266);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:44px 20px;display:flex}.ui-table-empty svg{color:var(--color-border,#d6e6da)}.ui-table-empty p{margin:0;font-size:.9rem;font-weight:600}.cust-page{box-sizing:border-box;width:100%;max-width:100%;padding:0 28px 48px;overflow-x:hidden}.cust-page,.cust-page *{box-sizing:border-box}.cust-page>*{min-width:0;max-width:100%}.cust-page__header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:22px;display:flex}.cust-page__title{align-items:center;gap:16px;min-width:0;display:flex}.cust-page__title>div{min-width:0}.cust-page__title-icon{background:linear-gradient(135deg, var(--color-primary), var(--color-primary-vivid));width:44px;height:44px;color:var(--color-white);box-shadow:var(--shadow-brand);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.cust-page__title h1{color:var(--color-heading);margin:0;font-size:1.45rem;font-weight:800;line-height:1.1}.cust-page__title p{color:var(--color-text-muted);text-overflow:ellipsis;white-space:nowrap;margin:3px 0 0;font-size:.78rem;overflow:hidden}.cust-page__error{color:var(--color-accent);background:var(--color-red-alpha);border:1px solid var(--color-accent-100);border-radius:12px;margin:0 0 18px;padding:12px 14px;font-size:.86rem;font-weight:700}.cust-toolbar{flex-wrap:wrap;align-items:center;gap:14px;min-width:0;max-width:100%;margin-bottom:18px;padding:14px 18px;display:flex}.cust-search{background:var(--color-background);border:1px solid var(--color-border);min-width:200px;min-height:42px;color:var(--color-text-muted);cursor:text;border-radius:999px;flex:1;align-items:center;gap:10px;padding:0 14px;transition:border-color .15s;display:flex}.cust-search:focus-within{border-color:var(--color-primary-light);background:var(--color-white)}.cust-search input{min-width:0;color:var(--color-text);background:0 0;border:0;outline:0;flex:1;font-family:inherit;font-size:.87rem}.cust-search input::placeholder{color:var(--color-text-muted)}.cust-filter{min-width:0;position:relative}.cust-filter__btn{border:1px solid var(--color-border);background:var(--color-white);min-height:42px;color:var(--color-text);cursor:pointer;white-space:nowrap;border-radius:999px;align-items:center;gap:8px;padding:0 16px;font-family:inherit;font-size:.85rem;font-weight:600;transition:border-color .15s;display:flex}.cust-filter__btn:hover{border-color:var(--color-primary-light)}.cust-filter__dropdown{background:var(--color-white);border:1px solid var(--color-border);min-width:220px;box-shadow:var(--shadow-lg);z-index:200;border-radius:14px;padding:8px;animation:.18s fadeSlideDown;position:absolute;top:calc(100% + 8px);right:0}@keyframes fadeSlideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.cust-filter__dropdown button{text-align:left;width:100%;color:var(--color-text);cursor:pointer;background:0 0;border:0;border-radius:8px;padding:10px 14px;font-family:inherit;font-size:.87rem;font-weight:600;transition:background .12s;display:block}.cust-filter__dropdown button:hover{background:var(--color-green-pale)}.cust-filter__dropdown button.active{background:var(--color-green-pale);color:var(--color-primary-dark)}.cust-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;min-width:0;max-width:100%;margin-bottom:20px;display:grid}.cust-stat{align-items:center;gap:14px;min-width:0;padding:16px 18px;display:flex;overflow:hidden}.cust-stat__icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.cust-stat__icon--green{background:var(--color-green-pale);color:var(--color-primary)}.cust-stat__icon--amber{background:var(--color-gold-50);color:var(--color-gold-600)}.cust-stat__icon--blue{background:var(--color-info-50);color:var(--color-info-500)}.cust-stat__icon--red{background:var(--color-red-alpha);color:var(--color-accent)}.cust-stat>div{flex:1;min-width:0}.cust-stat>div>span{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;text-overflow:ellipsis;margin-bottom:4px;font-size:.72rem;font-weight:600;display:block;overflow:hidden}.cust-stat>div>strong{color:var(--color-heading);text-overflow:ellipsis;white-space:nowrap;font-size:1.05rem;font-weight:800;display:block;overflow:hidden}.cust-table-wrap{-webkit-overflow-scrolling:touch;min-width:0;max-width:100%;overflow-x:auto}.cust-table-scroll{min-width:0;max-width:100%;overflow-x:auto}.cust-table{border-collapse:collapse;width:100%;min-width:900px}.cust-table thead th{text-align:left;text-transform:uppercase;letter-spacing:.6px;color:var(--color-text-muted);background:var(--color-background);border-bottom:1px solid var(--color-border);padding:14px 16px;font-size:.72rem;font-weight:700}.cust-table tbody td{vertical-align:middle;border-bottom:1px solid var(--color-border-subtle);color:var(--color-text);padding:14px 16px;font-size:.87rem}.cust-table tbody tr:last-child td{border-bottom:0}.cust-table tbody tr:hover td{background:var(--color-brand-50)}.cust-table__row--blacklisted td{opacity:.72}.cust-identity{align-items:center;gap:12px;display:flex}.cust-identity strong{color:var(--color-heading);font-size:.9rem;font-weight:700;display:block}.cust-identity span{color:var(--color-text-muted);margin-top:2px;font-size:.72rem;display:block}.cust-avatar{background:linear-gradient(135deg, var(--color-primary), var(--color-primary-vivid));width:38px;height:38px;color:var(--color-white);box-shadow:var(--shadow-card);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.78rem;font-weight:800;display:flex}.cust-avatar--lg{width:72px;height:72px;box-shadow:var(--shadow-brand);font-size:1.35rem}.cust-avatar--xl{width:80px;height:80px;box-shadow:var(--shadow-brand);font-size:1.5rem}.cust-contact{flex-direction:column;gap:4px;display:flex}.cust-contact span{color:var(--color-text-muted);align-items:center;gap:5px;font-size:.82rem;display:flex}.cust-address{color:var(--color-text-muted);align-items:flex-start;gap:5px;max-width:180px;font-size:.82rem;display:flex}.cust-loyalty{color:var(--color-gold-600);align-items:center;gap:5px;font-size:.85rem;font-weight:700;display:flex}.cust-debt{font-size:.85rem;font-weight:700}.cust-debt--owed{color:var(--color-accent)}.cust-debt--clear{color:var(--color-primary)}.cust-spent{color:var(--color-heading);font-size:.88rem;font-weight:700}.cust-badge{text-transform:uppercase;letter-spacing:.4px;border-radius:999px;align-items:center;padding:3px 10px;font-size:.72rem;font-weight:700;display:inline-flex}.cust-badge--sm{padding:2px 8px;font-size:.68rem}.cust-badge--success{background:var(--color-green-pale);color:var(--color-primary-dark)}.cust-badge--danger{background:var(--color-red-alpha);color:var(--color-accent)}.cust-badge--warning,.cust-badge--inactive,.brand-main__content :is(.cust-badge--warning,.cust-badge--inactive){color:#ea580c!important;background:#fff7ed!important;border:1px solid #f973164d!important}.cust-badge--info{background:var(--color-info-50);color:var(--color-info-500)}.cust-badge--primary{background:var(--color-badge-soft);color:var(--color-primary-dark)}.cust-actions{align-items:center;gap:6px;display:flex}.cust-action-btn{border:1px solid var(--color-border);background:var(--color-white);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:background .14s,color .14s,border-color .14s;display:flex}.cust-action-btn--view:hover{background:var(--color-info-50);color:var(--color-info-500);border-color:var(--color-sky-strong)}.cust-action-btn--edit:hover{background:var(--color-green-pale);color:var(--color-primary-dark);border-color:var(--color-primary-light)}.cust-action-btn--ban:hover{background:var(--color-gold-50);color:var(--color-gold-600);border-color:var(--color-gold)}.cust-action-btn--unban:hover{background:var(--color-green-pale);color:var(--color-primary);border-color:var(--color-primary-light)}.cust-action-btn--delete:hover{background:var(--color-red-alpha);color:var(--color-accent);border-color:var(--color-accent)}.cust-empty{color:var(--color-text-muted);flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:60px 20px;display:flex}.cust-empty p{margin:0;font-size:.9rem}.cust-overlay{background:var(--color-black-alpha);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:500;justify-content:flex-end;align-items:flex-start;animation:.18s fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.cust-drawer{background:var(--color-white);width:440px;max-width:100%;height:100vh;box-shadow:var(--shadow-lg);flex-direction:column;animation:.22s cubic-bezier(.16,1,.3,1) slideInRight;display:flex;position:relative;overflow-y:auto}@keyframes slideInRight{0%{opacity:0;transform:translate(48px)}to{opacity:1;transform:translate(0)}}.cust-drawer__header{border-bottom:1px solid var(--color-border);background:var(--color-white);z-index:2;justify-content:space-between;align-items:center;padding:22px 24px 18px;display:flex;position:sticky;top:0}.cust-drawer__header h2{color:var(--color-heading);margin:0;font-size:1.05rem;font-weight:800}.cust-drawer__header button{border:1px solid var(--color-border);width:32px;height:32px;color:var(--color-text-muted);cursor:pointer;background:0 0;border-radius:8px;justify-content:center;align-items:center;display:flex}.cust-drawer__profile{gap:18px;padding:22px 24px;display:flex}.cust-drawer__info{flex:1}.cust-drawer__info h3{color:var(--color-heading);margin:0 0 8px;font-size:1.1rem;font-weight:800}.cust-drawer__info p{color:var(--color-text-muted);align-items:flex-start;gap:6px;margin:6px 0 0;font-size:.82rem;line-height:1.4;display:flex}.cust-drawer__link{color:var(--color-primary);overflow-wrap:anywhere;font-weight:700;text-decoration:none}.cust-drawer__link:hover{text-decoration:underline}.cust-drawer__notes{background:var(--color-green-pale);border-radius:8px;padding:10px 12px;color:var(--color-primary-dark)!important;margin-top:12px!important;font-size:.8rem!important}.cust-drawer__kpis{grid-template-columns:repeat(3,1fr);gap:12px;padding:0 24px 18px;display:grid}.cust-kpi{background:var(--color-gold);border:1px solid var(--color-border);text-align:center;border-radius:12px;flex-direction:column;align-items:center;gap:4px;padding:14px 10px;display:flex}.cust-kpi svg{color:var(--color-text-muted)}.cust-kpi strong{color:var(--color-white);font-size:.88rem;font-weight:800}.cust-kpi span{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.4px;font-size:.68rem;font-weight:600}.cust-kpi--primary{background:var(--color-green-pale);border-color:var(--color-glass-border)}.cust-kpi--primary svg,.cust-kpi--primary strong{color:var(--color-primary)}.cust-kpi--accent{background:var(--color-red-alpha);border-color:var(--color-accent-100)}.cust-kpi--accent svg,.cust-kpi--accent strong{color:var(--color-accent)}.cust-drawer__loyalty{padding:0 24px 20px}.cust-drawer__loyalty-label{color:var(--color-text-muted);justify-content:space-between;margin-bottom:8px;font-size:.78rem;font-weight:600;display:flex}.cust-loyalty-bar{background:var(--color-background);border:1px solid var(--color-border);border-radius:999px;height:8px;overflow:hidden}.cust-loyalty-bar__fill{background:linear-gradient(90deg, var(--color-primary), var(--color-primary-vivid));border-radius:999px;height:100%;transition:width .6s cubic-bezier(.16,1,.3,1)}.cust-drawer__orders{flex:1;padding:0 24px 18px}.cust-drawer__orders-header{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.cust-drawer__orders-header h4{color:var(--color-heading);align-items:center;gap:7px;margin:0;font-size:.9rem;font-weight:700;display:flex}.cust-drawer__orders-header span{color:var(--color-text-muted);font-size:.75rem}.cust-drawer__empty{color:var(--color-text-muted);text-align:center;margin:0;padding:20px 0;font-size:.85rem}.cust-order-list{flex-direction:column;gap:10px;display:flex}.cust-order-row{background:var(--color-background);border:1px solid var(--color-border);border-radius:10px;justify-content:space-between;align-items:center;gap:14px;padding:12px 14px;display:flex}.cust-order-row__left strong{color:var(--color-heading);font-size:.86rem;font-weight:700;display:block}.cust-order-row__left span{color:var(--color-text-muted);margin-top:2px;font-size:.72rem;display:block}.cust-order-row__right{flex-direction:column;align-items:flex-end;gap:5px;display:flex}.cust-order-row__right strong{color:var(--color-heading);font-size:.85rem;font-weight:800}.cust-drawer__view-all{border:1px solid var(--color-primary-light);background:var(--color-green-pale);min-height:38px;color:var(--color-primary-dark);font:inherit;cursor:pointer;border-radius:10px;font-size:.82rem;font-weight:800}.cust-drawer__view-all:hover{background:var(--color-badge-soft)}.cust-drawer__footer{border-top:1px solid var(--color-border);background:var(--color-white);gap:10px;padding:18px 24px;display:flex;position:sticky;bottom:0}.cust-drawer__footer .button{min-height:40px;padding:0 16px;font-size:.82rem}.cust-drawer__ban-btn{color:var(--color-accent)!important}.cust-overlay--modal{justify-content:center;align-items:center}.cust-modal{background:var(--color-white);width:560px;max-width:calc(100vw - 32px);max-height:calc(100vh - 48px);box-shadow:var(--shadow-lg);border-radius:20px;flex-direction:column;animation:.2s cubic-bezier(.16,1,.3,1) scaleIn;display:flex;overflow:hidden}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.cust-modal--sm{width:440px}.cust-modal__header{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;padding:20px 24px 16px;display:flex}.cust-modal__header h2{color:var(--color-heading);margin:0;font-size:1rem;font-weight:800}.cust-modal__header button{border:1px solid var(--color-border);width:32px;height:32px;color:var(--color-text-muted);cursor:pointer;background:0 0;border-radius:8px;justify-content:center;align-items:center;display:flex}.cust-modal__body{flex:1;padding:22px 24px;overflow-y:auto}.cust-modal__body--center{text-align:center}.cust-modal__danger-icon,.cust-modal__warn-icon{border-radius:50%;justify-content:center;align-items:center;width:58px;height:58px;margin:0 auto 16px;display:flex}.cust-modal__danger-icon{background:var(--color-red-alpha);color:var(--color-accent)}.cust-modal__warn-icon{background:var(--color-gold-50);color:var(--color-gold-600)}.cust-modal__body p{color:var(--color-text-muted);margin:0;font-size:.9rem;line-height:1.55}.cust-modal__body p strong{color:var(--color-heading)}.cust-modal__footer{border-top:1px solid var(--color-border);background:var(--color-background);justify-content:flex-end;gap:10px;padding:16px 24px;display:flex}.cust-form-error{font-weight:700;color:var(--color-accent)!important;margin:0 auto 0 0!important;font-size:.82rem!important}.cust-modal__footer .button{min-height:42px;padding:0 20px}.cust-photo-upload{cursor:pointer;flex-direction:column;align-items:center;gap:8px;margin-bottom:22px;display:flex}.cust-photo-upload span{color:var(--color-primary);font-size:.78rem;font-weight:600}.cust-photo-upload input[type=file]{display:none}.cust-form{grid-template-columns:1fr 1fr;gap:16px;display:grid}.cust-form__group{flex-direction:column;gap:6px;display:flex}.cust-form__group--full{grid-column:1/-1}.cust-form__group label{color:var(--color-text);font-size:.78rem;font-weight:700}.cust-form__group label span{color:var(--color-accent);margin-left:2px}.cust-form__group label em{color:var(--color-text-muted);margin-left:4px;font-style:normal;font-weight:500}.cust-form__group input,.cust-form__group textarea{background:var(--color-background);border:1px solid var(--color-border);color:var(--color-text);resize:vertical;border-radius:10px;outline:none;padding:10px 14px;font-family:inherit;font-size:.88rem;transition:border-color .15s,background .15s}.cust-form__group input:focus,.cust-form__group textarea:focus{border-color:var(--color-primary-light);background:var(--color-white);box-shadow:0 0 0 3px var(--color-focus-ring)}@media (width<=1200px){.cust-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=900px){.cust-page{padding:0 18px 40px}.cust-stat>div>strong{font-size:.95rem}}@media (width<=768px){.cust-page{padding:0 14px 36px}.cust-page__header{flex-direction:column;align-items:stretch;gap:12px}.cust-page__title{flex:1;width:100%}.cust-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.cust-stat{gap:10px;padding:14px}.cust-toolbar{flex-direction:column;align-items:stretch;gap:8px;padding:10px 14px}.cust-search,.cust-filter,.cust-filter__btn{width:100%;min-width:0}.cust-filter__btn{justify-content:center}.cust-filter__dropdown{width:100%;min-width:0;left:0;right:auto}.cust-table-wrap{border-radius:16px;overflow:visible}.cust-table-scroll{overflow:visible}.cust-table,.cust-table tbody{gap:12px;width:100%;min-width:0;display:grid}.cust-table thead{display:none}.cust-table tr{border:1px solid var(--color-border-subtle);background:var(--color-white);border-radius:14px;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;width:100%;min-width:0;padding:14px;display:grid}.cust-table tbody td{white-space:normal;border-bottom:0;min-width:0;padding:0;display:grid}.cust-table td:first-child,.cust-table td:last-child{grid-column:1/-1}.cust-actions{flex-wrap:wrap}.cust-drawer{width:100%;max-width:100%}}@media (width<=560px){.cust-page{padding:0 12px 32px}.cust-stats{grid-template-columns:1fr;gap:8px}.cust-stat__icon{flex-shrink:0;width:36px;height:36px}.cust-stat>div>strong{font-size:.9rem}.cust-stat>div>span{white-space:normal;font-size:.65rem}.cust-form{grid-template-columns:1fr}.cust-form__group--full{grid-column:1}.cust-drawer__kpis{grid-template-columns:1fr 1fr}.cust-drawer__footer{flex-direction:column}}@media (width<=400px){.cust-page{padding:0 10px 28px}.cust-stats,.cust-table tr{grid-template-columns:1fr}.cust-table td:first-child,.cust-table td:last-child{grid-column:auto}.cust-page__title h1{font-size:1.15rem}.cust-page__title p{font-size:.72rem}}.sdd{width:100%;min-width:0;position:relative}.sdd__trigger{width:100%;min-width:0;min-height:44px;color:var(--color-text);background:var(--color-background);border:1.5px solid var(--color-border);font:inherit;cursor:pointer;text-align:left;border-radius:10px;justify-content:space-between;align-items:center;gap:10px;padding:0 14px;font-size:.875rem;transition:border-color .2s,box-shadow .2s,background .2s;display:flex}.sdd__trigger:hover{border-color:var(--color-primary-light);background:var(--color-white)}.sdd--open .sdd__trigger{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-brand-100);background:var(--color-white)}.sdd--disabled .sdd__trigger{opacity:.55;cursor:not-allowed;background:var(--color-surface-subtle)}.sdd__value{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.sdd__value--placeholder{color:var(--color-text-muted)}.sdd__selected-content{align-items:center;gap:8px;min-width:0;display:flex}.sdd__selected-label{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-weight:600;overflow:hidden}.sdd__selected-meta{color:var(--color-text-muted);flex-shrink:0;font-size:.78rem}.sdd__icons{flex-shrink:0;align-items:center;gap:4px;display:flex}.sdd__clear{width:20px;height:20px;color:var(--color-text-muted);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;transition:background .15s,color .15s;display:flex}.sdd__clear:hover{background:var(--color-border);color:var(--color-accent)}.sdd__chevron{color:var(--color-text-muted);flex-shrink:0;transition:transform .25s cubic-bezier(.4,0,.2,1)}.sdd--open .sdd__chevron{transform:rotate(180deg)}.sdd__panel{z-index:9999;background:var(--color-white);border:1.5px solid var(--color-primary-light);transform-origin:top;border-radius:12px;min-width:100%;animation:.18s cubic-bezier(.16,1,.3,1) sdd-open;position:absolute;top:calc(100% + 6px);left:0;right:auto;overflow:hidden;box-shadow:0 8px 30px #056b201f,0 2px 8px #0000000f}@keyframes sdd-open{0%{opacity:0;transform:scaleY(.92)translateY(-6px)}to{opacity:1;transform:scaleY(1)translateY(0)}}.sdd__search-wrap{border-bottom:1px solid var(--color-border);align-items:center;gap:8px;padding:10px 12px;display:flex}.sdd__search-icon{color:var(--color-text-muted);flex-shrink:0}.sdd__search{min-width:0;font:inherit;color:var(--color-text);background:0 0;border:none;outline:none;flex:1;padding:0;font-size:.875rem}.sdd__search::placeholder{color:var(--color-text-muted)}.sdd__list{scrollbar-width:thin;scrollbar-color:var(--color-border) transparent;max-height:220px;padding:6px;overflow-y:auto}.sdd__option{cursor:pointer;text-align:left;width:100%;font:inherit;color:var(--color-text);background:0 0;border:none;border-radius:8px;justify-content:space-between;align-items:center;gap:8px;padding:9px 10px;font-size:.875rem;transition:background .12s;display:flex}.sdd__option:hover{background:var(--color-brand-100);color:var(--color-primary-dark)}.sdd__option--selected{background:var(--color-brand-100);color:var(--color-primary-dark);font-weight:700}.sdd__option-content{flex:1;align-items:center;gap:8px;min-width:0;display:flex}.sdd__option-label{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.sdd__option-meta{color:var(--color-text-muted);flex-shrink:0;font-size:.78rem;font-weight:500}.sdd__option-check{color:var(--color-primary);flex-shrink:0}.sdd__empty{text-align:center;color:var(--color-text-muted);padding:16px;font-size:.85rem;font-style:italic}.csel{width:100%;min-width:0;position:relative}.csel__trigger{width:100%;min-width:0;min-height:44px;color:var(--color-text);background:var(--color-background);border:1.5px solid var(--color-border);font:inherit;cursor:pointer;text-align:left;border-radius:10px;justify-content:space-between;align-items:center;gap:10px;padding:0 14px;font-size:.875rem;transition:border-color .2s,box-shadow .2s;display:flex}.csel__trigger:hover{border-color:var(--color-primary-light);background:var(--color-white)}.csel--open .csel__trigger{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-brand-100);background:var(--color-white)}.csel--disabled .csel__trigger{opacity:.55;cursor:not-allowed}.csel__value{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-weight:500;overflow:hidden}.csel__value--placeholder{color:var(--color-text-muted);font-weight:400}.csel__chevron{color:var(--color-text-muted);flex-shrink:0;transition:transform .22s cubic-bezier(.4,0,.2,1)}.csel--open .csel__chevron{transform:rotate(180deg)}.csel__panel{z-index:200;background:var(--color-white);border:1.5px solid var(--color-primary-light);transform-origin:top;border-radius:12px;animation:.16s cubic-bezier(.16,1,.3,1) csel-open;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow:hidden;box-shadow:0 8px 24px #056b201a,0 2px 6px #0000000d}@keyframes csel-open{0%{opacity:0;transform:scaleY(.9)translateY(-6px)}to{opacity:1;transform:scaleY(1)translateY(0)}}.csel__list{scrollbar-width:thin;scrollbar-color:var(--color-border) transparent;max-height:200px;padding:6px;overflow-y:auto}.csel__option{cursor:pointer;text-align:left;width:100%;font:inherit;color:var(--color-text);background:0 0;border:none;border-radius:8px;justify-content:space-between;align-items:center;gap:8px;padding:9px 10px;font-size:.875rem;transition:background .12s;display:flex}.csel__option:hover{background:var(--color-brand-100);color:var(--color-primary-dark)}.csel__option--selected{background:var(--color-brand-100);color:var(--color-primary-dark);font-weight:700}.csel__option-check{color:var(--color-primary);flex-shrink:0}.prm-overlay{z-index:1000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0a1a10a6;justify-content:center;align-items:center;padding:20px;animation:.22s prm-fadein;display:flex;position:fixed;inset:0}@keyframes prm-fadein{0%{opacity:0}to{opacity:1}}.prm-container{background:#f0f2f0;border-radius:24px;flex-direction:column;width:100%;max-width:720px;max-height:90vh;animation:.3s cubic-bezier(.16,1,.3,1) prm-slide-up;display:flex;overflow:hidden;box-shadow:0 40px 100px #0a1a1047,0 8px 30px #0a1a1024}@keyframes prm-slide-up{0%{opacity:0;transform:translateY(32px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.prm-header{background:linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-vivid) 100%);color:#fff;flex-shrink:0;justify-content:space-between;align-items:center;padding:16px 22px 14px;display:flex}.prm-header__title{align-items:center;gap:9px;font-size:.92rem;font-weight:700;display:flex}.prm-close{color:#fff;cursor:pointer;background:#fff3;border:none;border-radius:50%;place-items:center;width:32px;height:32px;transition:background .18s;display:grid}.prm-close:hover{background:#ffffff59}.prm-body{flex:1;gap:0;min-height:0;display:flex;overflow:hidden}.prm-receipt-wrap{scrollbar-width:thin;scrollbar-color:var(--color-border) transparent;background:#e8ebe8;flex:1;justify-content:center;align-items:flex-start;padding:24px 20px 24px 24px;display:flex;overflow-y:auto}.receipt{background:#fff;flex:none;width:100%;max-width:320px;height:fit-content;font-family:Courier New,Outfit,monospace;position:relative;overflow:visible;box-shadow:0 2px 6px #0000001a,0 8px 24px #00000014,inset 0 1px #ffffffe6}.receipt__perf{background-color:#fff;background-image:radial-gradient(circle,#e8ebe8 6px,#0000 6px),none;background-position:50%;background-repeat:repeat,repeat;background-size:18px 14px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;height:14px}.receipt__perf--top{border-bottom:1px dashed #d0d4d0}.receipt__perf--bottom{border-top:1px dashed #d0d4d0}.receipt__brand{text-align:center;border-bottom:none;padding:20px 20px 10px}.receipt__logo{object-fit:contain;width:auto;max-width:160px;max-height:100px;margin:0 auto 10px;display:block}.receipt__tagline{color:#444;letter-spacing:0;margin:0 0 3px;font-family:Outfit,sans-serif;font-size:.72rem;font-style:italic;font-weight:500}.receipt__contact{color:#888;margin:0;font-family:Outfit,sans-serif;font-size:.68rem}.receipt__divider{background:#e0e4e0;height:1px;margin:10px 20px}.receipt__divider--dashed{background:0 0;border:none;border-top:1.5px dashed #ccc}.receipt__meta-grid{grid-template-columns:1fr 1fr;gap:10px;padding:10px 20px;display:grid}.receipt__meta-grid>div{flex-direction:column;gap:2px;min-width:0;display:flex}.receipt__meta-grid>div:nth-child(2n){text-align:right;align-items:flex-end}.receipt__meta-label{text-transform:uppercase;letter-spacing:.09em;color:#999;font-family:Outfit,sans-serif;font-size:.63rem;font-weight:700}.receipt__meta-value{color:#1a2e22;overflow-wrap:anywhere;font-family:Outfit,sans-serif;font-size:.78rem;font-weight:600}.receipt__meta-value--mono{color:var(--color-primary-dark);font-family:Courier New,monospace;font-size:.82rem;font-weight:700}.receipt__items-header{text-transform:uppercase;letter-spacing:.09em;color:#999;background:#f6f8f6;border-top:1px solid #eee;border-bottom:1px solid #eee;grid-template-columns:minmax(0,1fr) 34px 74px;gap:8px;padding:6px 20px;font-family:Outfit,sans-serif;font-size:.63rem;font-weight:700;display:grid}.receipt__items-header span:nth-child(2),.receipt__items-header span:nth-child(3){text-align:right}.receipt__line{border-bottom:1px dotted #eee;grid-template-columns:minmax(0,1fr) 34px 74px;align-items:start;gap:8px;padding:7px 20px;display:grid}.receipt__line:last-of-type{border-bottom:none}.receipt__line-name{color:#1a2e22;overflow-wrap:anywhere;white-space:normal;min-width:0;font-family:Outfit,sans-serif;font-size:.78rem;font-weight:600;line-height:1.35}.receipt__line-name em{color:#999;overflow-wrap:anywhere;margin-left:0;font-size:.7rem;font-style:normal;display:block}.receipt__line-qty{color:#888;white-space:nowrap;text-align:right;font-family:Outfit,sans-serif;font-size:.72rem}.receipt__line-price{color:#1a2e22;white-space:nowrap;text-align:right;font-family:Courier New,monospace;font-size:.78rem;font-weight:700}.receipt__totals{gap:6px;padding:8px 20px;display:grid}.receipt__total-row{color:#555;justify-content:space-between;gap:12px;font-family:Outfit,sans-serif;font-size:.76rem;display:flex}.receipt__total-row span:first-child{overflow-wrap:anywhere;min-width:0}.receipt__total-row span:last-child{font-family:Courier New,monospace;font-weight:600}.receipt__total-row--grand{color:#1a2e22;text-transform:uppercase;letter-spacing:.05em;border-top:1.5px solid #ccc;margin-top:4px;padding-top:8px;font-size:.88rem;font-weight:900}.receipt__total-row--grand span:last-child{font-family:Courier New,monospace;font-size:1rem;font-weight:900}.receipt__total-row--paid{color:var(--color-primary-dark);font-weight:700}.receipt__total-row--balance{color:#c0392b;font-weight:700}.receipt__total-row--loyalty{color:#6c3483;font-weight:700}.receipt__total-row--payable{color:#1a2e22;border-top:1px dashed #ccc;margin-top:2px;padding-top:6px;font-size:.84rem;font-weight:800}.receipt__footer{text-align:center;gap:8px;padding:14px 20px 10px;display:grid}.receipt-status-badge{text-transform:uppercase;letter-spacing:.08em;border-radius:999px;padding:4px 14px;font-family:Outfit,sans-serif;font-size:.7rem;font-weight:800;display:inline-block}.receipt-badge--paid{color:var(--color-primary-dark);background:#d9f3df}.receipt-badge--unpaid{color:#c0392b;background:#ffdada}.receipt-badge--partial{color:#92400e;background:#fef3c7}.receipt__thanks{color:#555;overflow-wrap:anywhere;margin:0;font-family:Outfit,sans-serif;font-size:.72rem;font-weight:500}.receipt__policy{color:#aaa;overflow-wrap:anywhere;margin:0;font-family:Outfit,sans-serif;font-size:.65rem}.prm-actions-panel{background:var(--color-white);border-left:1px solid var(--color-border);flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:16px;width:140px;padding:28px 16px;display:flex}.prm-actions-label{color:var(--color-text-muted);text-align:center;text-transform:uppercase;letter-spacing:.06em;margin:0;font-size:.75rem;font-weight:700}.prm-actions{flex-direction:column;align-items:center;gap:12px;display:flex}.prm-action-group{justify-items:center;gap:6px;display:grid}.prm-action-group span{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.04em;text-align:center;font-size:.68rem;font-weight:700}.prm-action{cursor:pointer;border:none;border-radius:16px;flex-shrink:0;place-items:center;width:52px;height:52px;transition:transform .2s,box-shadow .2s,opacity .2s;display:grid}.prm-action:hover{transform:translateY(-3px)scale(1.05)}.prm-action:disabled{opacity:.55;cursor:not-allowed;transform:none}.prm-action--whatsapp{color:#fff;background:#25d366;box-shadow:0 6px 18px #25d36659}.prm-action--whatsapp:hover{box-shadow:0 10px 28px #25d36673}.prm-action--download{background:linear-gradient(135deg, var(--color-primary), var(--color-primary-vivid));color:#fff;box-shadow:0 6px 18px #06892b47}.prm-action--download:hover{box-shadow:0 10px 28px #06892b61}.prm-action--print{color:#c0392b;background:#fff1f0;border:1.5px solid #fdddd9;box-shadow:0 4px 12px #c0392b1f}.prm-action--print:hover{background:#ffe0dc;box-shadow:0 8px 20px #c0392b33}.prm-action__spinner{border:2.5px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:18px;height:18px;animation:.6s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (width<=600px){.prm-container{border-radius:20px 20px 0 0;align-self:flex-end;max-width:100%;max-height:100dvh}.prm-overlay{align-items:flex-end;padding:0}.prm-body{flex-direction:column}.prm-receipt-wrap{padding:16px}.prm-actions-panel{border-left:none;border-top:1px solid var(--color-border);flex-direction:row;justify-content:center;width:100%;padding:16px 20px}.prm-actions{flex-direction:row}.prm-action-group{min-width:72px}.prm-actions-label{display:none}}.orders-page{gap:22px;min-width:0;max-width:100%;padding:0 28px 56px;display:grid}.orders-page__header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.orders-page__title{align-items:center;gap:16px;display:flex}.orders-page__title-icon{background:linear-gradient(135deg, var(--color-primary), var(--color-primary-vivid));color:#fff;width:50px;height:50px;box-shadow:var(--shadow-brand);border-radius:14px;flex-shrink:0;place-items:center;display:grid}.orders-page h1{color:var(--color-heading);letter-spacing:-.02em;margin:0;font-size:1.55rem;font-weight:800}.orders-page p{color:var(--color-text-muted);margin:4px 0 0;font-size:.84rem}.orders-page h2{color:var(--color-heading);margin:0;font-size:.95rem;font-weight:800}.orders-page h3{color:var(--color-heading);margin:0;font-size:.88rem;font-weight:800}.orders-summary-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.orders-stat-card{border:1px solid var(--color-border);background:var(--color-white);box-shadow:var(--shadow-card);border-radius:16px;align-items:center;gap:14px;min-height:82px;padding:18px 20px;transition:transform .25s,box-shadow .25s;animation:.4s cubic-bezier(.16,1,.3,1) both stat-card-in;display:flex}.orders-stat-card:hover{box-shadow:var(--shadow-card-hover);transform:translateY(-3px)}@keyframes stat-card-in{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.orders-stat-card__icon{border-radius:12px;flex-shrink:0;place-items:center;width:44px;height:44px;display:grid}.orders-stat-card__body{gap:4px;display:grid}.orders-stat-card__body strong{letter-spacing:-.02em;color:var(--color-heading);font-size:1.25rem;font-weight:900;line-height:1;display:block}.orders-stat-card__body small{text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);font-size:.72rem;font-weight:600;display:block}.card--green .orders-stat-card__icon{background:var(--color-green-pale);color:var(--color-primary)}.card--amber .orders-stat-card__icon{background:var(--color-warning-bright);color:var(--color-warning-dark)}.card--blue .orders-stat-card__icon{background:var(--color-info-50);color:var(--color-info-500)}.card--violet .orders-stat-card__icon{background:var(--color-accent-100);color:var(--color-accent-600)}.orders-workspace{grid-template-columns:minmax(0,1.6fr) minmax(280px,.8fr);align-items:start;gap:20px;min-width:0;max-width:100%;display:grid}.orders-workspace>*{min-width:0}.orders-right-column{gap:16px;min-width:0;display:grid;position:sticky;top:20px}.order-create-card,.order-panel,.orders-table-card{min-width:0;max-width:100%;padding:24px}.order-section-heading{color:var(--color-primary);align-items:center;gap:10px;margin-bottom:20px;display:flex}.order-form{gap:20px;display:grid}.order-form__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.order-form__grid--service{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(82px,.35fr)}.order-form__label{gap:8px;min-width:0;display:grid}.order-form__label>span{text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted);font-size:.78rem;font-weight:800}.order-form__input{background:var(--color-background);border:1.5px solid var(--color-border);width:100%;min-height:44px;font:inherit;color:var(--color-text);border-radius:10px;outline:none;padding:0 14px;font-size:.875rem;transition:border-color .2s,box-shadow .2s}.order-form__input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-brand-100);background:var(--color-white)}.order-form__textarea{background:var(--color-background);border:1.5px solid var(--color-border);width:100%;font:inherit;color:var(--color-text);resize:vertical;border-radius:10px;outline:none;padding:12px 14px;font-size:.875rem;transition:border-color .2s,box-shadow .2s}.order-form__textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-brand-100);background:var(--color-white)}.order-subsection{gap:14px;display:grid}.order-subsection__head{justify-content:space-between;align-items:center;display:flex}.added-service-list{gap:8px;display:grid}.added-service-row{background:var(--color-white);border:1.5px solid var(--color-border);border-radius:10px;align-items:center;gap:14px;padding:12px 14px;animation:.28s cubic-bezier(.16,1,.3,1) svc-in;display:flex}@keyframes svc-in{0%{opacity:0;transform:translate(-12px)}to{opacity:1;transform:translate(0)}}.added-service-row__info{flex:1;gap:2px;min-width:0;display:grid}.added-service-row__info strong{color:var(--color-heading);text-overflow:ellipsis;white-space:nowrap;font-size:.88rem;font-weight:800;overflow:hidden}.added-service-row__info span{color:var(--color-text-muted);font-size:.78rem;font-weight:500}.added-service-row__total{color:var(--color-primary-dark);flex-shrink:0;font-size:.9rem;font-weight:800}.service-row-actions{flex-shrink:0;gap:6px;display:flex}.icon-button{background:var(--color-surface-subtle);border:1.5px solid var(--color-border);width:32px;height:32px;color:var(--color-primary);cursor:pointer;border-radius:8px;place-items:center;transition:background .15s,color .15s,border-color .15s,transform .15s;display:grid}.icon-button:hover{background:var(--color-brand-100);border-color:var(--color-primary-light);transform:scale(1.08)}.icon-button--danger{color:var(--color-accent)}.icon-button--danger:hover{background:var(--color-accent-50);border-color:var(--color-accent-100)}.service-entry{background:var(--color-surface-subtle);border:1.5px solid var(--color-border);border-radius:12px;gap:14px;min-width:0;padding:16px;display:grid;position:relative;overflow:visible}.service-entry__footer{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.service-inline-message{color:var(--color-accent);margin-right:auto;font-size:.8rem;font-weight:700}.service-preview-price{color:var(--color-primary-dark);font-size:.88rem;font-weight:800}.button--small{min-height:38px;padding:0 16px;font-size:.8rem}.option-pills{flex-wrap:wrap;gap:10px;display:flex}.option-pill{background:var(--color-white);border:1.5px solid var(--color-border);min-height:40px;font:inherit;color:var(--color-text);cursor:pointer;border-radius:999px;justify-content:center;align-items:center;padding:0 20px;font-size:.84rem;font-weight:700;transition:all .2s;display:inline-flex}.option-pill:hover{border-color:var(--color-primary-light);color:#fff;background:var(--color-primary-light)}.option-pill--active{background:linear-gradient(135deg, var(--color-primary), var(--color-primary-vivid));color:#fff;border-color:#0000;box-shadow:0 4px 14px #06892b40}.delivery-fields{background:var(--color-surface-subtle);border:1.5px solid var(--color-border);border-radius:12px;gap:14px;min-width:0;padding:16px;animation:.25s cubic-bezier(.16,1,.3,1) delivery-in;display:grid}@keyframes delivery-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.option-pill:disabled,.option-pill--disabled{opacity:.55;cursor:not-allowed;background:var(--color-surface-subtle);border-color:var(--color-border);color:var(--color-text-muted);box-shadow:none}.option-pill:disabled:hover,.option-pill--disabled:hover{background:var(--color-surface-subtle);border-color:var(--color-border);color:var(--color-text-muted)}.discount-loyalty-panel{background:var(--color-surface-subtle);border:1.5px solid var(--color-border);border-radius:12px;gap:14px;min-width:0;padding:16px;animation:.25s cubic-bezier(.16,1,.3,1) delivery-in;display:grid}.dl-info-box{background:var(--color-violet-50);border:1px solid #c4b5fd;border-radius:10px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;display:flex}.dl-info-item{flex-direction:column;gap:2px;display:flex}.dl-info-label{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.04em;font-size:.74rem;font-weight:700}.dl-info-value{color:var(--color-gold);font-size:.95rem;font-weight:800}.dl-info-value--highlight{color:var(--color-primary-dark)}.dl-preview-value{color:var(--color-primary-dark);align-items:center;gap:6px;font-size:.88rem;font-weight:800;display:inline-flex}.dl-hint-message{margin-top:4px;font-size:.8rem;font-weight:600;color:var(--color-gold)!important}.dl-hint-message--warning{color:var(--color-accent)}.payment-entry{grid-template-columns:minmax(0,1fr) minmax(180px,.5fr);align-items:end;gap:14px;min-width:0;display:grid}.half-payment-row{align-items:flex-end;gap:10px;display:flex}.order-summary-box{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;min-width:0;display:grid}.order-summary-box__item{background:var(--color-white);border:1px solid var(--color-border);border-radius:10px;gap:5px;padding:12px 14px;display:grid}.order-summary-box__item span{text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted);font-size:.72rem;font-weight:700}.order-summary-box__item strong{color:var(--color-heading);font-size:.92rem;font-weight:800}.order-summary-box__item--green strong{color:var(--color-primary-dark)}.order-summary-box__item--red strong{color:var(--color-accent)}.workflow-stack{gap:20px;display:grid}.workflow-block{gap:10px;display:grid}.workflow-block__head{color:var(--color-primary);align-items:center;gap:8px;font-size:.84rem;display:flex}.workflow-steps{gap:0;display:grid}.workflow-step{align-items:flex-start;gap:10px;min-height:40px;display:flex}.workflow-step__indicator{flex-direction:column;flex-shrink:0;align-items:center;padding-top:2px;display:flex}.workflow-step__line{background:var(--color-border);flex:1;width:2px;min-height:18px;margin-top:4px}.workflow-step__label{color:var(--color-text-muted);padding-top:1px;font-size:.84rem;font-weight:600}.workflow-step__label--done{color:var(--color-primary-dark);font-weight:800}.wf-icon--done{color:var(--color-primary)}.wf-icon--future{color:var(--color-border-strong)}.order-rule{background:var(--color-green-pale);border:1px solid var(--color-border);color:var(--color-green-muted);border-radius:10px;margin-top:14px;padding:12px 14px;font-size:.82rem;font-weight:500;line-height:1.5}.order-rule strong{color:var(--color-primary-dark)}.refund-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;min-width:0;display:grid}.refund-chip{border:1px solid #0000;border-radius:12px;gap:5px;padding:14px 16px;display:grid}.refund-chip__label{text-transform:uppercase;letter-spacing:.07em;opacity:.75;font-size:.7rem;font-weight:800}.refund-chip__value{font-size:.9rem;font-weight:800}.chip--green{color:var(--color-primary-dark);background:#effaf3;border-color:#b6e6c8}.chip--blue{background:var(--color-info-50);color:var(--color-info-500);border-color:#bfdbfe}.chip--violet{background:var(--color-violet-50);color:var(--color-violet-500);border-color:#c4b5fd}.chip--amber{background:var(--color-gold-50);border-color:var(--color-gold-100);color:var(--color-gold-600)}.orders-table-card__head-row{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.view-all-link{background:var(--color-brand-100);border:1px solid var(--color-primary-light);color:var(--color-primary-dark);font:inherit;cursor:pointer;border-radius:8px;align-items:center;gap:4px;padding:7px 14px;font-size:.8rem;font-weight:800;transition:background .15s,transform .15s;display:inline-flex}.view-all-link:hover{background:var(--color-primary);color:#fff;border-color:#0000;transform:translateY(-1px)}.orders-table-wrap{border:1px solid var(--color-border);border-radius:10px;min-width:0;max-width:100%;overflow-x:auto}.orders-table{border-collapse:collapse;width:max-content;min-width:100%}.orders-table__head{background:var(--color-surface-subtle);border-bottom:1.5px solid var(--color-border)}.orders-table__head th{text-align:left;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-muted);white-space:nowrap;padding:11px 14px;font-size:.7rem;font-weight:800}.orders-table__row{border-bottom:1px solid var(--color-border-subtle);transition:background .14s;animation:.3s cubic-bezier(.16,1,.3,1) both row-in}@keyframes row-in{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.orders-table__row:last-child{border-bottom:none}.orders-table__row:hover{background:var(--color-brand-100)}.orders-table__row td{color:var(--color-text);vertical-align:middle;white-space:nowrap;padding:12px 14px;font-size:.875rem}.orders-table__order-no{font-weight:800;color:var(--color-primary-dark)!important;font-size:.8rem!important}.orders-table__customer{color:var(--color-heading)!important;font-weight:700!important}.orders-table__amount{font-weight:800!important}.orders-table__amount--owed{color:var(--color-accent)!important}.orders-table__amount--clear{color:var(--color-primary-dark)!important}.op-badge{text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;border-radius:999px;padding:4px 10px;font-size:.7rem;font-weight:800;display:inline-block}.op-badge--paid{background:var(--color-brand-100);color:var(--color-primary-dark)}.op-badge--partial{background:var(--color-gold-100);color:var(--color-gold-600)}.op-badge--unpaid{background:var(--color-accent-50);color:var(--color-accent-600)}.op-badge--progress{color:#ea580c;background:#fff7ed}.op-badge--ready{background:var(--color-info-50,#f0f9ff);color:var(--color-info-500,#0ea5e9)}.op-badge--delivery{background:var(--color-gold-50);color:var(--color-gold-600)}.op-badge--completed{background:var(--color-green-pale);color:var(--color-primary-dark)}.op-badge--cancelled{background:var(--color-accent-50);color:var(--color-accent-600)}.op-view-btn{background:var(--color-brand-100);border:1px solid var(--color-primary-light);color:var(--color-primary-dark);font:inherit;cursor:pointer;white-space:nowrap;border-radius:7px;align-items:center;gap:5px;padding:6px 12px;font-size:.75rem;font-weight:800;transition:all .15s;display:inline-flex}.op-view-btn:hover{background:var(--color-primary);color:#fff;border-color:#0000;transform:translateY(-1px);box-shadow:0 4px 10px #06892b33}.orders-alert,.orders-empty{border:1px solid var(--color-border);background:var(--color-brand-100);color:var(--color-primary-dark);border-radius:10px;padding:12px 14px;font-size:.84rem;font-weight:700}.orders-alert--error{background:var(--color-accent-50);color:var(--color-accent-600);border-color:var(--color-accent-100)}.orders-empty{text-align:center;background:var(--color-surface-subtle);color:var(--color-text-muted)}@media (width<=1250px){.orders-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.orders-workspace{grid-template-columns:1fr}.orders-right-column{position:static}.refund-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=820px){.orders-page{padding:0 16px 40px}.orders-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.order-form__grid,.payment-entry,.order-summary-box{grid-template-columns:1fr}.order-form__grid--service{grid-template-columns:1fr 1fr}.refund-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.half-payment-row{flex-direction:column;align-items:stretch}}@media (width<=560px){.orders-summary-grid,.order-form__grid--service,.refund-grid{grid-template-columns:1fr}}.aop{gap:20px;padding:0 28px 56px;animation:.32s cubic-bezier(.16,1,.3,1) aop-in;display:grid}@keyframes aop-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.aop__back{background:var(--color-white);border:1.5px solid var(--color-border);color:var(--color-text);font:inherit;cursor:pointer;border-radius:999px;align-items:center;gap:6px;width:fit-content;padding:8px 16px;font-size:.82rem;font-weight:700;transition:border-color .2s,color .2s,box-shadow .2s;display:inline-flex}.aop__back:hover{border-color:var(--color-primary);color:var(--color-primary);box-shadow:var(--shadow-sm)}.aop__header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;display:flex}.aop__header-left{align-items:center;gap:16px;display:flex}.aop__header-icon{background:linear-gradient(135deg, var(--color-primary), var(--color-primary-vivid));color:#fff;width:50px;height:50px;box-shadow:var(--shadow-brand);border-radius:14px;flex-shrink:0;place-items:center;display:grid}.aop__title{color:var(--color-heading);letter-spacing:-.02em;margin:0;font-size:1.5rem;font-weight:800}.aop__subtitle{color:var(--color-text-muted);margin:4px 0 0;font-size:.83rem}.aop-context-badge{border:1px solid var(--color-primary-light);background:var(--color-green-pale);width:fit-content;max-width:100%;color:var(--color-primary-dark);border-radius:999px;align-items:center;gap:8px;padding:9px 14px;font-size:.84rem;font-weight:800;display:inline-flex}.aop-context-badge span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.aop__toolbar{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.aop__search-wrap{flex:1;align-items:center;min-width:200px;display:flex;position:relative}.aop__search-icon{color:var(--color-text-muted);pointer-events:none;position:absolute;left:14px}.aop__search{background:var(--color-white);border:1.5px solid var(--color-border);width:100%;min-height:44px;font:inherit;color:var(--color-text);border-radius:12px;outline:none;padding:0 40px 0 42px;font-size:.875rem;transition:border-color .2s,box-shadow .2s}.aop__search:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-brand-100)}.aop__search::placeholder{color:var(--color-text-muted)}.aop__search-clear{background:var(--color-border);width:22px;height:22px;color:var(--color-text-muted);cursor:pointer;border:none;border-radius:50%;place-items:center;transition:background .15s;display:grid;position:absolute;right:12px}.aop__search-clear:hover{background:var(--color-border-strong)}.aop__filter-toggle{background:var(--color-white);border:1.5px solid var(--color-border);min-height:44px;font:inherit;color:var(--color-text);cursor:pointer;border-radius:12px;align-items:center;gap:7px;padding:0 18px;font-size:.84rem;font-weight:700;transition:border-color .2s,background .2s,color .2s;display:inline-flex;position:relative}.aop__filter-toggle:hover,.aop__filter-toggle--active{border-color:var(--color-primary);color:var(--color-primary);background:var(--color-brand-100)}.aop__filter-dot{background:var(--color-primary-vivid);border-radius:50%;width:7px;height:7px}.aop__filters{background:var(--color-white);border:1.5px solid var(--color-border);border-radius:14px;gap:14px;padding:18px;animation:.2s cubic-bezier(.16,1,.3,1) aop-filters-in;display:grid}@keyframes aop-filters-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.aop__filter-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;display:grid}.aop__filter-label{gap:7px;display:grid}.aop__filter-label span{text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted);font-size:.78rem;font-weight:800}.aop__date-input{background:var(--color-background);border:1.5px solid var(--color-border);width:100%;min-height:44px;font:inherit;color:var(--color-text);cursor:pointer;border-radius:10px;outline:none;padding:0 14px;font-size:.875rem;transition:border-color .2s,box-shadow .2s}.aop__date-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-brand-100)}.aop__clear-filters{background:var(--color-accent-50);border:1.5px solid var(--color-accent-100);color:var(--color-accent-600);font:inherit;cursor:pointer;border-radius:8px;align-items:center;gap:6px;width:fit-content;padding:8px 14px;font-size:.8rem;font-weight:700;transition:background .15s;display:inline-flex}.aop__clear-filters:hover{background:var(--color-accent-100)}.aop-card{background:var(--color-white);border:1px solid var(--color-border);box-shadow:var(--shadow-card);border-radius:16px;overflow:hidden}.aop-table-wrap{overflow-x:auto}.aop-table{border-collapse:collapse;width:100%;min-width:900px}.aop-table__head{background:var(--color-surface-subtle);border-bottom:1.5px solid var(--color-border)}.aop-table__head th{text-align:left;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-muted);white-space:nowrap;padding:12px 16px;font-size:.72rem;font-weight:800}.aop-table__row{border-bottom:1px solid var(--color-border-subtle);transition:background .15s;animation:.3s cubic-bezier(.16,1,.3,1) both aop-row-in}@keyframes aop-row-in{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}.aop-table__row:last-child{border-bottom:none}.aop-table__row:hover{background:var(--color-brand-100)}.aop-table__row td{color:var(--color-text);vertical-align:middle;white-space:nowrap;padding:13px 16px;font-size:.875rem}.aop-table__order-no{font-family:monospace;font-weight:800;color:var(--color-primary-dark)!important;font-size:.82rem!important}.aop-table__customer{color:var(--color-heading)!important;font-weight:700!important}.aop-table__total{color:var(--color-heading)!important;font-weight:800!important}.aop-badge{text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;border-radius:999px;padding:4px 10px;font-size:.72rem;font-weight:800;display:inline-block}.aop-badge--paid{background:var(--color-brand-100);color:var(--color-primary-dark)}.aop-badge--partial{background:var(--color-gold-100);color:var(--color-gold-600)}.aop-badge--unpaid{background:var(--color-accent-50);color:var(--color-accent-600)}.aop-view-btn{background:var(--color-brand-100);border:1px solid var(--color-primary-light);color:var(--color-primary-dark);font:inherit;cursor:pointer;white-space:nowrap;border-radius:8px;align-items:center;gap:6px;padding:7px 14px;font-size:.78rem;font-weight:800;transition:background .15s,box-shadow .15s,transform .15s;display:inline-flex}.aop-view-btn:hover{background:var(--color-primary);color:#fff;border-color:#0000;transform:translateY(-1px);box-shadow:0 4px 12px #06892b33}.aop-empty{color:var(--color-text-muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:60px 20px;display:flex}.aop-empty svg{opacity:.3}.aop-empty p{margin:0;font-size:.9rem}@media (width<=820px){.aop{padding:0 16px 40px}.aop__filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=540px){.aop__filter-grid{grid-template-columns:1fr}}.odp{gap:24px;padding:0 28px 56px;animation:.35s cubic-bezier(.16,1,.3,1) odp-in;display:grid}@keyframes odp-in{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.odp__back{background:var(--color-white);border:1.5px solid var(--color-border);color:var(--color-text);font:inherit;cursor:pointer;border-radius:999px;align-items:center;gap:6px;padding:8px 16px;font-size:.82rem;font-weight:700;transition:border-color .2s,box-shadow .2s,color .2s;display:inline-flex}.odp__back:hover{border-color:var(--color-primary);color:var(--color-primary);box-shadow:var(--shadow-sm)}.odp__header{gap:16px;display:grid}.odp__title-row{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.odp__title-icon{background:linear-gradient(135deg, var(--color-primary), var(--color-primary-vivid));color:#fff;width:50px;height:50px;box-shadow:var(--shadow-brand);border-radius:14px;flex-shrink:0;place-items:center;display:grid}.odp__title{color:var(--color-heading);letter-spacing:-.02em;margin:0;font-size:1.5rem;font-weight:800}.odp__subtitle{color:var(--color-text-muted);margin:4px 0 0;font-size:.83rem}.odp__status-badge{margin-left:auto}.odp__grid{grid-template-columns:minmax(0,1.4fr) minmax(280px,.9fr);align-items:start;gap:20px;display:grid}.odp__left,.odp__right{gap:16px;display:grid}.odp-card{background:var(--color-white);border:1px solid var(--color-border);box-shadow:var(--shadow-card);border-radius:16px;padding:22px;transition:box-shadow .2s}.odp-card:hover{box-shadow:var(--shadow-card-hover)}.odp-card__head{color:var(--color-primary);align-items:center;gap:8px;margin-bottom:18px;display:flex}.odp-card__head h2{color:var(--color-heading);margin:0;font-size:.95rem;font-weight:800}.odp-info-grid{gap:14px;display:grid}.odp-info-item{color:var(--color-text-muted);align-items:flex-start;gap:10px;display:flex}.odp-info-item>svg{flex-shrink:0;margin-top:2px}.odp-info-item>div{gap:2px;display:grid}.odp-info-item__label{text-transform:uppercase;letter-spacing:.07em;color:var(--color-text-muted);font-size:.72rem;font-weight:700}.odp-info-item__value{color:var(--color-text);font-size:.88rem;font-weight:600}.odp-info-item__value--cap{text-transform:capitalize}.odp-services-table{border:1px solid var(--color-border);border-radius:10px;margin-bottom:12px;overflow:hidden}.odp-services-table__head,.odp-services-table__row{grid-template-columns:1.2fr 1.4fr .4fr .9fr .9fr 1fr;gap:8px;padding:10px 14px;display:grid}.odp-services-table__head{background:var(--color-surface-subtle);border-bottom:1px solid var(--color-border);text-transform:uppercase;letter-spacing:.07em;color:var(--color-text-muted);font-size:.72rem;font-weight:800}.odp-services-table__row{color:var(--color-text);border-bottom:1px solid var(--color-border-subtle);font-size:.875rem}.odp-services-table__row:last-child{border-bottom:none}.odp-services-table__name{color:var(--color-heading);font-weight:700}.odp-services-table__total{color:var(--color-primary-dark);font-weight:800}.odp-notes{background:var(--color-warning-50);border:1px solid var(--color-gold-100);color:var(--color-gold-600);border-radius:8px;align-items:center;gap:7px;padding:10px 14px;font-size:.82rem;font-weight:600;display:flex}.odp-payment-grid{gap:10px;margin-bottom:14px;display:grid}.odp-payment-item{border-bottom:1px solid var(--color-border-subtle);color:var(--color-text);justify-content:space-between;align-items:center;padding:8px 0;font-size:.875rem;display:flex}.odp-payment-item:last-child{border-bottom:none}.odp-payment-item span{color:var(--color-text-muted)}.odp-payment-item--total{color:var(--color-heading);border-top:1.5px solid var(--color-border);margin-top:2px;padding-top:12px;font-size:1rem;font-weight:800}.odp-payment-item--total span,.odp-payment-item--total strong{color:var(--color-heading)}.odp-payment-item--paid strong{color:var(--color-primary-dark)}.odp-payment-item--balance strong{color:var(--color-accent)}.odp-payment-item--loyalty strong{color:#6c3483}.odp-payment-item--payable{border-top:1.5px dashed var(--color-border);margin-top:4px;padding-top:10px;display:none}.odp-payment-item--payable strong{color:#1a2e22;font-weight:900}.odp-loyalty-info{color:#6c3483;background:#f3e8ff;border-radius:8px;margin:4px 0 8px;padding:8px 12px;font-size:.78rem;font-weight:600}.odp-payment-badge{text-transform:uppercase;letter-spacing:.06em;border-radius:999px;padding:5px 14px;font-size:.75rem;font-weight:800;display:inline-block}.odp-empty{border:1px solid var(--color-border);background:var(--color-surface-subtle);color:var(--color-text-muted);border-radius:10px;padding:14px 16px;font-size:.88rem;font-weight:700}.odp-payment-history{border-top:1px solid var(--color-border);gap:8px;margin-top:14px;padding-top:14px;display:grid}.odp-payment-history__row{justify-content:space-between;align-items:center;gap:10px;font-size:.8rem;display:flex}.odp-payment-history__row span{color:var(--color-text-muted)}.odp-payment-history__row strong{color:var(--color-primary-dark)}.payment--cleared{background:var(--color-brand-100);color:var(--color-primary-dark)}.payment--partial{background:var(--color-gold-100);color:var(--color-gold-600)}.payment--unpaid{background:var(--color-accent-100);color:var(--color-accent-600)}.odp-workflow{gap:0;display:grid}.odp-workflow__step{align-items:flex-start;gap:12px;min-height:48px;display:flex}.odp-workflow__indicator{flex-direction:column;flex-shrink:0;align-items:center;padding-top:2px;display:flex}.odp-workflow__line{background:var(--color-border);flex:1;width:2px;min-height:24px;margin-top:4px}.odp-workflow__label{color:var(--color-text-muted);padding-top:1px;font-size:.875rem;font-weight:600;line-height:1.4}.odp-workflow__step--done .odp-workflow__indicator{color:var(--color-primary)}.odp-workflow__step--done .odp-workflow__line{background:var(--color-primary-light)}.odp-workflow__step--done .odp-workflow__label{color:var(--color-primary-dark);text-decoration:line-through;-webkit-text-decoration-color:var(--color-primary-light);text-decoration-color:var(--color-primary-light)}.odp-workflow__step--active .odp-workflow__indicator{color:var(--color-primary-vivid)}.odp-workflow__step--active .odp-workflow__label{color:var(--color-heading);font-weight:800}.odp-workflow__step--cancelled .odp-workflow__indicator{color:var(--color-accent)}.odp-workflow__step--cancelled .odp-workflow__label{color:var(--color-accent);font-weight:800}.odp-workflow__step--future .odp-workflow__indicator{color:var(--color-border-strong)}.odp-status-update{border-top:1px solid var(--color-border);margin-top:16px;padding-top:16px}.odp-payment-actions{justify-content:space-between;align-items:center;gap:12px;display:flex}.odp-payment-actions--receipt-only{justify-content:flex-end}.odp-receipt-link{color:var(--color-primary);font:inherit;cursor:pointer;text-underline-offset:3px;background:0 0;border:0;padding:6px 0;font-size:.84rem;font-weight:800;text-decoration:underline}.odp-receipt-link:hover{color:var(--color-primary-dark)}.odp-status-update__form{gap:10px;display:grid}.odp-status-update__actions{gap:8px;display:flex}.odp-btn{font:inherit;cursor:pointer;border:none;border-radius:10px;justify-content:center;align-items:center;gap:7px;padding:10px 18px;font-size:.84rem;font-weight:700;transition:transform .2s,box-shadow .2s,opacity .2s;display:inline-flex}.odp-btn:disabled{opacity:.5;cursor:not-allowed}.odp-btn:hover:not(:disabled){transform:translateY(-1px)}.odp-btn--primary{background:linear-gradient(135deg, var(--color-primary), var(--color-primary-vivid));color:#fff;box-shadow:0 4px 14px #06892b38}.odp-btn--danger{background:linear-gradient(135deg, var(--color-accent), var(--color-accent-hover));color:#fff;box-shadow:0 4px 14px var(--color-red-alpha)}.odp-btn--ghost{color:var(--color-text-muted);border:1.5px solid var(--color-border);background:0 0}.odp-btn--ghost:hover:not(:disabled){border-color:var(--color-border-strong);color:var(--color-text)}.odp-btn--delivery{color:#fff;background:linear-gradient(135deg,#2563eb,#3b82f6);box-shadow:0 4px 14px #2563eb40}.odp-btn--delivery:hover:not(:disabled){box-shadow:0 8px 22px #2563eb59}.odp-request-delivery{border-top:1px solid var(--color-border);margin-top:16px;padding-top:16px}.odp-cancel-trigger{background:var(--color-accent-50);border:1.5px solid var(--color-accent-100);width:100%;color:var(--color-accent-600);font:inherit;cursor:pointer;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:13px;font-size:.85rem;font-weight:700;transition:background .2s,box-shadow .2s,transform .2s;display:flex}.odp-cancel-trigger:hover{background:var(--color-accent-100);transform:translateY(-1px);box-shadow:0 4px 12px #f406061a}.odp-cancelled-note{background:var(--color-accent-50);border:1px solid var(--color-accent-100);color:var(--color-accent-600);border-radius:10px;align-items:center;gap:8px;padding:12px 16px;font-size:.84rem;font-weight:600;display:flex}.odp-modal-overlay{z-index:999;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0a1a108c;justify-content:center;align-items:center;padding:20px;animation:.2s odp-fadein;display:flex;position:fixed;inset:0}@keyframes odp-fadein{0%{opacity:0}to{opacity:1}}.odp-modal{background:var(--color-white);border-radius:20px;gap:20px;width:100%;max-width:440px;padding:28px;animation:.26s cubic-bezier(.16,1,.3,1) odp-slide-up;display:grid;box-shadow:0 30px 60px #0a1a102e}@keyframes odp-slide-up{0%{opacity:0;transform:translateY(24px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.odp-modal__head{align-items:flex-start;gap:14px;display:flex}.odp-modal__head-icon{border-radius:12px;flex-shrink:0;place-items:center;width:44px;height:44px;display:grid}.odp-modal__head-icon--danger{background:var(--color-accent-50);color:var(--color-accent-600)}.odp-modal__head h3{color:var(--color-heading);margin:0 0 4px;font-size:1rem;font-weight:800}.odp-modal__head p{color:var(--color-text-muted);margin:0;font-size:.83rem}.odp-modal__label{gap:8px;display:grid}.odp-modal__label span{color:var(--color-text);font-size:.82rem;font-weight:800}.odp-modal__textarea{background:var(--color-background);border:1.5px solid var(--color-border);width:100%;font:inherit;color:var(--color-text);resize:vertical;border-radius:10px;outline:none;padding:12px 14px;font-size:.875rem;transition:border-color .2s,box-shadow .2s}.odp-modal__textarea:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-red-alpha)}.odp-modal__actions{flex-wrap:wrap;gap:10px;display:flex}.odp-btn--cancel{background:linear-gradient(135deg, var(--color-accent), var(--color-accent-hover,#c01010));color:#fff;box-shadow:0 4px 14px var(--color-red-alpha)}.odp-btn--cancel:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 8px 22px #dc262666}.odp-cancel-banner{background:var(--color-accent-50);border:1.5px solid var(--color-accent-100);color:var(--color-accent-600);border-radius:12px;align-items:flex-start;gap:12px;margin-top:16px;padding:14px 16px;font-size:.875rem;display:flex}.odp-cancel-banner strong{margin-bottom:4px;font-weight:800;display:block}.odp-cancel-banner p{color:var(--color-accent);margin:2px 0 0;font-size:.82rem}.odp-modal__head-icon--cancel{background:var(--color-accent-50);color:var(--color-accent-600)}.odp-modal__confirm-body{gap:6px;display:grid}.odp-modal__confirm-body p{color:var(--color-text);margin:0;font-size:.9rem}.odp-modal__confirm-warning{font-weight:600;color:var(--color-accent)!important;font-size:.82rem!important}.odp-modal__refund-summary{border:1px solid var(--color-border);border-radius:10px;gap:0;display:grid;overflow:hidden}.odp-modal__info-row{color:var(--color-text);border-bottom:1px solid var(--color-border-subtle);justify-content:space-between;align-items:center;padding:9px 14px;font-size:.84rem;display:flex}.odp-modal__info-row:last-child{border-bottom:none}.odp-modal__info-row span{color:var(--color-text-muted);font-weight:600}.odp-modal__info-row strong{color:var(--color-heading);font-weight:800}.odp-modal__info-row--refund{background:var(--color-accent-50)}.odp-modal__info-row--refund strong{color:var(--color-accent-600)}.odp-modal__required{color:var(--color-accent)}.odp-modal__no-refund{background:var(--color-surface-subtle);border:1px solid var(--color-border);color:var(--color-text-muted);border-radius:10px;margin:0;padding:12px 14px;font-size:.83rem;font-weight:600}.odp-modal__error{color:var(--color-accent);margin:0;font-size:.83rem;font-weight:700}@media (width<=1100px){.odp__grid{grid-template-columns:1fr}}@media (width<=700px){.odp{padding:0 16px 40px}.odp__title-row{flex-wrap:wrap}.odp__status-badge{margin-left:0}.odp-services-table__head,.odp-services-table__row{grid-template-columns:1fr 1fr .4fr 1fr 1fr;padding:8px 10px;font-size:.78rem}.odp-status-update__actions,.odp-payment-actions{flex-wrap:wrap}}.service-page{padding:0 28px 48px}.service-page__header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:22px;display:flex}.service-page__title{align-items:center;gap:16px;display:flex}.service-page__title-icon{background:linear-gradient(135deg, var(--color-primary), var(--color-primary-vivid));width:44px;height:44px;color:var(--color-white);box-shadow:var(--shadow-brand);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.service-page__title h1{color:var(--color-heading);margin:0;font-size:1.45rem;font-weight:800;line-height:1.1}.service-page__title p{color:var(--color-text-muted);margin:3px 0 0;font-size:.78rem}.service-alert{background:var(--color-green-pale);color:var(--color-primary-dark);border:1px solid var(--color-glass-border);border-radius:12px;margin-bottom:20px;padding:12px 16px;font-size:.86rem;font-weight:600}.service-alert--error{background:var(--color-red-alpha);color:var(--color-accent);border-color:var(--color-accent-100)}.service-summary{grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:24px;display:grid}.service-summary__card{align-items:center;gap:16px;padding:18px 20px;display:flex}.service-summary__card span{background:var(--color-green-pale);width:44px;height:44px;color:var(--color-primary);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.service-summary__card:nth-child(2) span{background:var(--color-brand-100);color:var(--color-brand-600)}.service-summary__card:nth-child(3) span{background:var(--color-gold-50);color:var(--color-gold-600)}.service-summary__card div{flex-direction:column;display:flex}.service-summary__card strong{color:var(--color-heading);font-size:1.35rem;font-weight:800}.service-summary__card small{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px;margin-top:2px;font-size:.75rem;font-weight:600}.service-page__grid{grid-template-columns:360px 1fr;align-items:start;gap:24px;margin-bottom:28px;display:grid}.service-form-card{align-self:flex-start;padding:22px 24px;position:sticky;top:24px}.service-form-card h2{color:var(--color-heading);border-bottom:1px solid var(--color-border);margin:0 0 18px;padding-bottom:12px;font-size:1.1rem;font-weight:800}.service-form{flex-direction:column;gap:16px;display:flex}.service-form label{flex-direction:column;gap:6px;display:flex}.service-form label span{color:var(--color-text);font-size:.78rem;font-weight:700}.service-form label span span{color:var(--color-accent);margin-left:2px}.service-form input,.service-form textarea,.service-form select{background:var(--color-background);border:1px solid var(--color-border);color:var(--color-text);resize:vertical;border-radius:10px;outline:none;padding:10px 14px;font-family:inherit;font-size:.88rem;transition:border-color .15s,background .15s}.service-form input:focus,.service-form textarea:focus,.service-form select:focus{border-color:var(--color-primary-light);background:var(--color-white);box-shadow:0 0 0 3px var(--color-focus-ring)}.service-form__actions{gap:10px;margin-top:6px;display:flex}.service-list-card{padding:0;overflow:hidden}.service-list-card__header{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;gap:16px;padding:18px 24px;display:flex}.service-list-card__header h2{color:var(--color-heading);margin:0;font-size:1.1rem;font-weight:800}.service-list-card__header label{background:var(--color-background);border:1px solid var(--color-border);color:var(--color-text-muted);border-radius:999px;align-items:center;gap:8px;padding:6px 14px;display:flex}.service-list-card__header input{color:var(--color-text);background:0 0;border:0;outline:0;width:180px;font-family:inherit;font-size:.85rem}.service-table-wrap{overflow-x:auto}.service-table{border-collapse:collapse;width:100%}.service-table thead th{text-align:left;text-transform:uppercase;letter-spacing:.6px;color:var(--color-text-muted);background:var(--color-background);border-bottom:1px solid var(--color-border);padding:14px 20px;font-size:.72rem;font-weight:700}.service-table tbody td{vertical-align:middle;border-bottom:1px solid var(--color-border);padding:16px 20px;font-size:.88rem}.service-table tbody tr:hover{background:#06892b05}.service-info strong{color:var(--color-heading);font-size:.95rem;font-weight:700;display:block}.service-info small{color:var(--color-text-muted);margin-top:3px;font-size:.78rem;line-height:1.4;display:block}.items-badge{background:var(--color-green-pale);color:var(--color-primary-dark);border:1px solid var(--color-glass-border);border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:.8rem;font-weight:700;display:inline-flex}.service-status{text-transform:capitalize;border-radius:999px;padding:4px 10px;font-size:.75rem;font-weight:700;display:inline-block}.service-status--active{background:var(--color-green-pale);color:var(--color-primary-dark)}.service-status--inactive,.brand-main__content .service-status--inactive{color:#ea580c!important;background:#fff7ed!important;border:1px solid #f973164d!important}.service-actions{align-items:center;gap:6px;display:flex}.service-action-btn{border:1px solid var(--color-border);background:var(--color-white);width:32px;height:32px;color:var(--color-text-muted);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;transition:all .15s;display:flex}.service-action-btn:hover{border-color:var(--color-primary-light);color:var(--color-primary);background:var(--color-green-pale)}.service-action-btn.drawer-btn-deactivate{color:var(--color-accent,#f40606)!important;border:1px solid var(--color-accent-100,#ffdada)!important;background:0 0!important}.service-action-btn.drawer-btn-deactivate:hover{background:var(--color-red-alpha,#f406061f)!important;color:var(--color-accent-hover,#d90404)!important;border-color:var(--color-accent,#f40606)!important}.service-action-btn.drawer-btn-activate{color:#ea580c!important;background:0 0!important;border:1px solid #f9731659!important}.service-action-btn.drawer-btn-activate:hover{color:#c2410c!important;background:#fff7ed!important;border-color:#ea580c!important}.service-empty{text-align:center;color:var(--color-text-muted);padding:40px;font-size:.9rem}.service-drawer-content{padding:24px}.service-drawer-header{border-bottom:1px solid var(--color-border);margin-bottom:20px;padding-bottom:16px}.service-drawer-header h3{color:var(--color-heading);margin:0 0 6px;font-size:1.25rem;font-weight:800}.service-drawer-header p{color:var(--color-text-muted);margin:0 0 12px;font-size:.85rem;line-height:1.5}.service-drawer-meta{color:var(--color-text-muted);align-items:center;gap:12px;font-size:.78rem;display:flex}.service-drawer-items-title{justify-content:space-between;align-items:center;margin:20px 0 14px;display:flex}.service-drawer-items-title h4{color:var(--color-heading);margin:0;font-size:.95rem;font-weight:700}.service-drawer-items-title span{color:var(--color-text-muted);font-size:.78rem}.service-item-list{flex-direction:column;gap:10px;display:flex}.service-item-card{background:var(--color-background);border:1px solid var(--color-border);border-radius:12px;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;display:flex}.service-item-card__left strong{color:var(--color-heading);font-size:.88rem;font-weight:700;display:block}.service-item-card__left span{color:var(--color-text-muted);margin-top:2px;font-size:.76rem;display:block}.service-item-card__right{flex-direction:column;align-items:flex-end;gap:4px;display:flex}.service-item-card__right strong{color:var(--color-primary-dark);font-size:.9rem;font-weight:800}.items-section{margin-top:12px}.items-section__header{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;gap:16px;padding:18px 24px;display:flex}.items-section__header h2{color:var(--color-heading);margin:0;font-size:1.1rem;font-weight:800}.items-section__search{background:var(--color-background);border:1px solid var(--color-border);color:var(--color-text-muted);border-radius:999px;align-items:center;gap:8px;padding:6px 14px;display:flex}.items-section__search input{color:var(--color-text);background:0 0;border:0;outline:0;width:200px;font-family:inherit;font-size:.85rem}@media (width<=1024px){.service-page__grid{grid-template-columns:1fr}.service-form-card{position:static}}@media (width<=768px){.service-summary{grid-template-columns:1fr}}.service-drawer-danger-btn{background:var(--color-red-alpha)!important;color:var(--color-accent)!important;border:1px solid var(--color-accent-100)!important;transition:all .2s!important}.service-drawer-danger-btn:hover{background:var(--color-accent)!important;color:var(--color-white)!important;border-color:var(--color-accent)!important}.service-drawer-danger-icon-btn{background:var(--color-red-alpha);width:40px;height:40px;color:var(--color-accent);border:1px solid var(--color-accent-100);cursor:pointer;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;margin-left:auto;transition:all .2s;display:flex}.service-drawer-danger-icon-btn:hover{background:var(--color-accent);color:var(--color-white);border-color:var(--color-accent);transform:translateY(-2px)}.staff-page{width:100%;max-width:1320px;padding:0 var(--space-8,32px) var(--space-8,32px);flex-direction:column;gap:24px;margin:0 auto;display:flex}.staff-page__header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.staff-page__title{align-items:center;gap:12px;display:flex}.staff-page__title-icon{background:var(--color-green-pale,#e6f4ea);width:42px;height:42px;color:var(--color-primary,#06892b);border-radius:10px;justify-content:center;align-items:center;display:flex}.staff-page__title h1{color:var(--color-heading,#111827);margin:0;font-size:1.5rem;font-weight:750}.staff-page__title p{color:var(--color-text-muted,#6b7280);margin:2px 0 0;font-size:.85rem}.staff-page__grid{grid-template-columns:380px 1fr;align-items:start;gap:24px;display:grid}@media (width<=992px){.staff-page__grid{grid-template-columns:1fr}}@media (width<=800px){.staff-page{padding-inline:var(--space-4,16px);padding-bottom:var(--space-6,24px)}}.staff-form-card{flex-direction:column;gap:18px;padding:24px;display:flex;position:sticky;top:90px}.staff-form-card__header{color:var(--color-primary,#06892b);align-items:center;gap:10px;display:flex}.staff-form-card__header h2{color:var(--color-heading,#111827);margin:0;font-size:1.15rem;font-weight:750}.staff-form{flex-direction:column;gap:14px;display:flex}.staff-form label{flex-direction:column;gap:6px;display:flex}.staff-form label span{color:var(--color-heading,#111827);font-size:.82rem;font-weight:650}.staff-form label span span{color:var(--color-accent,#f40606)}.staff-form input,.staff-form select{border:1px solid var(--color-border,#d1d5db);background:var(--color-white,#fff);height:42px;color:var(--color-text,#111827);border-radius:8px;outline:none;padding:0 14px;font-size:.9rem;transition:border-color .15s}.staff-form input:focus,.staff-form select:focus{border-color:var(--color-primary,#06892b);box-shadow:0 0 0 3px #06892b1f}.staff-form__actions{margin-top:6px}.staff-form__actions button{justify-content:center;width:100%}.staff-board-card{flex-direction:column;gap:20px;padding:24px;display:flex}.staff-board-card__header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.staff-board-title-wrap{align-items:center;gap:12px;display:flex}.staff-board-title-wrap h2{color:var(--color-heading,#111827);margin:0;font-size:1.2rem;font-weight:750}.staff-total-pill{background:var(--color-green-pale,#e6f4ea);color:var(--color-primary-dark,#04631f);border:1px solid #06892b33;border-radius:999px;align-items:center;gap:6px;padding:4px 12px;font-size:.78rem;font-weight:700;display:inline-flex}.staff-search-label{border:1px solid var(--color-border,#d1d5db);background:var(--color-white,#fff);border-radius:8px;align-items:center;gap:8px;width:260px;height:38px;padding:0 12px;display:flex}.staff-search-label input{background:0 0;border:none;outline:none;width:100%;font-size:.85rem}.staff-board-list{flex-direction:column;display:flex}.staff-board-row{border-bottom:1px solid var(--color-border-subtle,#e2ece5);justify-content:space-between;align-items:center;padding:16px 4px;transition:background .15s;display:flex}.staff-board-row:last-child{border-bottom:none}.staff-board-row:hover{background:#06892b05}.staff-board-row__left{align-items:center;gap:14px;display:flex}.staff-avatar{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-size:1.1rem;font-weight:750;display:flex}.staff-info{flex-direction:column;gap:5px;display:flex}.staff-info__line{color:var(--color-text-muted,#6b7280);align-items:center;gap:6px;font-size:.82rem;display:flex}.staff-info__line svg{color:var(--color-primary,#06892b);flex-shrink:0}.staff-info__line--header{gap:10px;margin-bottom:2px}.staff-info__line--header strong{color:var(--color-heading,#111827);font-size:.96rem;font-weight:750}.staff-role-badge{color:#1d4ed8;letter-spacing:.2px;background:#eff6ff;border:1px solid #1d4ed840;border-radius:999px;align-items:center;padding:2px 10px;font-size:.72rem;font-weight:650;display:inline-flex}.staff-more-btn{border-radius:6px!important;gap:4px!important;height:32px!important;padding:5px 12px!important;font-size:.78rem!important;font-weight:650!important}.staff-board-row__right{align-items:center;display:flex}.staff-performance-section{width:100%}.staff-detail-page{width:100%;max-width:1320px;padding:0 var(--space-8,32px) var(--space-8,32px);flex-direction:column;gap:24px;margin:0 auto;display:flex}.staff-detail__header{flex-direction:column;gap:12px;display:flex}.staff-detail__back-btn{color:var(--color-primary,#06892b);cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;width:fit-content;padding:0;font-size:.9rem;font-weight:650;transition:opacity .2s;display:inline-flex}.staff-detail__back-btn:hover{opacity:.8;text-decoration:underline}.staff-detail__grid{grid-template-columns:360px 1fr;gap:24px;display:grid}@media (width<=992px){.staff-detail__grid{grid-template-columns:1fr}}@media (width<=800px){.staff-detail-page{padding-inline:var(--space-4,16px);padding-bottom:var(--space-6,24px)}}.staff-profile-card{text-align:center;flex-direction:column;align-items:center;gap:20px;padding:28px 24px;display:flex}.staff-profile__avatar{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;font-size:2.2rem;font-weight:700;display:flex;box-shadow:0 4px 14px #0000001f}.staff-profile__info h2{color:var(--color-heading,#111827);margin:0 0 8px;font-size:1.35rem;font-weight:750}.staff-profile__details{border-top:1px solid var(--color-border-subtle,#e2ece5);border-bottom:1px solid var(--color-border-subtle,#e2ece5);text-align:left;flex-direction:column;gap:14px;width:100%;padding:16px 0;display:flex}.staff-detail-item{color:var(--color-text-muted,#6b7280);align-items:center;gap:12px;display:flex}.staff-detail-item svg{color:var(--color-primary,#06892b);flex-shrink:0}.staff-detail-item div{flex-direction:column;display:flex}.staff-detail-item small{text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-muted,#6b7280);font-size:.72rem}.staff-detail-item strong{color:var(--color-heading,#111827);font-size:.9rem}.staff-profile__actions{flex-direction:column;gap:10px;width:100%;display:flex}.staff-profile__actions button{justify-content:center;width:100%}.staff-orders-card{flex-direction:column;gap:20px;padding:24px;display:flex}.staff-orders__header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.staff-orders__header h2{color:var(--color-heading,#111827);margin:0;font-size:1.25rem;font-weight:750}.staff-orders__header p{color:var(--color-text-muted,#6b7280);margin:4px 0 0;font-size:.85rem}.staff-orders__pills{align-items:center;gap:10px;display:flex}.order-pill{border-radius:999px;align-items:center;gap:6px;padding:6px 14px;font-size:.8rem;font-weight:650;display:inline-flex}.order-pill--completed{background:var(--color-green-pale,#e6f4ea);color:var(--color-primary-dark,#04631f);border:1px solid #06892b40}.order-pill--cancelled{color:#ea580c;background:#fff7ed;border:1px solid #f973164d}.staff-orders-list{flex-direction:column;gap:12px;display:flex}.staff-order-row{border:1px solid var(--color-border-subtle,#e2ece5);background:var(--color-white,#fff);border-radius:10px;justify-content:space-between;align-items:center;padding:14px 16px;transition:all .2s;display:flex}.staff-order-row:hover{border-color:var(--color-primary-light,#8fd9a8);box-shadow:0 2px 8px #0000000a}.staff-order-row__left{flex-direction:column;gap:4px;display:flex}.staff-order-row__number{align-items:center;gap:10px;font-size:.92rem;display:flex}.staff-order-row__number strong{color:var(--color-heading,#111827);font-weight:750}.staff-order-row__cust{color:var(--color-text-muted,#6b7280);align-items:center;gap:4px;font-size:.8rem;display:inline-flex}.staff-order-row__items{color:var(--color-text,#374151);align-items:center;gap:6px;margin:0;font-size:.82rem;display:flex}.staff-order-row__right{flex-direction:column;align-items:flex-end;gap:6px;display:flex}.staff-order-row__date{color:var(--color-text-muted,#6b7280);font-size:.75rem}.staff-orders-empty{text-align:center;color:var(--color-text-muted,#6b7280);padding:32px;font-size:.9rem}.staff-orders__view-all{border:1px solid var(--color-primary-light,#8fd9a8);background:var(--color-green-pale,#e6f4ea);min-height:40px;color:var(--color-primary-dark,#04631f);font:inherit;cursor:pointer;border-radius:10px;font-size:.84rem;font-weight:800}.staff-orders__view-all:hover{background:var(--color-badge-soft,#dff7e8)}.staff-activity-section{width:100%}.audit-card,.audit-empty-state{align-items:center;gap:14px;padding:16px 20px;display:flex}.audit-card>span,.audit-empty-state>svg{width:42px;height:42px;color:var(--color-white,#fff);background:linear-gradient(135deg, var(--color-primary,#06892b), var(--color-primary-vivid,#07b539));border-radius:10px;flex-shrink:0;place-items:center;display:grid}.audit-card strong,.audit-empty-state strong{color:var(--color-heading,#111827);font-size:.92rem;font-weight:750}.audit-card em,.audit-card small{color:var(--color-text-muted,#6b7280);font-size:.82rem;font-style:normal;font-weight:650}.riders-page{width:100%;max-width:1320px;padding:0 var(--space-8,32px) var(--space-8,32px);flex-direction:column;gap:24px;margin:0 auto;display:flex}.riders-page__header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.riders-page__title{align-items:center;gap:12px;display:flex}.riders-page__title-icon{background:var(--color-green-pale,#e6f4ea);width:42px;height:42px;color:var(--color-primary,#06892b);border-radius:10px;justify-content:center;align-items:center;display:flex}.riders-page__title h1{color:var(--color-heading,#111827);margin:0;font-size:1.5rem;font-weight:750}.riders-page__title p{color:var(--color-text-muted,#6b7280);margin:2px 0 0;font-size:.85rem}.riders-summary{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;display:grid}.riders-summary__card{align-items:center;gap:14px;padding:18px 20px;display:flex}.riders-summary__card span{background:var(--color-green-pale,#e6f4ea);width:40px;height:40px;color:var(--color-primary,#06892b);border-radius:10px;justify-content:center;align-items:center;display:flex}.riders-summary__card div{flex-direction:column;display:flex}.riders-summary__card strong{color:var(--color-heading,#111827);font-size:1.3rem;font-weight:750}.riders-summary__card small{color:var(--color-text-muted,#6b7280);font-size:.78rem}.riders-page__grid{grid-template-columns:380px 1fr;align-items:start;gap:24px;display:grid}.rider-form-card{flex-direction:column;gap:18px;padding:24px;display:flex;position:sticky;top:90px}.rider-form-card__header{color:var(--color-primary,#06892b);align-items:center;gap:10px;display:flex}.rider-form-card__header h2,.rider-board-title-wrap h2{color:var(--color-heading,#111827);margin:0;font-weight:750}.rider-form-card__header h2{font-size:1.15rem}.rider-form{flex-direction:column;gap:14px;display:flex}.rider-form label{flex-direction:column;gap:6px;display:flex}.rider-form label span{color:var(--color-heading,#111827);font-size:.82rem;font-weight:650}.rider-form label span span{color:var(--color-accent,#f40606)}.rider-form input,.rider-form select{border:1px solid var(--color-border,#d1d5db);background:var(--color-white,#fff);height:42px;color:var(--color-text,#111827);border-radius:8px;outline:none;padding:0 14px;font-size:.9rem;transition:border-color .15s}.rider-form input:focus,.rider-form select:focus{border-color:var(--color-primary,#06892b);box-shadow:0 0 0 3px #06892b1f}.rider-form__actions{margin-top:6px}.rider-form__actions button{justify-content:center;width:100%}.rider-board-card{flex-direction:column;gap:20px;padding:24px;display:flex}.rider-board-card__header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.rider-board-title-wrap{align-items:center;gap:12px;display:flex}.rider-board-title-wrap h2{font-size:1.2rem}.rider-total-pill{background:var(--color-green-pale,#e6f4ea);color:var(--color-primary-dark,#04631f);border:1px solid #06892b33;border-radius:999px;align-items:center;gap:6px;padding:4px 12px;font-size:.78rem;font-weight:700;display:inline-flex}.rider-search-label{border:1px solid var(--color-border,#d1d5db);background:var(--color-white,#fff);width:260px;height:38px;color:var(--color-text-muted,#6b7280);border-radius:8px;align-items:center;gap:8px;padding:0 12px;display:flex}.rider-search-label input{width:100%;min-width:0;color:var(--color-text,#111827);background:0 0;border:none;outline:none;font-size:.85rem}.rider-board-list{flex-direction:column;display:flex}.rider-board-row{border-bottom:1px solid var(--color-border-subtle,#e2ece5);justify-content:space-between;align-items:center;padding:16px 4px;transition:background .15s;display:flex}.rider-board-row:last-child{border-bottom:none}.rider-board-row:hover{background:#06892b05}.rider-board-row__left{align-items:center;gap:14px;display:flex}.rider-avatar{color:#fff;background:var(--color-primary,#06892b);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-size:1.1rem;font-weight:750;display:flex}.rider-info{flex-direction:column;gap:5px;display:flex}.rider-info__line{color:var(--color-text-muted,#6b7280);align-items:center;gap:6px;font-size:.82rem;display:flex}.rider-info__line svg{color:var(--color-primary,#06892b);flex-shrink:0}.rider-info__line--header{gap:10px;margin-bottom:2px}.rider-info__line--header strong{color:var(--color-heading,#111827);font-size:.96rem;font-weight:750}.rider-role-badge{color:#1d4ed8;letter-spacing:.2px;background:#eff6ff;border:1px solid #1d4ed840;border-radius:999px;align-items:center;padding:2px 10px;font-size:.72rem;font-weight:650;display:inline-flex}.rider-more-btn{border-radius:6px!important;gap:4px!important;height:32px!important;padding:5px 12px!important;font-size:.78rem!important;font-weight:650!important}.rider-board-row__right{justify-content:flex-end;align-items:center;display:flex}@media (width<=992px){.riders-page__grid{grid-template-columns:1fr}.rider-form-card{position:static}}@media (width<=800px){.riders-page{padding-inline:var(--space-4,16px);padding-bottom:var(--space-6,24px)}}@media (width<=640px){.rider-board-row{flex-direction:column;align-items:flex-start;gap:14px}.rider-search-label{width:100%}.rider-board-row__right{justify-content:flex-start}}.rider-detail-page{width:100%;max-width:1320px;padding:0 var(--space-8,32px) var(--space-8,32px);flex-direction:column;gap:24px;margin:0 auto;display:flex}.rider-detail__header{flex-direction:column;gap:12px;display:flex}.rider-detail__back-btn{width:fit-content;color:var(--color-primary,#06892b);cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;padding:0;font-size:.9rem;font-weight:650;transition:opacity .2s;display:inline-flex}.rider-detail__back-btn:hover{opacity:.8;text-decoration:underline}.rider-detail__grid{grid-template-columns:360px 1fr;gap:24px;display:grid}.rider-profile-card{text-align:center;flex-direction:column;align-items:center;gap:20px;padding:28px 24px;display:flex}.rider-profile__avatar{color:#fff;background:var(--color-primary,#06892b);border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;font-size:2.2rem;font-weight:700;display:flex;box-shadow:0 4px 14px #0000001f}.rider-profile__info h2{color:var(--color-heading,#111827);margin:0 0 8px;font-size:1.35rem;font-weight:750}.rider-profile__details{border-top:1px solid var(--color-border-subtle,#e2ece5);border-bottom:1px solid var(--color-border-subtle,#e2ece5);text-align:left;flex-direction:column;gap:14px;width:100%;padding:16px 0;display:flex}.rider-profile__actions{flex-direction:column;gap:10px;width:100%;display:flex}.rider-profile__actions button{justify-content:center;width:100%}.rider-detail-item{color:var(--color-text-muted,#6b7280);align-items:center;gap:12px;display:flex}.rider-detail-item svg{color:var(--color-primary,#06892b);flex-shrink:0}.rider-detail-item div{flex-direction:column;display:flex}.rider-detail-item small{color:var(--color-text-muted,#6b7280);letter-spacing:.5px;text-transform:uppercase;font-size:.72rem}.rider-detail-item strong{color:var(--color-heading,#111827);font-size:.9rem}.rider-orders-card{flex-direction:column;gap:20px;padding:24px;display:flex}.rider-orders__header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.rider-orders__header h2{color:var(--color-heading,#111827);margin:0;font-size:1.25rem;font-weight:750}.rider-orders__header p{color:var(--color-text-muted,#6b7280);margin:4px 0 0;font-size:.85rem}.rider-orders__pills{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.rider-pill{border-radius:999px;align-items:center;gap:6px;padding:6px 14px;font-size:.8rem;font-weight:650;display:inline-flex}.rider-pill--completed{background:var(--color-green-pale,#e6f4ea);color:var(--color-primary-dark,#04631f);border:1px solid #06892b40}.rider-pill--active{color:#ea580c;background:#fff7ed;border:1px solid #f973164d}.rider-orders-list{flex-direction:column;gap:12px;display:flex}.rider-order-row{border:1px solid var(--color-border-subtle,#e2ece5);background:var(--color-white,#fff);border-radius:10px;justify-content:space-between;align-items:center;padding:14px 16px;transition:all .2s;display:flex}.rider-order-row:hover{border-color:var(--color-primary-light,#8fd9a8);box-shadow:0 2px 8px #0000000a}.rider-order-row__left{flex-direction:column;gap:4px;display:flex}.rider-order-row__number{align-items:center;gap:10px;font-size:.92rem;display:flex}.rider-order-row__number strong{color:var(--color-heading,#111827);font-weight:750}.rider-order-row__cust,.rider-order-row__items{color:var(--color-text-muted,#6b7280);align-items:center;gap:4px;font-size:.8rem;display:inline-flex}.rider-order-row__items{color:var(--color-text,#374151);margin:0;font-size:.82rem}.rider-order-row__right{flex-direction:column;align-items:flex-end;gap:6px;display:flex}.rider-order-row__date{color:var(--color-text-muted,#6b7280);font-size:.75rem}.rider-orders-empty{color:var(--color-text-muted,#6b7280);text-align:center;padding:32px;font-size:.9rem}.rider-orders__view-all{border:1px solid var(--color-primary-light,#8fd9a8);background:var(--color-green-pale,#e6f4ea);min-height:40px;color:var(--color-primary-dark,#04631f);font:inherit;cursor:pointer;border-radius:10px;font-size:.84rem;font-weight:800}.rider-orders__view-all:hover{background:var(--color-badge-soft,#dff7e8)}.rider-detail-notfound{border:1px solid var(--color-border-subtle,#e2ece5);border-radius:var(--radius-panel,20px);background:var(--color-white,#fff);padding:24px}.rider-detail-notfound h2{color:var(--color-heading,#111827);margin:0 0 6px}.rider-detail-notfound p{color:var(--color-text-muted,#6b7280);margin:0}@media (width<=992px){.rider-detail__grid{grid-template-columns:1fr}}@media (width<=800px){.rider-detail-page{padding-inline:var(--space-4,16px);padding-bottom:var(--space-6,24px)}}@media (width<=640px){.rider-order-row{flex-direction:column;align-items:flex-start;gap:12px}.rider-order-row__right{align-items:flex-start}}.expenses-page{gap:18px;padding:0 28px 48px;display:grid}.expenses-page__header,.expenses-summary,.expenses-section-title,.expenses-table-card__header,.expenses-table__head,.expenses-table__row{align-items:center;display:flex}.expenses-page__header,.expenses-table-card__header{flex-wrap:wrap;justify-content:space-between;gap:18px}.expenses-page h1,.expenses-page h2{color:var(--color-heading);margin:0}.expenses-page h1{font-size:1.45rem}.expenses-page h2{font-size:1rem}.expenses-page p{color:var(--color-text-muted);margin:4px 0 0}.expenses-summary,.expenses-grid{gap:14px;display:grid}.expenses-summary{grid-template-columns:repeat(3,minmax(0,1fr))}.expenses-summary .dashboard-card{gap:6px;padding:18px;display:grid}.expenses-summary svg{color:var(--color-primary)}.expenses-summary strong{color:var(--color-primary-dark);font-size:1.25rem}.expenses-summary span{color:var(--color-text-muted);font-weight:800}.expenses-grid{grid-template-columns:minmax(360px,.85fr) minmax(380px,1.15fr);align-items:start}.expense-form-card,.expenses-table-card{padding:20px}.expense-category-card{padding:0;overflow:hidden}.expenses-section-title{color:var(--color-primary);gap:10px;margin-bottom:16px}.expenses-form{gap:14px;display:grid}.expenses-form__row{flex-direction:column;gap:12px;display:flex}.expenses-form label{gap:7px;display:grid}.expenses-form span{color:var(--color-text);font-size:.8rem;font-weight:850}.expenses-form input,.expenses-form select,.expenses-form textarea{width:100%;color:var(--color-text);background:var(--color-background);border:1px solid var(--color-border);font:inherit;border-radius:8px;outline:0}.expenses-form input,.expenses-form select{min-height:42px;padding:0 12px}.expenses-form textarea{resize:vertical;padding:12px}.expenses-form__actions{justify-content:flex-end;gap:10px;display:flex}.expense-category-form .expenses-form__actions{justify-content:stretch}.expense-category-card__header{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;gap:16px;padding:18px 20px;display:flex}.expense-category-search{color:var(--color-text-muted);background:var(--color-background);border:1px solid var(--color-border);border-radius:999px;align-items:center;gap:8px;padding:6px 14px;display:flex}.expense-category-search input{width:160px;color:var(--color-text);font:inherit;background:0 0;border:0;outline:0;font-size:.85rem}.expense-category-table-wrap{overflow-x:auto}.expense-category-table{border-collapse:collapse;width:100%}.expense-category-table thead th{text-align:left;color:var(--color-text-muted);background:var(--color-background);border-bottom:1px solid var(--color-border);letter-spacing:.6px;text-transform:uppercase;white-space:nowrap;padding:14px 16px;font-size:.72rem;font-weight:800}.expense-category-table tbody td{vertical-align:middle;border-bottom:1px solid var(--color-border);padding:16px;font-size:.88rem}.expense-category-table tbody tr:hover{background:#06892b05}.expense-category-table tbody tr:last-child td{border-bottom:0}.expense-category-info strong{color:var(--color-heading);font-size:.95rem;font-weight:800;display:block}.expense-count-badge{color:var(--color-primary-dark);background:var(--color-green-pale);border:1px solid var(--color-glass-border,var(--color-border));white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:.8rem;font-weight:800;display:inline-flex}.expense-category-actions{justify-content:flex-end;align-items:center;gap:6px;display:flex}.expense-category-action-btn{width:32px;height:32px;color:var(--color-text-muted);background:var(--color-white,#fff);border:1px solid var(--color-border);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;transition:all .15s;display:inline-flex}.expense-category-action-btn:hover{color:var(--color-primary);background:var(--color-green-pale);border-color:var(--color-primary-light,var(--color-primary))}.expense-category-action-btn--danger:not(:disabled){color:var(--color-accent,#f40606);border-color:var(--color-accent-100,#ffdada)}.expense-category-action-btn--danger:not(:disabled):hover{color:var(--color-white,#fff);background:var(--color-accent,#f40606);border-color:var(--color-accent,#f40606)}.expense-category-action-btn:disabled{opacity:.42;cursor:not-allowed;color:var(--color-text-muted);background:var(--color-background)}.expenses-empty-cell{color:var(--color-text-muted);text-align:center;font-weight:700;padding:28px 16px!important}.expenses-table{gap:8px;margin-top:14px;display:grid;overflow-x:auto}.expenses-table__head,.expenses-table__row{grid-template-columns:1.2fr 1fr .9fr .9fr 1.3fr .6fr;gap:12px;min-width:920px;padding:12px 14px;display:grid}.expenses-table__head{color:var(--color-text-muted);text-transform:uppercase;font-size:.78rem}.expenses-table__row{background:var(--color-background);border:1px solid var(--color-border);border-radius:8px}.expenses-table__row strong{color:var(--color-accent)}.expenses-table__row span:last-child{justify-content:flex-end;display:flex}@media (width<=900px){.expenses-summary,.expenses-grid,.expenses-form__row{grid-template-columns:1fr}.expenses-page{padding:0 16px 36px}.expense-category-search,.expense-category-search input{width:100%}}.rp2-page{flex-direction:column;gap:22px;padding:0 28px 48px;display:flex}.rp2-header h1{color:var(--color-heading);letter-spacing:-.02em;margin:0 0 4px;font-size:1.75rem;font-weight:800}.rp2-header p{color:var(--color-text-muted);margin:0;font-size:.9rem}.rp2-error-banner{color:#dc2626;background:#fef2f2;border:1px solid #fecaca;border-radius:10px;align-items:center;gap:10px;padding:12px 16px;font-size:.875rem;font-weight:600;display:flex}.rp2-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.rp2-stat-card{background:var(--color-surface);border:1px solid var(--color-border);box-shadow:var(--shadow-card);border-radius:14px;align-items:flex-start;gap:16px;padding:20px 18px;transition:transform .2s,box-shadow .2s;display:flex}.rp2-stat-card:hover{box-shadow:var(--shadow-card-hover);transform:translateY(-2px)}.rp2-stat-card__icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:50px;height:50px;display:flex}.rp2-stat-card__body{flex-direction:column;gap:3px;min-width:0;display:flex}.rp2-stat-card__label{color:var(--color-text-muted);font-size:.82rem;font-weight:600}.rp2-stat-card__value{color:var(--color-heading);letter-spacing:-.02em;font-size:1.6rem;font-weight:800;line-height:1.1}.rp2-stat-card__loading{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%) 0 0/200% 100%;border-radius:6px;width:80px;height:28px;margin:4px 0 2px;animation:1.4s infinite rp2-shimmer;display:block}.rp2-stat-card__change{align-items:center;gap:3px;font-size:.73rem;font-weight:600;display:inline-flex}.rp2-stat-card__change.up{color:#16a34a}.rp2-stat-card__change.down{color:#d97706}.rp2-filter-card{background:var(--color-surface);border:1px solid var(--color-border);box-shadow:var(--shadow-card);border-radius:14px;padding:22px 24px}.rp2-filter-card__title{color:var(--color-heading);align-items:center;gap:8px;margin-bottom:18px;font-size:1rem;font-weight:700;display:flex}.rp2-filter-card__title svg{color:var(--color-text-muted)}.rp2-filter-row{flex-wrap:wrap;align-items:flex-end;gap:16px;display:flex}.rp2-filter-field{flex-direction:column;flex:1;gap:6px;min-width:180px;display:flex}.rp2-filter-field label{color:var(--color-text-muted);font-size:.78rem;font-weight:600}.rp2-date-select-wrap{align-items:center;display:flex;position:relative}.rp2-date-icon{color:var(--color-text-muted);pointer-events:none;z-index:1;position:absolute;left:12px}.rp2-date-input{background:var(--color-surface);border:1px solid var(--color-border);width:100%;color:var(--color-text);cursor:pointer;appearance:none;border-radius:8px;padding:10px 14px 10px 36px;font-family:inherit;font-size:.875rem;font-weight:500;transition:border-color .15s,box-shadow .15s}.rp2-date-input::-webkit-calendar-picker-indicator{opacity:.5;cursor:pointer}.rp2-date-input:hover{border-color:#6366f1}.rp2-date-input:focus{border-color:#6366f1;outline:none;box-shadow:0 0 0 3px #6366f11a}.rp2-filter-btn{background:var(--color-primary);color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:8px;flex-shrink:0;align-items:center;gap:8px;padding:10px 22px;font-size:.875rem;font-weight:700;transition:background .18s,box-shadow .18s,transform .15s;display:inline-flex}.rp2-filter-btn:hover:not(:disabled){background:#4f46e5;transform:translateY(-1px);box-shadow:0 4px 16px #6366f166}.rp2-filter-btn:disabled{opacity:.5;cursor:not-allowed}.rp2-filter-hint{color:var(--color-text-muted);margin:14px 0 0;font-size:.78rem}.rp2-charts-row{grid-template-columns:minmax(0,1fr);align-items:stretch;gap:16px;display:grid}.rp2-card{background:var(--color-surface);border:1px solid var(--color-border);box-shadow:var(--shadow-card);border-radius:14px;padding:22px 24px}.rp2-card__head{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.rp2-card h2{color:var(--color-heading);margin:0 0 18px;font-size:1rem;font-weight:700}.rp2-card__head h2{margin-bottom:0}.rp2-group-by-select{border:1px solid var(--color-border);border-radius:6px;display:flex;overflow:hidden}.rp2-group-by-btn{background:var(--color-surface);border:none;border-right:1px solid var(--color-border);color:var(--color-text-muted);cursor:pointer;padding:5px 12px;font-size:.78rem;font-weight:600;transition:background .14s,color .14s}.rp2-group-by-btn:last-child{border-right:none}.rp2-group-by-btn:hover{color:#6366f1;background:#f5f3ff}.rp2-group-by-btn--active{color:#fff;background:#6366f1}.rp2-group-by-btn--active:hover{color:#fff;background:#4f46e5}.rp2-chart-wrap{width:100%;height:240px;position:relative}.rp2-chart-wrap canvas{position:absolute;inset:0}.rp2-chart-empty{color:var(--color-text-muted);justify-content:center;align-items:center;gap:8px;font-size:.875rem;display:flex;position:absolute;inset:0}.rp2-chart-empty--error{color:var(--color-accent,#f40606)}.rp2-chart-loading{justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.rp2-chart-shimmer{background:linear-gradient(90deg,#f5f5f5 25%,#ebebeb 50%,#f5f5f5 75%) 0 0/200% 100%;border-radius:8px;width:100%;height:100%;animation:1.4s infinite rp2-shimmer}.rp2-chart-stats{border-top:1px solid var(--color-border);margin-top:20px;padding-top:16px;display:flex}.rp2-chart-stat{border-right:1px solid var(--color-border);flex-direction:column;flex:1;gap:4px;padding:0 16px;display:flex}.rp2-chart-stat:first-child{padding-left:0}.rp2-chart-stat:last-child{border-right:none}.rp2-chart-stat span{color:var(--color-text-muted);font-size:.78rem;font-weight:500}.rp2-chart-stat strong{color:var(--color-heading);font-size:1.05rem;font-weight:800}.rp2-chart-extra-stats{margin-top:0;padding-top:0;display:flex}.rp2-chart-extra-stat{border:1px solid;flex:1;align-items:center;gap:12px;min-width:0;padding:14px 16px;display:flex}.rp2-chart-extra-stat__icon{border-radius:8px;flex-shrink:0;place-items:center;width:38px;height:38px;display:grid}.rp2-chart-extra-stat div:last-child{gap:2px;min-width:0;display:grid}.rp2-chart-extra-stat span{color:var(--color-text-muted);font-size:.8rem;font-weight:700}.rp2-chart-extra-stat strong{color:var(--color-heading);font-size:1.2rem;font-weight:850;line-height:1.1}.rp2-chart-extra-stat small{color:var(--color-text-muted);font-size:.8rem;font-weight:750}.rp2-chart-extra-stat--warning{background:var(--color-warning-bright,#fff7ed);border-color:var(--color-warning-border,#f973164d)}.rp2-chart-extra-stat--warning .rp2-chart-extra-stat__icon{color:var(--color-warning-dark,#ea580c);background:#f973161f}.rp2-chart-extra-stat--violet{background:#f5f3ff;border-color:#7c3aed47}.rp2-chart-extra-stat--violet .rp2-chart-extra-stat__icon{color:#7c3aed;background:#7c3aed1f}.rp2-report-section{flex-direction:column;gap:14px;display:flex}.rp2-report-header{justify-content:space-between;align-items:center;display:flex}.rp2-report-header h2{color:var(--color-heading);margin:0;font-size:1.15rem;font-weight:800}.rp2-report-view-all{color:#6366f1;font-size:.875rem;font-weight:700;text-decoration:none;transition:opacity .15s}.rp2-report-view-all:hover{opacity:.75}.rp2-report-card{padding:0;overflow:hidden}.rp2-tabs{border-bottom:2px solid var(--color-border);scrollbar-width:none;align-items:flex-end;padding:0 24px;display:flex;overflow-x:auto}.rp2-tabs::-webkit-scrollbar{display:none}.rp2-tab{color:var(--color-text-muted);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-2px;padding:14px 18px;font-size:.875rem;font-weight:600;transition:color .15s,border-color .15s}.rp2-tab:hover{color:var(--color-text)}.rp2-tab--active{color:#16a34a;border-bottom-color:#16a34a}.rp2-table-wrap{overflow-x:auto}.rp2-table{border-collapse:collapse;width:100%;font-size:.875rem}.rp2-table thead th{text-align:left;color:var(--color-text);background:var(--color-surface);border-bottom:1px solid var(--color-border);white-space:nowrap;padding:14px 20px;font-size:.82rem;font-weight:700}.rp2-table tbody tr{transition:background .12s}.rp2-table tbody tr:hover{background:#f9fafb}.rp2-table tbody td{color:var(--color-text);border-bottom:1px solid var(--color-border);vertical-align:middle;white-space:nowrap;padding:16px 20px;font-weight:500}.rp2-table tbody tr:last-child td{border-bottom:none}.rp2-table__order-id{color:var(--color-heading);font-weight:700}.rp2-overdue-badge{color:#dc2626;font-size:.8rem;font-weight:700}.rp2-table__dash{color:var(--color-text-muted)}.rp2-table-message{align-items:center;gap:10px;padding:20px 24px;font-size:.875rem;font-weight:500;display:flex}.rp2-table-message--error{color:#dc2626}.rp2-table-empty{text-align:center;color:var(--color-text-muted);font-weight:500;padding:40px 20px!important}.rp2-table-footer{border-top:1px solid var(--color-border);justify-content:space-between;align-items:center;padding:14px 24px;display:flex}.rp2-table-footer__info{color:var(--color-text-muted);font-size:.84rem;font-weight:500}.rp2-export-btn{background:var(--color-surface);color:#16a34a;cursor:pointer;white-space:nowrap;border:1px solid #16a34a;border-radius:8px;align-items:center;gap:7px;padding:9px 18px;font-size:.84rem;font-weight:700;transition:background .18s,box-shadow .18s;display:inline-flex}.rp2-export-btn:hover:not(:disabled){background:#f0fdf4;box-shadow:0 2px 12px #16a34a26}.rp2-export-btn:disabled{opacity:.45;cursor:not-allowed;border-color:var(--color-border);color:var(--color-text-muted)}@keyframes rp2-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (width<=1100px){.rp2-charts-row{grid-template-columns:1fr}}@media (width<=900px){.rp2-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=680px){.rp2-page{padding:0 16px 36px}.rp2-stats{grid-template-columns:1fr}.rp2-filter-row{flex-direction:column;align-items:stretch}.rp2-filter-btn{justify-content:center;width:100%}.rp2-chart-stats{flex-direction:column;gap:12px}.rp2-chart-stat{border-right:none;border-bottom:1px solid var(--color-border);padding:0 0 12px}.rp2-chart-stat:last-child{border-bottom:none;padding-bottom:0}.rp2-chart-extra-stats{flex-direction:column}.rp2-card__head{flex-direction:column;align-items:stretch;gap:12px}.rp2-group-by-select{flex-wrap:wrap;width:100%;display:flex;overflow:visible}.rp2-group-by-btn{border-bottom:1px solid var(--color-border);flex:90px}.rp2-group-by-btn:last-child{border-right:none}}.settings-page{flex-direction:column;gap:24px;padding:0 32px 48px;animation:.3s ease-out fadeInSettings;display:flex}@keyframes fadeInSettings{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.settings-page__header{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.settings-page__badge{background:var(--color-green-pale,#e8f5e9);color:var(--color-primary,#06892b);border:1px solid var(--color-primary-alpha,#06892b33);border-radius:999px;align-items:center;gap:6px;margin-bottom:8px;padding:4px 10px;font-size:.75rem;font-weight:700;display:inline-flex}.settings-page h1{color:var(--color-heading,#0f172a);letter-spacing:-.02em;margin:0;font-size:1.6rem;font-weight:750}.settings-page p{color:var(--color-text-muted,#64748b);margin:4px 0 0;font-size:.9rem;line-height:1.45}.settings-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:24px;display:grid}.settings-card{background:var(--color-surface,#fff);border:1px solid var(--color-border,#e2e8f0);border-radius:16px;flex-direction:column;gap:20px;padding:26px;transition:border-color .2s,box-shadow .2s;display:flex;box-shadow:0 4px 20px -2px #0000000a}.settings-card:hover{border-color:var(--color-border-subtle,#cbd5e1);box-shadow:0 8px 28px -4px #00000012}.settings-card__header{border-bottom:1px solid var(--color-border-subtle,#f1f5f9);align-items:flex-start;gap:14px;padding-bottom:16px;display:flex}.settings-card__header-icon{background:var(--color-green-pale,#e8f5e9);width:42px;height:42px;color:var(--color-primary,#06892b);border:1px solid #06892b26;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.settings-card__header-icon--accent{color:#059669;background:#f0fdf4;border-color:#05966933}.settings-card__header h2{color:var(--color-heading,#0f172a);margin:0;font-size:1.15rem;font-weight:700}.settings-card__header p{color:var(--color-text-muted,#64748b);margin:2px 0 0;font-size:.825rem}.settings-profile-hero{background:linear-gradient(135deg,#06892b0a 0%,#06892b14 100%);border:1px solid #06892b1f;border-radius:12px;align-items:center;gap:16px;padding:16px;display:flex}.settings-profile-avatar{color:#fff;background:linear-gradient(135deg,#06892b 0%,#046c21 100%);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:54px;height:54px;font-size:1.4rem;font-weight:800;display:flex;box-shadow:0 4px 12px #06892b47}.settings-profile-info{flex-direction:column;gap:6px;min-width:0;display:flex}.settings-profile-info h3{color:var(--color-heading,#0f172a);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:1.1rem;font-weight:750;overflow:hidden}.settings-profile-badges{flex-wrap:wrap;gap:8px;display:flex}.settings-badge{border-radius:6px;align-items:center;gap:5px;padding:3px 8px;font-size:.75rem;font-weight:700;display:inline-flex}.settings-badge--role{color:#3730a3;background:#e0e7ff;border:1px solid #3730a333}.settings-badge--status{color:#15803d;background:#dcfce7;border:1px solid #15803d33}.settings-alert{border-radius:10px;align-items:center;gap:10px;padding:12px 14px;font-size:.85rem;font-weight:600;animation:.25s ease-out alertPop;display:flex}@keyframes alertPop{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.settings-alert--success{color:#166534;background:#f0fdf4;border:1px solid #bbf7d0}.settings-alert--error{color:#991b1b;background:#fef2f2;border:1px solid #fecaca}.settings-form{flex-direction:column;gap:16px;display:flex}.settings-field{flex-direction:column;gap:6px;display:flex}.settings-field label{color:var(--color-heading,#1e293b);justify-content:space-between;align-items:center;gap:8px;font-size:.825rem;font-weight:700;display:flex}.settings-field-hint{color:var(--color-text-muted,#64748b);font-size:.75rem;font-weight:500}.settings-input-wrap{align-items:center;width:100%;display:flex;position:relative}.settings-input-icon{color:var(--color-text-muted,#94a3b8);pointer-events:none;position:absolute;left:12px}.settings-input-lock{color:var(--color-text-muted,#94a3b8);pointer-events:none;position:absolute;right:12px}.settings-input-wrap input{width:100%;min-height:44px;color:var(--color-heading,#0f172a);background:var(--color-surface,#fff);border:1.5px solid var(--color-border,#cbd5e1);border-radius:10px;outline:none;padding:0 40px 0 38px;font-family:inherit;font-size:.9rem;transition:border-color .2s,box-shadow .2s,background-color .2s}.settings-input-wrap input:focus{border-color:var(--color-primary,#06892b);box-shadow:0 0 0 3px #06892b26}.settings-input-wrap--readonly input{color:#64748b;cursor:not-allowed;-webkit-user-select:none;user-select:none;background:#f8fafc;border-color:#e2e8f0}.settings-toggle-pass{width:32px;height:32px;color:var(--color-text-muted,#64748b);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;transition:color .15s,background-color .15s;display:flex;position:absolute;right:8px}.settings-toggle-pass:hover{color:var(--color-heading,#0f172a);background:var(--color-border-subtle,#f1f5f9)}.settings-meta-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding-top:4px;display:grid}.settings-meta-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;align-items:center;gap:10px;padding:12px;display:flex}.settings-meta-icon{width:32px;height:32px;color:var(--color-primary,#06892b);background:#fff;border:1px solid #e2e8f0;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.settings-meta-text{flex-direction:column;min-width:0;display:flex}.settings-meta-label{color:var(--color-text-muted,#64748b);text-transform:uppercase;letter-spacing:.03em;font-size:.725rem;font-weight:600}.settings-meta-value{color:var(--color-heading,#0f172a);white-space:nowrap;text-overflow:ellipsis;font-size:.84rem;font-weight:750;overflow:hidden}.settings-security-tip{color:#166534;background:#f0fdf4;border:1px solid #06892b26;border-radius:10px;align-items:flex-start;gap:12px;padding:14px 16px;display:flex}.settings-security-tip svg{color:#06892b;flex-shrink:0;margin-top:2px}.settings-security-tip strong{margin-bottom:2px;font-size:.825rem;font-weight:750;display:block}.settings-security-tip p{color:#14532d;margin:0;font-size:.775rem;line-height:1.4}.settings-form__actions{border-top:1px solid var(--color-border-subtle,#f1f5f9);justify-content:flex-end;padding-top:8px;display:flex}.settings-form__actions button{justify-content:center;align-items:center;gap:8px;min-width:150px;font-weight:700;display:inline-flex}@media (width<=1024px){.settings-grid{grid-template-columns:1fr;gap:20px}}@media (width<=640px){.settings-page{gap:18px;padding:0 16px 36px}.settings-card{padding:18px}.settings-meta-grid{grid-template-columns:1fr}.settings-form__actions button{width:100%}}.loyalty-page{box-sizing:border-box;gap:22px;min-width:0;max-width:100%;padding:0 28px 56px;animation:.3s cubic-bezier(.16,1,.3,1) loyalty-fade-in;display:grid;overflow-x:hidden}@keyframes loyalty-fade-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.loyalty-page__header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;min-width:0;display:flex}.loyalty-page__title-row{align-items:center;gap:16px;min-width:0;display:flex}.loyalty-page__title-icon{background:linear-gradient(135deg, var(--color-primary), var(--color-primary-vivid));color:#fff;width:50px;height:50px;box-shadow:var(--shadow-brand);border-radius:14px;flex-shrink:0;place-items:center;display:grid}.loyalty-page h1{color:var(--color-heading);letter-spacing:-.02em;margin:0;font-size:1.55rem;font-weight:800}.loyalty-page p{color:var(--color-text-muted);margin:4px 0 0;font-size:.84rem}.loyalty-alert{border-radius:12px;align-items:center;gap:10px;min-width:0;padding:12px 18px;font-size:.86rem;font-weight:600;animation:.25s loyalty-fade-in;display:flex}.loyalty-alert--error{color:#991b1b;background:#fef2f2;border:1px solid #fecaca}.loyalty-alert--success{color:#166534;background:#f0fdf4;border:1px solid #bbf7d0}.loyalty-summary-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;min-width:0;display:grid}.loyalty-stat-card{border:1px solid var(--color-border);background:var(--color-white);box-shadow:var(--shadow-card);border-radius:16px;align-items:center;gap:14px;min-width:0;min-height:88px;padding:18px 20px;transition:transform .25s,box-shadow .25s;animation:.4s cubic-bezier(.16,1,.3,1) both stat-card-in;display:flex}.loyalty-stat-card:hover{box-shadow:var(--shadow-card-hover);transform:translateY(-3px)}.loyalty-stat-card__icon{border-radius:12px;flex-shrink:0;place-items:center;width:44px;height:44px;display:grid}.loyalty-stat-card.card--green .loyalty-stat-card__icon{background:var(--color-green-pale);color:var(--color-primary-dark)}.loyalty-stat-card.card--blue .loyalty-stat-card__icon{color:#0369a1;background:#e0f2fe}.loyalty-stat-card.card--violet .loyalty-stat-card__icon{color:#7e22ce;background:#f3e8ff}.loyalty-stat-card.card--amber .loyalty-stat-card__icon{color:#b45309;background:#fef3c7}.loyalty-stat-card__body{gap:2px;min-width:0;display:grid}.loyalty-stat-card__body strong{letter-spacing:-.02em;color:var(--color-heading);text-overflow:ellipsis;white-space:nowrap;font-size:1.28rem;font-weight:900;line-height:1.1;display:block;overflow:hidden}.loyalty-stat-card__body small{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.04em;font-size:.78rem;font-weight:700}.loyalty-stat-card__hint{color:var(--color-text-muted);opacity:.85;font-size:.7rem}.loyalty-settings-card{min-width:0;max-width:100%;padding:24px}.loyalty-section-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;min-width:0;margin-bottom:20px;display:flex}.loyalty-section-heading__left{color:var(--color-primary-dark);align-items:center;gap:10px;min-width:0;display:flex}.loyalty-section-heading h2{color:var(--color-heading);margin:0;font-size:1.08rem;font-weight:800}.loyalty-section-heading__right{flex-wrap:wrap;align-items:center;gap:12px;min-width:0;display:flex}.loyalty-status-badge{text-transform:uppercase;letter-spacing:.05em;border-radius:999px;align-items:center;gap:6px;padding:5px 12px;font-size:.74rem;font-weight:800;display:inline-flex}.loyalty-status-badge--active{color:#15803d;background:#dcfce7;border:1px solid #bbf7d0}.loyalty-status-badge--inactive{color:#64748b;background:#f1f5f9;border:1px solid #e2e8f0}.loyalty-edit-btn{background:var(--color-white);border:1.5px solid var(--color-border);color:var(--color-text);font:inherit;cursor:pointer;border-radius:10px;align-items:center;gap:7px;padding:7px 16px;font-size:.82rem;font-weight:700;transition:all .2s;display:inline-flex}.loyalty-edit-btn:hover{background:var(--color-green-pale);border-color:var(--color-primary);color:var(--color-primary-dark);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.loyalty-rules-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;min-width:0;display:grid}.loyalty-rule-box{background:var(--color-background);border:1px solid var(--color-border);border-radius:14px;flex-direction:column;gap:12px;min-width:0;padding:18px;transition:border-color .2s,transform .2s;display:flex}.loyalty-rule-box:hover{border-color:var(--color-green-soft);transform:translateY(-2px)}.loyalty-rule-box__header{justify-content:space-between;align-items:center;display:flex}.loyalty-rule-box__tag{color:#0369a1;text-transform:uppercase;letter-spacing:.05em;background:#e0f2fe;border-radius:6px;padding:3px 10px;font-size:.7rem;font-weight:800;display:inline-block}.loyalty-rule-box__tag--violet{color:#7e22ce;background:#f3e8ff}.loyalty-rule-box__tag--neutral{color:#475569;background:#f1f5f9}.loyalty-rule-box__content{gap:6px;min-width:0;display:grid}.loyalty-rule-box__label{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.04em;font-size:.75rem;font-weight:700}.loyalty-rule-box__value{color:var(--color-primary-dark);letter-spacing:-.01em;overflow-wrap:anywhere;font-size:1.15rem;font-weight:900}.loyalty-rule-box__value--violet{color:#7e22ce}.loyalty-rule-box__value--active{color:#15803d}.loyalty-rule-box__value--inactive{color:#64748b}.loyalty-rule-box__desc{color:var(--color-text-muted);overflow-wrap:anywhere;margin:4px 0 0;font-size:.8rem;line-height:1.45}.loyalty-rule-box__desc strong{color:var(--color-text);font-weight:700}.loyalty-transactions-card{min-width:0;max-width:100%;padding:24px}.loyalty-transactions-card__head{margin-bottom:16px}.loyalty-transactions-count{color:var(--color-text-muted);font-size:.82rem;font-weight:700}.loyalty-toolbar{flex-wrap:wrap;align-items:center;gap:12px;min-width:0;margin-bottom:16px;display:flex}.loyalty-search-wrap{flex:1;align-items:center;min-width:min(240px,100%);display:flex;position:relative}.loyalty-search-icon{color:var(--color-text-muted);pointer-events:none;position:absolute;left:14px}.loyalty-search-input{background:var(--color-background);border:1.5px solid var(--color-border);width:100%;min-width:0;height:42px;font:inherit;color:var(--color-text);border-radius:12px;padding:0 38px 0 40px;font-size:.875rem;transition:all .2s}.loyalty-search-input:focus{background:var(--color-white);border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px #06892b1f}.loyalty-search-clear{background:var(--color-border);width:20px;height:20px;color:var(--color-text-muted);cursor:pointer;border:none;border-radius:50%;place-items:center;padding:0;display:grid;position:absolute;right:12px}.loyalty-search-clear:hover{color:var(--color-heading);background:#cbd5e1}.loyalty-toolbar-actions{flex-wrap:wrap;align-items:center;gap:10px;min-width:0;display:flex}.loyalty-type-select{width:175px;min-width:0;max-width:100%}.loyalty-filter-toggle{background:var(--color-background);border:1.5px solid var(--color-border);height:42px;font:inherit;color:var(--color-text);cursor:pointer;white-space:nowrap;border-radius:12px;align-items:center;gap:8px;padding:0 16px;font-size:.84rem;font-weight:700;transition:all .2s;display:inline-flex;position:relative}.loyalty-filter-toggle:hover{background:var(--color-white);border-color:var(--color-primary);color:var(--color-primary)}.loyalty-filter-toggle--active{background:var(--color-green-pale);border-color:var(--color-primary);color:var(--color-primary-dark)}.loyalty-filter-toggle--has-filter{border-color:var(--color-primary);color:var(--color-primary-dark)}.loyalty-filter-dot{background:var(--color-primary);border-radius:50%;width:7px;height:7px}.loyalty-date-filters{background:var(--color-background);border:1px dashed var(--color-border);border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:14px;min-width:0;margin-bottom:16px;padding:14px 18px;animation:.2s loyalty-fade-in;display:flex}.loyalty-date-grid{flex-wrap:wrap;gap:14px;min-width:0;display:flex}.loyalty-date-label{color:var(--color-text-muted);text-transform:uppercase;gap:5px;min-width:0;font-size:.78rem;font-weight:700;display:grid}.loyalty-date-input{background:var(--color-white);border:1px solid var(--color-border);height:38px;font:inherit;color:var(--color-text);border-radius:8px;padding:0 12px;font-size:.84rem}.loyalty-date-input:focus{border-color:var(--color-primary);outline:none}.loyalty-clear-filters{color:#dc2626;height:38px;font:inherit;cursor:pointer;background:0 0;border:1px solid #fca5a5;border-radius:8px;align-items:center;gap:5px;padding:0 14px;font-size:.8rem;font-weight:700;transition:all .18s;display:inline-flex}.loyalty-clear-filters:hover{background:#fef2f2}.loyalty-table-wrap{border:1px solid var(--color-border);background:var(--color-white);border-radius:14px;min-width:0;max-width:100%;overflow-x:auto}.loyalty-table{border-collapse:collapse;text-align:left;table-layout:fixed;width:100%;min-width:100%;font-size:.85rem}.loyalty-table__head th{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.06em;border-bottom:1.5px solid var(--color-border);white-space:nowrap;background:#f8faf9;padding:12px 16px;font-size:.74rem;font-weight:800}.loyalty-table__row{border-bottom:1px solid var(--color-border);transition:background .15s;animation:.3s both loyalty-fade-in}.loyalty-table__row:last-child{border-bottom:none}.loyalty-table__row:hover{background:#f8faf8}.loyalty-table td{vertical-align:middle;padding:14px 16px}.loyalty-table__customer{gap:2px;min-width:0;display:grid}.loyalty-table__customer strong{color:var(--color-heading);text-overflow:ellipsis;white-space:nowrap;font-weight:700;overflow:hidden}.loyalty-table__customer small{color:var(--color-text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:.75rem;overflow:hidden}.loyalty-order-pill{background:var(--color-green-pale);max-width:100%;color:var(--color-primary-dark);border:1px solid var(--color-border);text-overflow:ellipsis;white-space:nowrap;border-radius:6px;padding:3px 9px;font-family:Courier New,monospace;font-size:.76rem;font-weight:750;display:inline-block;overflow:hidden}.loyalty-text-muted{color:var(--color-text-muted)}.loyalty-badge{text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;border-radius:999px;align-items:center;max-width:100%;padding:4px 10px;font-size:.72rem;font-weight:800;display:inline-flex}.loyalty-badge--earned{color:#15803d;background:#dcfce7;border:1px solid #bbf7d0}.loyalty-badge--redeemed{color:#7e22ce;background:#f3e8ff;border:1px solid #e9d5ff}.loyalty-badge--adjustment{color:#b45309;background:#fef3c7;border:1px solid #fde68a}.loyalty-table__points{white-space:nowrap;font-family:Outfit,sans-serif;font-weight:800}.loyalty-table__points--positive{color:var(--color-primary-dark)}.loyalty-table__points--negative{color:#7e22ce}.loyalty-table__value{color:var(--color-heading);white-space:nowrap;font-weight:700}.loyalty-table__desc{color:var(--color-text-muted);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.loyalty-table__date{color:var(--color-text-muted);white-space:nowrap;font-size:.8rem}.loyalty-table-loading,.loyalty-empty-state{text-align:center;color:var(--color-text-muted);flex-direction:column;justify-content:center;align-items:center;gap:10px;min-width:0;padding:48px 24px;display:flex}.loyalty-empty-state h3{color:var(--color-heading);margin:0;font-size:1rem;font-weight:800}.loyalty-empty-state p{max-width:420px;margin:0;font-size:.84rem;line-height:1.45}.loyalty-btn-reset{background:var(--color-primary);color:#fff;font:inherit;cursor:pointer;border:none;border-radius:8px;margin-top:6px;padding:8px 16px;font-size:.82rem;font-weight:700;transition:opacity .2s}.loyalty-btn-reset:hover{opacity:.9}.loyalty-pagination-wrap{justify-content:center;margin-top:18px;display:flex}.loyalty-edit-form{gap:18px;display:grid}.loyalty-modal-alert{border-radius:8px;align-items:center;gap:8px;padding:10px 14px;font-size:.82rem;font-weight:600;display:flex}.loyalty-modal-alert--error{color:#991b1b;background:#fef2f2;border:1px solid #fecaca}.loyalty-form-group{gap:6px;display:grid}.loyalty-form-row{grid-template-columns:1fr 1fr;gap:14px;display:grid}.loyalty-form-label{gap:6px;display:grid}.loyalty-form-label span{color:var(--color-heading);font-size:.82rem;font-weight:750}.loyalty-form-input{background:var(--color-background);border:1.5px solid var(--color-border);width:100%;height:42px;font:inherit;color:var(--color-text);border-radius:10px;padding:0 14px;font-size:.9rem;transition:all .2s}.loyalty-form-input:focus{background:var(--color-white);border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px #06892b1f}.loyalty-form-help{color:var(--color-text-muted);font-size:.72rem}.loyalty-rule-preview{color:#7e22ce;background:#f3e8ff;border:1px solid #e9d5ff;border-radius:10px;align-items:center;gap:10px;padding:12px 14px;font-size:.82rem;line-height:1.4;display:flex}.loyalty-rule-preview strong{font-weight:800}.loyalty-status-toggle{background:var(--color-background);border:1px solid var(--color-border);border-radius:10px;padding:12px 14px}.loyalty-checkbox-label{cursor:pointer;align-items:flex-start;gap:12px;display:flex}.loyalty-checkbox-label input{cursor:pointer;width:18px;height:18px;accent-color:var(--color-primary);margin-top:2px}.loyalty-checkbox-text{gap:2px;display:grid}.loyalty-checkbox-text strong{color:var(--color-heading);font-size:.85rem;font-weight:750}.loyalty-checkbox-text small{color:var(--color-text-muted);font-size:.75rem}.loyalty-modal-actions{border-top:1px solid var(--color-border);justify-content:flex-end;align-items:center;gap:10px;margin-top:6px;padding-top:16px;display:flex}.loyalty-btn-cancel{border:1.5px solid var(--color-border);height:42px;color:var(--color-text);font:inherit;cursor:pointer;background:0 0;border-radius:10px;padding:0 18px;font-size:.84rem;font-weight:700;transition:all .18s}.loyalty-btn-cancel:hover{background:var(--color-background)}@media (width<=1100px){.loyalty-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.loyalty-rules-grid{grid-template-columns:1fr}}@media (width<=768px){.loyalty-page{gap:16px;padding:0 16px 44px}.loyalty-page h1{font-size:1.35rem}.loyalty-summary-grid{grid-template-columns:1fr}.loyalty-toolbar{flex-direction:column;align-items:stretch}.loyalty-toolbar-actions{flex-wrap:wrap;width:100%}.loyalty-type-select{flex:1;min-width:140px}.loyalty-filter-toggle{flex:1;justify-content:center}.loyalty-table-wrap{background:0 0;border:0;border-radius:0;overflow:visible}.loyalty-table,.loyalty-table tbody{gap:12px;width:100%;min-width:0;display:grid}.loyalty-table thead{display:none}.loyalty-table__row{border:1px solid var(--color-border);background:var(--color-white);box-shadow:var(--shadow-card);border-radius:14px;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;min-width:0;padding:14px;display:grid}.loyalty-table td{white-space:normal;gap:3px;min-width:0;padding:0;display:grid}.loyalty-table td:before{color:var(--color-text-muted);letter-spacing:.05em;text-transform:uppercase;font-size:.68rem;font-weight:800}.loyalty-table__row>:first-child{grid-column:1/-1}.loyalty-table__row>:first-child:before{content:"Customer"}.loyalty-table__row>:nth-child(2):before{content:"Order"}.loyalty-table__row>:nth-child(3):before{content:"Type"}.loyalty-table__row>:nth-child(4):before{content:"Points"}.loyalty-table__row>:nth-child(5):before{content:"Value"}.loyalty-table__row>:nth-child(6):before{content:"Description"}.loyalty-table__row>:nth-child(7):before{content:"Date"}.loyalty-table__desc,.loyalty-table__customer strong,.loyalty-table__customer small{text-overflow:clip;white-space:normal;overflow-wrap:anywhere;overflow:visible}.loyalty-form-row{grid-template-columns:1fr}}@media (width<=480px){.loyalty-page__title-row{align-items:flex-start}.loyalty-settings-card,.loyalty-transactions-card{padding:16px}.loyalty-toolbar-actions{flex-direction:column}.loyalty-type-select,.loyalty-filter-toggle{width:100%}.loyalty-date-grid{flex-direction:column;width:100%}.loyalty-date-input{width:100%}.loyalty-clear-filters{justify-content:center;width:100%}.loyalty-table__row{grid-template-columns:1fr}}.notifications-page{gap:var(--space-5);flex-direction:column;min-width:0;max-width:100%;display:flex}.notifications-page__header{justify-content:space-between;align-items:flex-start;gap:var(--space-4);flex-wrap:wrap;min-width:0;display:flex}.notifications-page__title-block h1{margin:0}.notifications-page__title-block{min-width:0}.notifications-page__title-block p{margin:var(--space-1) 0 0}.notifications-page__header-actions{align-items:center;gap:var(--space-3);flex-shrink:0;min-width:0;display:flex}.notifications-page__header-actions .notif-enable-push-btn.button{border-radius:var(--radius-pill);min-height:40px;font-size:var(--font-size-sm);white-space:nowrap;padding:0 18px;display:none}.notif-new-badge{border-radius:var(--radius-pill);background:var(--color-gold-50,#fff9e8);border:1px solid var(--color-gold-100,#fdefbd);color:var(--color-gold-600,#9a6811);font-size:var(--font-size-xs);white-space:nowrap;align-items:center;gap:6px;padding:6px 14px;font-weight:700;display:inline-flex}.notif-settings-btn{border-radius:var(--radius-pill);border:1.5px solid var(--color-border-strong,#d7dfd9);background:var(--color-white,#fff);min-height:40px;color:var(--color-primary,#06892b);font-size:var(--font-size-sm);cursor:pointer;transition:border-color var(--transition-fast), box-shadow var(--transition-fast), background var(--transition-fast);align-items:center;gap:7px;padding:0 18px;font-weight:700;display:inline-flex}.notif-settings-btn:hover{border-color:var(--color-primary-light,#31974a);background:var(--color-green-pale,#eef8f0);box-shadow:var(--shadow-sm)}.notif-feedback-bar{border-radius:var(--radius-sm,10px);font-size:var(--font-size-sm);align-items:center;gap:8px;min-width:0;padding:10px 16px;font-weight:500;animation:.2s notifFadeIn;display:flex}.notif-feedback-bar--success{background:var(--color-brand-50,#effaf2);border:1px solid var(--color-brand-100,#d9f3df);color:var(--color-brand-600,#08772e)}.notif-feedback-bar--error{background:var(--color-danger-50,#fff2f1);color:var(--color-danger-500,#d9423a);border:1px solid #d9423a38}@keyframes notifFadeIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.notif-toolbar{justify-content:space-between;align-items:center;gap:var(--space-3);background:var(--color-surface-raised,#fff);border:1px solid var(--color-border-subtle,#e7ece8);border-radius:var(--radius-panel,20px);box-shadow:var(--shadow-card);flex-wrap:wrap;min-width:0;max-width:100%;padding:14px 18px;display:flex}.notif-toolbar__filters,.notif-toolbar__actions{align-items:center;gap:var(--space-2);flex-wrap:wrap;min-width:0;display:flex}.notif-toolbar .notif-filter-btn.button{min-height:40px;font-size:var(--font-size-sm);border-radius:var(--radius-pill);padding:0 18px}.notif-outline-btn{border-radius:var(--radius-pill);border:1.5px solid var(--color-border-strong,#d7dfd9);background:var(--color-white,#fff);min-height:40px;color:var(--color-text-strong,#102318);font-size:var(--font-size-sm);cursor:pointer;transition:border-color var(--transition-fast), background var(--transition-fast), color var(--transition-fast);align-items:center;gap:6px;padding:0 16px;font-weight:700;display:inline-flex}.notif-outline-btn:hover{border-color:var(--color-primary-light,#31974a);color:var(--color-primary,#06892b)}.notif-outline-btn--active{border-color:var(--color-primary,#06892b);color:var(--color-primary,#06892b);background:var(--color-green-pale,#eef8f0)}.notif-outline-btn:disabled{opacity:.5;cursor:not-allowed}.notif-more-wrap{position:relative}.notif-more-btn{border-radius:var(--radius-sm,10px);border:1.5px solid var(--color-border-strong,#d7dfd9);background:var(--color-white,#fff);width:40px;height:40px;color:var(--color-text-secondary,#607067);cursor:pointer;transition:border-color var(--transition-fast), background var(--transition-fast);place-items:center;display:grid}.notif-more-btn:hover{border-color:var(--color-primary-light,#31974a);background:var(--color-green-pale,#eef8f0);color:var(--color-primary,#06892b)}.notif-more-menu{z-index:200;background:var(--color-surface-raised,#fff);border:1px solid var(--color-border-subtle,#e7ece8);border-radius:var(--radius-sm,10px);min-width:180px;box-shadow:var(--shadow-md);padding:6px;animation:.15s notifFadeIn;position:absolute;top:calc(100% + 6px);right:0}.notif-more-menu__item{width:100%;color:var(--color-text-strong,#102318);font-size:var(--font-size-sm);cursor:pointer;text-align:left;transition:background var(--transition-fast);background:0 0;border:none;border-radius:8px;align-items:center;gap:8px;padding:9px 12px;font-weight:600;display:flex}.notif-more-menu__item:hover{background:var(--color-canvas,#f6f8f6)}.notif-more-menu__item--danger{color:var(--color-danger-500,#d9423a)}.notif-more-menu__item--danger:hover{background:var(--color-danger-50,#fff2f1)}.notif-more-menu__item:disabled{opacity:.5;cursor:not-allowed}.notif-list-container{background:var(--color-surface-raised,#fff);border:1px solid var(--color-border-subtle,#e7ece8);border-radius:var(--radius-panel,20px);box-shadow:var(--shadow-card);flex-direction:column;gap:0;min-width:0;max-width:100%;display:flex;overflow:hidden}.notif-select-all-row{border-bottom:1px solid var(--color-border-subtle,#e7ece8);background:var(--color-canvas,#f6f8f6);padding:10px 20px}.notif-select-all-text{font-size:var(--font-size-xs);color:var(--color-text-secondary,#607067);font-weight:600}.notif-list{min-width:0;margin:0;padding:0;list-style:none}.notif-card{border-bottom:1px solid var(--color-border-subtle,#e7ece8);transition:background var(--transition-fast);align-items:center;gap:14px;min-width:0;padding:18px 20px;display:flex;position:relative}.notif-card:last-child{border-bottom:none}.notif-card:hover{background:var(--color-surface-subtle,#fafcfb)}.notif-card--unread{background:var(--color-surface-raised,#fff)}.notif-card--read{background:var(--color-canvas,#f6f8f6)}.notif-card--read .notif-card__title{color:var(--color-text-secondary,#607067);font-weight:500}.notif-card--read .notif-card__message{color:var(--color-text-tertiary,#8a9890)}.notif-checkbox-label{cursor:pointer;flex-shrink:0;align-items:center;gap:8px;display:flex}.notif-card__check{align-self:flex-start;padding-top:2px}.notif-checkbox{width:16px;height:16px;accent-color:var(--color-primary,#06892b);cursor:pointer;border-radius:4px;flex-shrink:0}.notif-card__dot{width:8px;height:8px;transition:background var(--transition-fast);background:0 0;border-radius:50%;flex-shrink:0}.notif-card__dot--visible{background:var(--color-danger-500,#d9423a);box-shadow:0 0 0 2px #d9423a2e}.notif-card__icon{background:var(--color-info-50,#eff8ff);width:44px;height:44px;color:var(--color-info-500,#2879bd);border:1px solid #2879bd26;border-radius:50%;flex-shrink:0;place-items:center;display:grid}.notif-card__icon--order_overdue,.notif-card__icon--long_outstanding_debt,.notif-card__icon--order_cancelled_refunded,.notif-card__icon--customer_blacklisted{background:var(--color-danger-50,#fff2f1);color:var(--color-danger-500,#d9423a);border-color:#d9423a26}.notif-card__icon--order_ready_pickup,.notif-card__icon--delivery_ready{background:var(--color-brand-50,#effaf2);color:var(--color-brand-600,#08772e);border-color:var(--color-brand-100,#d9f3df)}.notif-card__icon--expense_created{background:var(--color-info-50,#eff8ff);color:var(--color-info-500,#2879bd);border-color:#2879bd26}.notif-card__icon--loyalty_redeemed{background:var(--color-violet-50,#f6f2ff);color:var(--color-violet-500,#7654c4);border-color:#7654c426}.notif-card__icon--order_discount_applied{background:var(--color-gold-50,#fff9e8);color:var(--color-gold-600,#9a6811);border-color:var(--color-gold-100,#fdefbd)}.notif-card__content{flex:1;min-width:0}.notif-card__title{font-size:var(--font-size-sm);color:var(--color-text-strong,#102318);margin:0 0 3px;font-weight:700;line-height:1.4}.notif-card__message{font-size:var(--font-size-xs);color:var(--color-text-secondary,#607067);overflow-wrap:anywhere;margin:0 0 5px;line-height:1.5}.notif-card__time{font-size:var(--font-size-xs);color:var(--color-text-tertiary,#8a9890);align-items:center;gap:4px;margin:0;display:flex}.notif-card__time-icon{opacity:.7;font-size:11px}.notif-priority-badge{border-radius:var(--radius-pill);letter-spacing:.04em;white-space:nowrap;flex-shrink:0;justify-content:center;align-items:center;padding:3px 10px;font-size:.68rem;font-weight:800;display:inline-flex}.notif-priority-badge--high{background:var(--color-danger-50,#fff2f1);color:var(--color-danger-500,#d9423a);border:1px solid #d9423a33}.notif-priority-badge--medium{background:var(--color-warning-50,#fff8e8);color:var(--color-warning-500,#b97814);border:1px solid #b9781433}.notif-priority-badge--info{background:var(--color-info-50,#eff8ff);color:var(--color-info-500,#2879bd);border:1px solid #2879bd33}.notif-card .notif-card__view-btn.button{min-height:36px;font-size:var(--font-size-xs);border-radius:var(--radius-pill);flex-shrink:0;padding:0 14px}.notif-card__delete-btn{width:34px;height:34px;color:var(--color-text-tertiary,#8a9890);cursor:pointer;transition:color var(--transition-fast), background var(--transition-fast), border-color var(--transition-fast);background:0 0;border:1px solid #0000;border-radius:8px;flex-shrink:0;place-items:center;display:grid}.notif-card__delete-btn:hover{color:var(--color-danger-500,#d9423a);background:var(--color-danger-50,#fff2f1);border-color:#d9423a33}.notif-card--skeleton{pointer-events:none}.notif-skeleton-check{background:var(--color-border-subtle,#e7ece8);border-radius:4px;flex-shrink:0;width:16px;height:16px}.notif-skeleton-dot{background:var(--color-border-subtle,#e7ece8);border-radius:50%;flex-shrink:0;width:8px;height:8px}.notif-skeleton-icon{background:var(--color-canvas,#f6f8f6);border-radius:50%;flex-shrink:0;width:44px;height:44px}.notif-skeleton-content{flex-direction:column;flex:1;gap:8px;min-width:0;display:flex}.notif-skeleton-del{background:var(--color-canvas,#f6f8f6);border-radius:8px;flex-shrink:0;width:34px;height:34px}.notif-skeleton-list{flex-direction:column;display:flex}.notif-empty{justify-content:center;align-items:center;gap:var(--space-3);padding:var(--space-12) var(--space-6);text-align:center;color:var(--color-text-secondary,#607067);flex-direction:column;display:flex}.notif-empty strong{font-size:var(--font-size-md);color:var(--color-text-strong,#102318);font-weight:700}.notif-empty p{font-size:var(--font-size-sm);max-width:380px;margin:0;line-height:1.6}.notif-empty__icon{color:var(--color-border-strong,#d7dfd9)}.notif-empty__icon--error{color:var(--color-danger-500,#d9423a)}.notif-settings-list{flex-direction:column;gap:0;display:flex}.notif-settings-note{border-radius:var(--radius-sm,10px);background:var(--color-info-50,#eff8ff);color:var(--color-info-500,#2879bd);font-size:var(--font-size-xs);border:1px solid #2879bd2e;align-items:center;gap:7px;margin-bottom:12px;padding:10px 14px;font-weight:600;display:flex}.notif-settings-row{align-items:center;gap:var(--space-4);border-bottom:1px solid var(--color-border-subtle,#e7ece8);padding:16px 0;display:flex}.notif-settings-row:last-child{border-bottom:none}.notif-settings-row__info{flex:1;min-width:0}.notif-settings-row__header{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:4px;display:flex}.notif-settings-row__label{font-size:var(--font-size-sm);color:var(--color-text-strong,#102318);font-weight:700}.notif-settings-row__desc{font-size:var(--font-size-xs);color:var(--color-text-secondary,#607067);margin:0;line-height:1.5}.notif-settings-audience{border-radius:var(--radius-pill);align-items:center;padding:2px 9px;font-size:.68rem;font-weight:700;display:inline-flex}.notif-settings-audience--all{background:var(--color-brand-50,#effaf2);color:var(--color-brand-600,#08772e);border:1px solid var(--color-brand-100,#d9f3df)}.notif-settings-audience--admin{background:var(--color-violet-50,#f6f2ff);color:var(--color-violet-500,#7654c4);border:1px solid #7654c42e}.notif-toggle-label{cursor:pointer;flex-shrink:0;display:inline-flex;position:relative}.notif-toggle-input{opacity:0;width:0;height:0;position:absolute}.notif-toggle-track{background:var(--color-border-strong,#d7dfd9);width:44px;height:24px;transition:background var(--transition-fast);border:1.5px solid #0000;border-radius:12px;position:relative}.notif-toggle-input:checked+.notif-toggle-track{background:var(--color-primary,#06892b)}.notif-toggle-input:disabled+.notif-toggle-track{opacity:.5;cursor:not-allowed}.notif-toggle-thumb{background:var(--color-white,#fff);width:16px;height:16px;transition:transform var(--transition-fast);border-radius:50%;place-items:center;display:grid;position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #0003}.notif-toggle-input:checked+.notif-toggle-track .notif-toggle-thumb{transform:translate(20px)}.notif-toggle-spinner{color:var(--color-primary,#06892b);animation:.7s linear infinite spin}.notif-toggle-label:not(:has(.notif-toggle-input:disabled)):hover .notif-toggle-track{border-color:var(--color-primary-light,#31974a)}.notif-settings-loading,.notif-settings-error,.notif-settings-empty{align-items:center;gap:var(--space-3);padding:var(--space-8);text-align:center;color:var(--color-text-secondary,#607067);flex-direction:column;display:flex}.notif-settings-spinner{color:var(--color-primary,#06892b);animation:.8s linear infinite spin}.notif-settings-error{color:var(--color-danger-500,#d9423a)}@media (width<=860px){.notifications-page__header{flex-direction:column;align-items:flex-start}.notifications-page__header-actions{flex-wrap:wrap;width:100%}.notif-toolbar{align-items:stretch;gap:var(--space-3);flex-direction:column}.notif-toolbar__filters,.notif-toolbar__actions{justify-content:flex-start;width:100%}.notif-toolbar .notif-filter-btn.button,.notif-outline-btn{flex:auto;justify-content:center;min-width:0}}@media (width<=640px){.notif-card{grid-template-columns:auto 8px 38px minmax(0,1fr) auto;align-items:flex-start;gap:10px;padding:14px;display:grid}.notif-card__check{grid-area:1/1;padding-top:10px}.notif-card__dot{grid-area:1/2;margin-top:14px}.notif-card__icon{grid-area:1/3;width:38px;height:38px}.notif-card__content{grid-area:1/4/auto/6;min-width:0}.notif-priority-badge{display:none}.notif-card .notif-card__view-btn.button{grid-area:2/4;justify-self:start;width:auto;min-height:32px;padding:0 14px}.notif-card__delete-btn{grid-area:2/5;justify-self:end}.notif-card__title,.notif-card__message,.notif-card__time{overflow-wrap:anywhere}.notif-settings-row{align-items:flex-start;gap:var(--space-3);flex-direction:column}.reg-modal--lg{width:calc(100vw - 24px)!important}}@media (width<=480px){.notif-toolbar__filters,.notif-toolbar__actions{flex-direction:column}.notif-outline-btn,.notif-toolbar .notif-filter-btn.button{width:100%}.notif-card__title{font-size:.8rem}.notif-card__message{font-size:.72rem}}@media (width<=380px){.notif-card{grid-template-columns:auto 8px minmax(0,1fr) auto}.notif-card__icon{display:none}.notif-card__content{grid-column:3/5}.notif-card .notif-card__view-btn.button{grid-column:3}.notif-card__delete-btn{grid-column:4}}.audit-page{gap:18px;padding:0 28px 48px;display:grid}.audit-page h1{color:var(--color-heading);margin:0;font-size:1.45rem}.audit-page p{color:var(--color-text-muted);margin:4px 0 0}.audit-filter-card,.audit-card,.audit-empty-state{align-items:center;gap:12px;padding:18px;display:flex}.audit-filter-card svg{color:var(--color-primary)}.audit-filter-card input,.audit-filter-card select{min-height:42px;color:var(--color-text);background:var(--color-background);border:1px solid var(--color-border);font:inherit;border-radius:8px;outline:0;padding:0 12px}.audit-filter-card input:first-of-type{flex:1}.audit-list{gap:12px;display:grid}.audit-card>span,.audit-empty-state>svg{width:42px;height:42px;color:var(--color-white);background:linear-gradient(135deg, var(--color-primary), var(--color-primary-vivid));border-radius:8px;place-items:center;display:grid}.audit-card div,.audit-empty-state div{flex:1}.audit-card strong,.audit-empty-state strong{color:var(--color-heading)}.audit-card em,.audit-card small{color:var(--color-text-muted);font-style:normal;font-weight:850}.audit-card--skeleton{pointer-events:none}.audit-skeleton__body{flex:1;gap:10px;display:grid}.audit-card__details{min-height:34px;color:var(--color-primary);background:var(--color-green-pale);border:1px solid var(--color-glass-border,var(--color-border));font:inherit;cursor:pointer;white-space:nowrap;border-radius:8px;align-items:center;gap:6px;padding:0 10px;font-size:.8rem;font-weight:850;display:inline-flex}.audit-card__details:hover{color:var(--color-primary-dark);border-color:var(--color-primary-light,var(--color-primary))}.audit-load-more{justify-content:center;display:flex}.audit-empty-state--error>svg{background:var(--color-accent,#f40606)}.audit-details{gap:18px;padding:22px 24px;display:grid}.audit-details__summary,.audit-details__meta,.audit-details__changes{gap:12px;display:grid}.audit-details__summary strong,.audit-details__changes h3,.audit-change strong{color:var(--color-heading)}.audit-details__summary p,.audit-details__changes p,.audit-change span{color:var(--color-text-muted);margin:0}.audit-details__meta{margin:0}.audit-details__meta div,.audit-change{background:var(--color-background);border:1px solid var(--color-border);border-radius:8px;padding:12px}.audit-details__meta dt{color:var(--color-text-muted);font-size:.78rem;font-weight:800}.audit-details__meta dd{color:var(--color-text);margin:4px 0 0;font-weight:750}.audit-details__order-link{color:var(--color-primary);justify-self:start;font-size:.86rem;font-weight:850;text-decoration:none}.audit-details__order-link:hover{color:var(--color-primary-dark);text-decoration:underline}.audit-details__changes h3{margin:0;font-size:1rem}.audit-change{gap:6px;display:grid}@media (width<=820px){.audit-page{padding:0 16px 36px}.audit-filter-card,.audit-card{flex-direction:column;align-items:stretch}.audit-filter-card input,.audit-filter-card select{width:100%}.audit-card__details{justify-content:center;width:100%}.audit-card--skeleton{gap:14px}.audit-card--skeleton>.ui-skeleton{max-width:100%}}.app-shell{min-height:100vh}:root{--color-primary:#06892b;--color-primary-dark:#056b20;--color-primary-light:#31974a;--color-primary-vivid:#0ebb42;--color-primary-glow:#0ebb4259;--color-accent:#f40606;--color-accent-hover:#d90404;--color-accent-soft:#f55e5e;--color-green-soft:#a5ceab;--color-green-muted:#5ba068;--color-green-pale:#eef8f0;--color-white:#fff;--color-background:#f5f9f6;--color-surface:#fff;--color-text:#1a2e22;--color-text-muted:#5c7266;--color-border:#d6e6da;--color-heading:#0a1a10;--color-sky:#c9edf8;--color-sky-strong:#42bfe8;--color-gold:#f5b84d;--color-warning-bright:#fff7ed;--color-warning-dark:#ea580c;--color-warning-border:#f973164d;--color-footer:#00491f;--color-footer-dark:#003716;--color-glass:#ffffff8c;--color-glass-border:#06892b1f;--color-glass-strong:#ffffffbf;--color-shadow-soft:#056b2014;--color-shadow-card:#1024180f;--color-shadow-strong:#056b2026;--color-black-alpha:#102418ad;--color-white-alpha:#ffffffdb;--color-white-soft-alpha:#ffffffb8;--color-green-alpha:#06892b1f;--color-red-alpha:#f406062e;--color-border-soft:#056b2029;--color-badge-soft:#a5ceab42;--color-focus-ring:#06892b66;--shadow-sm:0 2px 8px #056b200f;--shadow-md:0 8px 30px #056b2014;--shadow-lg:0 20px 50px #056b201f;--shadow-glow:0 0 40px #0ebb4226;--radius-sm:10px;--radius-md:18px;--radius-lg:30px;--container:1140px;--font-family-sans:"Outfit", Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-size-xs:.75rem;--font-size-sm:.875rem;--font-size-md:1rem;--font-size-lg:1.125rem;--font-size-xl:1.5rem;--font-size-2xl:clamp(1.75rem, 2vw, 2.125rem);--line-height-tight:1.15;--line-height-body:1.5;--tracking-tight:-.03em;--tracking-wide:.08em;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--radius-xs:.5rem;--radius-card:1rem;--radius-panel:1.25rem;--radius-pill:999px;--color-canvas:#f6f8f6;--color-surface-subtle:#fafcfb;--color-surface-raised:#fff;--color-surface-inverse:#102318;--color-text-strong:#102318;--color-text-secondary:#607067;--color-text-tertiary:#8a9890;--color-border-subtle:#e7ece8;--color-border-strong:#d7dfd9;--color-brand-50:#effaf2;--color-brand-100:#d9f3df;--color-brand-500:#0b9238;--color-brand-600:#08772e;--color-brand-700:#076127;--color-danger-50:#fff2f1;--color-danger-500:#d9423a;--color-warning-50:#fff8e8;--color-warning-500:#b97814;--color-info-50:#eff8ff;--color-info-500:#2879bd;--color-gold-50:#fff9e8;--color-gold-100:#fdefbd;--color-gold-600:#9a6811;--color-violet-50:#f6f2ff;--color-violet-500:#7654c4;--color-cyan-50:#ebf9fb;--color-cyan-500:#17869a;--color-accent-50:#fff1f1;--color-accent-100:#ffdada;--color-accent-600:#c92d2d;--color-overlay-light:#ffffff1f;--color-overlay-medium:#fff3;--color-overlay-strong:#ffffffb8;--color-chart-grid:#10231814;--color-chart-fill:#0b923824;--shadow-card:0 1px 2px #10231808, 0 8px 24px #1023180a;--shadow-card-hover:0 2px 4px #1023180a, 0 16px 40px #10231814;--shadow-brand:0 12px 30px #08772e2e;--transition-fast:.16s cubic-bezier(.2, 0, 0, 1);--transition-smooth:.28s cubic-bezier(.2, .8, .2, 1);font-family:var(--font-family-sans)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--color-text);background:var(--color-background);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0}body.navbar-menu-open{overflow:hidden}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button,input{font:inherit}button{border:0}:focus-visible{outline:3px solid var(--color-focus-ring);outline-offset:3px}.container{width:min(var(--container), calc(100% - 40px));margin:0 auto}@media (width<=700px){.container{width:min(100% - 24px, var(--container))}}.section-eyebrow{color:var(--color-primary-dark);border:1px solid var(--color-glass-border);text-transform:uppercase;letter-spacing:1.2px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(135deg,#06892b14 0%,#0ebb420f 100%);border-radius:4px 20px 20px 4px;align-items:center;gap:8px;margin:0 0 14px;padding:6px 18px 6px 14px;font-size:.72rem;font-weight:800;display:inline-flex}.section-eyebrow:before{content:"";background:var(--color-primary-vivid);width:6px;height:6px;box-shadow:0 0 8px var(--color-primary-glow);border-radius:50%;animation:2s ease-in-out infinite eyebrow-pulse}@keyframes eyebrow-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.7)}}.section-title{color:var(--color-heading);letter-spacing:-.02em;margin:0;font-size:clamp(1.75rem,3vw,2.4rem);font-weight:800;line-height:1.15}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.reveal{opacity:0;transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1)}.reveal.revealed{opacity:1}.reveal--up{transform:translateY(50px)}.reveal--up.revealed{transform:translateY(0)}.reveal--left{transform:translate(-60px)}.reveal--left.revealed{transform:translate(0)}.reveal--right{transform:translate(60px)}.reveal--right.revealed{transform:translate(0)}.reveal--scale{transform:scale(.85)}.reveal--scale.revealed{transform:scale(1)}.reveal--fade,.reveal--fade.revealed{transform:none}