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}.user-management-page{padding:24px}.user-management-header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;display:flex}.mobile-top-bar{z-index:100;background:var(--nature-primary);align-items:center;gap:8px;height:52px;padding:0 12px;display:flex;position:fixed;top:0;left:0;right:0;box-shadow:0 2px 8px #00000026}.mobile-top-bar__btn{flex-shrink:0;color:#ffffffe6!important;justify-content:center!important;align-items:center!important;width:40px!important;height:40px!important;font-size:18px!important;display:inline-flex!important}.mobile-top-bar__title{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;color:#fff!important;font-size:16px!important}@media (width<=767px){.ant-layout-content{padding-top:52px}.orders-page,.create-order-page,.spending-management-page,.user-management-page{padding:12px 16px}.orders-page-header,.create-order-title-row,.spending-management-header,.spending-panel-header,.user-management-header{flex-direction:column;align-items:flex-start}.orders-page-header>.ant-btn,.create-order-title-row>.ant-btn,.spending-management-header>.ant-btn,.user-management-header>.ant-btn{width:100%}.ant-table-wrapper{overflow-x:auto}.ant-modal{max-width:calc(100vw - 16px)!important;margin:8px!important;padding:0!important;top:8px!important}.ant-modal-content{flex-direction:column;max-height:calc(100vh - 16px);display:flex;border-radius:12px!important}.ant-modal-body{flex:1;min-height:0;max-height:calc(100vh - 140px)!important;overflow-y:auto!important}.ant-drawer-body{padding:0!important}.ant-tabs-nav{margin-bottom:12px!important}.ant-tabs-ink-bar{height:3px!important}.ant-space-wrap{flex-direction:column}.ant-space-wrap .ant-space-item{width:100%}.ant-space-wrap .ant-picker,.ant-space-wrap .ant-select{width:100%!important}.ant-modal .ant-form-item{margin-bottom:16px}.ant-pagination{margin-top:12px!important}.ant-pagination-item{min-width:32px!important;height:32px!important;line-height:30px!important}.ant-card{margin-bottom:12px}.ant-collapse-header,.penginapan-page{padding:12px 16px!important}.penginapan-page-header{flex-direction:column;align-items:flex-start;gap:12px}.penginapan-page-header>.ant-btn{width:100%}.booking-card-inner{flex-direction:column!important;gap:12px!important}.booking-card-inner>div{padding-right:0!important}.booking-card-actions{border-top:1px solid #f0f0f0;flex-wrap:wrap;padding-top:12px;border-left:none!important;flex-direction:row!important;gap:8px!important;padding-left:0!important}.booking-card-actions .ant-btn{flex:auto;min-width:0}.booking-card-actions-divider{display:none}.warung-menu-page{padding:12px 16px!important}.warung-menu-page-header{flex-direction:column;align-items:flex-start;gap:12px}.warung-menu-page-header>.ant-btn{width:100%}.menu-row-grid{grid-template-columns:32px 1fr auto!important;gap:8px!important}.menu-row-options{grid-column:2/-1}.menu-row-actions{flex-wrap:wrap;grid-column:1/-1;justify-content:flex-start}.category-panel-header{flex-direction:column;align-items:flex-start;gap:8px}.category-panel-header .ant-space{flex-wrap:wrap}.category-panel-header>.ant-space:last-child{width:100%}.category-panel-header>.ant-space:last-child .ant-btn{flex:1}}.menu-category-collapse .ant-collapse-header{padding-left:4px!important}.menu-category-collapse .ant-collapse-arrow{margin-right:4px!important;padding:0!important}._container_1dx8i_1{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}._checkCircle_1dx8i_11{background:#52c41a;border-radius:50%;justify-content:center;align-items:center;width:100px;height:100px;margin-bottom:24px;animation:.4s cubic-bezier(.175,.885,.32,1.275) _popIn_1dx8i_1;display:flex}._checkCircle_1dx8i_11 svg{stroke:#fff;stroke-width:3px;fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:50;stroke-dashoffset:50px;width:48px;height:48px;animation:.4s .35s forwards _drawCheck_1dx8i_1}@keyframes _popIn_1dx8i_1{0%{opacity:0;transform:scale(0)}60%{transform:scale(1.15)}to{opacity:1;transform:scale(1)}}@keyframes _drawCheck_1dx8i_1{to{stroke-dashoffset:0}}