body{margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}:root{--nature-primary:#2d6a4f;--nature-primary-hover:#1b4332;--nature-light:#d8f3dc;--nature-bg:#f1f8f4;--nature-accent:#52b788;--nature-card-bg:#fffffff2}.login-page{background:linear-gradient(135deg,#1b4332 0%,#2d6a4f 50%,#40916c 100%);justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}.login-page:before{content:"";opacity:.6;background-image:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.04'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");position:absolute;inset:0}.login-page__overlay{background:radial-gradient(at 0 100%,#52b77833 0%,#0000 60%);position:absolute;inset:0}.login-page__content{z-index:1;width:100%;max-width:420px;padding:24px;position:relative}.login-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--nature-card-bg)!important;border-radius:16px!important;box-shadow:0 20px 60px #00000040!important}.login-card .ant-card-body{padding:40px 32px}.login-card__header{flex-direction:column;align-items:center;gap:8px;margin-bottom:32px;display:flex}.login-card__leaf-icon{color:var(--nature-primary);margin-bottom:4px}.login-page .ant-form-item-label>label{color:#3a5a40;font-weight:500}.login-page .ant-input,.login-page .ant-input-password{background-color:#f1f8f4;border-color:#b7e4c7;border-radius:8px}.login-page .ant-input:hover,.login-page .ant-input-password:hover{border-color:var(--nature-accent)}.login-page .ant-input:focus,.login-page .ant-input-password:focus,.login-page .ant-input-focused,.login-page .ant-input-password-focused{border-color:var(--nature-primary);box-shadow:0 0 0 2px #2d6a4f1a}.login-submit-btn{background:var(--nature-primary)!important;border-color:var(--nature-primary)!important;border-radius:8px!important;height:44px!important;font-size:15px!important;font-weight:600!important}.login-submit-btn:hover{background:var(--nature-primary-hover)!important;border-color:var(--nature-primary-hover)!important}.sidebar-collapse-btn{transition:background .2s}.sidebar-collapse-btn:hover{background:#ffffff1a!important}.ant-menu-dark{background:0 0!important}.ant-menu-dark .ant-menu-sub{background:#00000026!important}.ant-menu-dark .ant-menu-item-selected{background-color:var(--nature-accent)!important}.ant-menu-dark .ant-menu-item:hover,.ant-menu-dark .ant-menu-submenu-title:hover{background-color:#52b77840!important}.orders-page{padding:24px}.orders-page-header{justify-content:space-between;gap:16px;margin-bottom:16px;display:flex}.order-ready-page{place-items:center;min-height:100vh;padding:24px;display:grid}.order-expanded-items{gap:8px;display:grid}.order-expanded-item{grid-template-columns:minmax(180px,1fr) 80px 130px minmax(220px,260px);align-items:center;gap:12px;padding:8px 12px 8px 32px;display:grid}.order-tracking-grid{grid-template-columns:minmax(320px,.9fr) minmax(0,1.6fr);align-items:start;gap:16px;width:100%;display:grid}.order-queue{gap:10px;min-width:0;display:grid}.order-queue-header,.order-queue-card-row{justify-content:space-between;gap:8px;display:flex}.order-queue-header{align-items:baseline}.order-queue-list{gap:10px;display:grid}.order-queue-card{text-align:left;cursor:pointer;background:#fff;border:1px solid #d9d9d9;border-radius:8px;width:100%;padding:12px}.order-queue-card.is-focused{border-color:var(--nature-primary);background:#f1f8f4;box-shadow:0 0 0 2px #2d6a4f14}.order-focus-card .ant-card-head{gap:12px}.order-focus-card .ant-card-extra{min-width:0}.order-focus-card{width:100%;min-width:0}.order-focus-card .ant-card-body{overflow:hidden}.order-focus-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.order-focus-item{background:#fff;border:1px solid #f0f0f0;border-radius:8px;grid-template-columns:minmax(220px,1fr) 56px 90px minmax(220px,260px);align-items:center;gap:12px;padding:10px 12px;display:grid}.order-status-segmented{justify-self:end;width:fit-content;max-width:100%}.spending-management-page{padding:24px}.spending-management-header,.spending-panel-header{justify-content:space-between;align-items:center;gap:16px;display:flex}.spending-management-header{margin-bottom:16px}.spending-items-list{gap:8px;display:grid}.spending-item-row{background:#fff;border:1px solid #f0f0f0;border-radius:6px;grid-template-columns:minmax(220px,1fr) 110px 140px 150px 150px;align-items:center;gap:12px;padding:10px 12px;display:grid}.spending-item-meta{color:#8c8c8c;font-size:12px;line-height:1.5}.spending-item-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.spending-item-form-section{border-top:1px solid #f0f0f0;gap:10px;padding:12px 0;display:grid}.spending-item-form-section:first-child{border-top:none;padding-top:0}.spending-item-form-section .ant-form-item{margin-bottom:0}.spending-item-form-grid--product{grid-template-columns:minmax(180px,.75fr) minmax(260px,1.25fr)}.spending-item-form-grid--quantity{grid-template-columns:minmax(100px,.7fr) minmax(100px,.65fr) minmax(170px,1fr) minmax(170px,1fr)}.order-status-segmented .ant-segmented-group{width:max-content;max-width:100%}.order-focus-actions{justify-content:flex-end}.create-order-page{background:var(--nature-bg);height:100dvh;padding:24px;overflow:hidden}.create-order-shell{flex-direction:column;max-width:1320px;height:100%;min-height:0;margin:0 auto;display:flex}.create-order-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.create-order-title-row{align-items:center}.create-order-layout{flex:1;grid-template-columns:minmax(0,1fr) clamp(300px,30vw,380px);align-items:start;gap:16px;min-height:0;display:grid;overflow:hidden}.create-order-menu-panel{min-height:0;overflow:hidden}.create-order-menu-panel,.create-order-menu-panel .ant-card-body,.create-order-menu-panel .ant-tabs,.create-order-menu-panel .ant-tabs-content-holder,.create-order-menu-panel .ant-tabs-content,.create-order-menu-panel .ant-tabs-tabpane{height:100%}.create-order-menu-panel .ant-card-body{flex-direction:column;min-height:0;padding:0 16px 16px;display:flex}.create-order-menu-panel .ant-tabs{min-height:0}.create-order-menu-panel .ant-tabs-nav{margin-bottom:12px}.create-order-menu-panel .ant-tabs-content-holder{min-height:0}.create-order-menu-panel .ant-tabs-tabpane{padding-right:2px;overflow:auto}.create-order-menu-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px;display:grid}.create-order-menu-card{cursor:pointer;background:#fff;border:1px solid #d9d9d9;border-radius:8px;grid-template-rows:minmax(0,1fr) auto;gap:8px;min-height:112px;padding:12px;transition:border-color .2s,box-shadow .2s,background .2s;display:grid}.create-order-menu-card:hover,.create-order-menu-card:focus-visible{border-color:var(--nature-primary);outline:none;box-shadow:0 0 0 2px #2d6a4f14}.create-order-menu-card.is-selected{border-color:var(--nature-primary);background:#f1f8f4}.create-order-menu-card-body{gap:4px;min-width:0;display:grid}.create-order-menu-card-footer{justify-content:flex-end;align-items:center;gap:8px;min-height:24px;display:flex}.create-order-menu-quantity{color:#1f1f1f;place-items:center;min-width:24px;height:24px;font-size:14px;font-weight:700;display:inline-grid}.create-order-cart{max-height:100%;position:sticky;top:0;overflow:auto}.create-order-cart-item-header,.create-order-cart-item-footer,.create-order-total-row{justify-content:space-between;gap:8px;display:flex}.create-order-cart-item-footer{align-items:center;margin-top:8px}.create-order-total-row{border-top:1px solid #f0f0f0;padding-top:8px}.create-order-option-group{flex-wrap:wrap;gap:8px;display:flex}.create-order-option-group .ant-radio-button-wrapper{border-inline-start-width:1px;border-radius:6px}.create-order-option-group .ant-radio-button-wrapper:before{display:none}.create-order-payment-group{gap:12px;width:100%;display:grid}.create-order-payment-group .ant-radio-button-wrapper{border-inline-start-width:1px;border-radius:8px;width:100%;height:auto;padding:16px}.create-order-payment-group .ant-radio-button-wrapper:before{display:none}.create-order-payment-group .ant-radio-button-wrapper>span{width:100%}.create-order-payment-option>span>span{gap:2px;display:grid}@media (width<=1180px){.order-tracking-grid{grid-template-columns:1fr}.order-focus-card{flex-direction:column;max-height:calc(100vh - 220px);display:flex}.order-focus-card .ant-card-body{flex:1;overflow-y:auto}.create-order-layout{grid-template-columns:minmax(0,1fr) clamp(280px,34vw,340px)}.order-queue-list{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}}@media (width<=1400px){.order-tracking-grid{grid-template-columns:minmax(300px,.9fr) minmax(0,1.45fr)}.order-focus-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.order-focus-item,.order-expanded-item{grid-template-columns:minmax(0,1fr) auto auto}.order-focus-item .order-status-segmented,.order-expanded-item .order-status-segmented{grid-column:1/-1;justify-self:start}.spending-item-row{grid-template-columns:minmax(220px,1fr) auto auto}.spending-item-row>.ant-space{grid-column:1/-1}}@media (width<=900px){.orders-page,.create-order-page,.spending-management-page{padding:16px}.orders-page-header,.create-order-title-row,.spending-management-header,.spending-panel-header{flex-direction:column;align-items:flex-start}.orders-page-header>.ant-btn,.create-order-title-row>.ant-btn,.spending-management-header>.ant-btn{width:100%}.order-focus-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.order-focus-item,.order-expanded-item{grid-template-columns:minmax(0,1fr) auto}.order-focus-item .order-status-segmented,.order-expanded-item .order-status-segmented{grid-column:1/-1}.create-order-menu-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.spending-item-row,.spending-item-form-grid,.spending-item-form-grid--product,.spending-item-form-grid--quantity{grid-template-columns:1fr}}@media (width<=640px){.orders-page,.create-order-page,.order-ready-page,.spending-management-page{padding:12px}.order-queue-list{scroll-snap-type:x mandatory;gap:10px;padding-bottom:4px;display:flex;overflow-x:auto}.order-queue-card{scroll-snap-align:start;min-width:240px}.order-focus-summary{grid-template-columns:1fr}.order-status-segmented .ant-segmented-item-label{min-height:36px;padding:0 8px;line-height:36px}.create-order-menu-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px}.create-order-layout{grid-template-columns:minmax(0,1fr) minmax(180px,42vw);gap:10px}.create-order-menu-card{min-height:116px;padding:10px}.create-order-cart-item-footer{flex-direction:column;align-items:flex-start}.create-order-option-group .ant-radio-button-wrapper{min-height:36px}.ant-modal{max-width:calc(100vw - 24px)}}.order-detail-modal .ant-modal-content{border-radius:12px}.order-detail-modal .ant-modal-body{padding:0}.order-invoice{background:#fff;padding:24px 28px 20px}.order-invoice-header{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.order-invoice-info{margin-bottom:0}.order-invoice-info-grid{grid-template-columns:1fr 1fr;gap:16px 24px;display:grid}.order-invoice-info-item{flex-direction:column;gap:4px;display:flex}.order-invoice-info-item .ant-typography{margin-bottom:0}.order-invoice-notes{background:#fafafa;border-radius:6px;flex-direction:column;gap:4px;margin-top:12px;padding:10px 14px;display:flex}.order-invoice-notes .ant-typography{margin-bottom:0}.order-invoice-items .ant-table-thead>tr>th{color:#8c8c8c;text-transform:uppercase;letter-spacing:.5px;background:#fafafa;font-size:12px;font-weight:500}.order-invoice-items .ant-table-tbody>tr>td{padding:10px 8px}.order-invoice-summary{margin-top:12px;padding:0 4px}.order-invoice-summary-row{justify-content:space-between;align-items:center;padding:4px 0;display:flex}.order-invoice-summary-row span{font-family:SF Mono,Fira Code,monospace}.order-invoice-total{padding-top:8px}