:root{--bg:#ede8e2;--bg-dark:#e0dad3;--shadow-dark:rgba(163,155,140,.55);--shadow-lite:rgba(255,255,255,.92);--primary:#82b8d4;--primary-dk:#5e9ab8;--mint:#96c9b0;--peach:#f0c4a0;--text:#3a3530;--text-sub:#9a9490;--text-muted:#b8b2ac;--neu-raise:6px 6px 18px var(--shadow-dark), -6px -6px 18px var(--shadow-lite);--neu-inset:inset 4px 4px 10px var(--shadow-dark), inset -4px -4px 10px var(--shadow-lite);--neu-sm:3px 3px 8px var(--shadow-dark), -3px -3px 8px var(--shadow-lite)}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-family:Poppins,Inter,Segoe UI,sans-serif;overflow-x:hidden}#root{min-height:100vh}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:var(--bg-dark);border-radius:4px}::-webkit-scrollbar-thumb{background:var(--primary);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--primary-dk)}.ant-layout{background:var(--bg)!important}.ant-layout-sider{background:var(--bg)!important;box-shadow:4px 0 20px var(--shadow-dark), -2px 0 8px var(--shadow-lite)!important;border-right:none!important}.ant-layout-sider-trigger{background:var(--bg-dark)!important;color:var(--text-sub)!important}.ant-layout-header{background:var(--bg)!important;box-shadow:0 4px 16px var(--shadow-dark), 0 -2px 8px var(--shadow-lite)!important;border-bottom:none!important}.ant-card{background:var(--bg)!important;box-shadow:var(--neu-raise)!important;color:var(--text)!important;border:none!important;border-radius:20px!important;transition:box-shadow .25s,transform .2s!important}.ant-card:hover{transform:translateY(-2px);box-shadow:8px 8px 24px var(--shadow-dark), -8px -8px 24px var(--shadow-lite)!important}.ant-card-head{border-bottom:1px solid var(--bg-dark)!important;color:var(--text)!important;background:0 0!important}.ant-card-head-title{color:var(--text)!important;font-weight:600!important}.ant-input,.ant-input-affix-wrapper,.ant-input-number,.ant-select-selector,.ant-picker{background:var(--bg)!important;box-shadow:var(--neu-inset)!important;color:var(--text)!important;border:none!important;border-radius:12px!important}.ant-input:focus,.ant-input-affix-wrapper-focused,.ant-input-number-focused,.ant-select-focused .ant-select-selector,.ant-picker-focused{box-shadow:var(--neu-inset), 0 0 0 2px rgba(130,184,212,.3)!important;border:none!important;outline:none!important}.ant-input::-webkit-input-placeholder{color:var(--text-muted)!important}.ant-input::-moz-placeholder{color:var(--text-muted)!important}.ant-input::-ms-input-placeholder{color:var(--text-muted)!important}.ant-input::placeholder{color:var(--text-muted)!important}.ant-input-affix-wrapper input::-webkit-input-placeholder{color:var(--text-muted)!important}.ant-input-affix-wrapper input::-moz-placeholder{color:var(--text-muted)!important}.ant-input-affix-wrapper input::-ms-input-placeholder{color:var(--text-muted)!important}.ant-input-affix-wrapper input::placeholder{color:var(--text-muted)!important}.ant-input-prefix{color:var(--text-sub)!important}.ant-select-selection-placeholder{color:var(--text-muted)!important}.ant-input-number-input{color:var(--text)!important;background:0 0!important}.ant-btn-primary{background:linear-gradient(135deg, var(--primary), var(--primary-dk))!important;box-shadow:4px 4px 12px var(--shadow-dark), -2px -2px 8px var(--shadow-lite)!important;color:#fff!important;border:none!important;border-radius:12px!important;font-weight:600!important;transition:all .2s!important}.ant-btn-primary:hover{transform:translateY(-1px);box-shadow:6px 6px 16px var(--shadow-dark), -3px -3px 10px var(--shadow-lite)!important}.ant-btn-primary:active{transform:scale(.98);box-shadow:var(--neu-inset)!important}.ant-btn-default{background:var(--bg)!important;box-shadow:var(--neu-sm)!important;color:var(--text-sub)!important;border:none!important;border-radius:12px!important}.ant-btn-default:hover{color:var(--primary)!important;box-shadow:4px 4px 12px var(--shadow-dark), -2px -2px 8px var(--shadow-lite)!important}.ant-statistic-content-value{color:var(--primary-dk)!important;font-family:Poppins,sans-serif!important;font-weight:700!important}.ant-statistic-title{text-transform:uppercase;letter-spacing:.5px;color:var(--text-sub)!important;font-size:12px!important}.ant-table{background:0 0!important}.ant-table-container{overflow:hidden;background:var(--bg)!important;box-shadow:var(--neu-raise)!important;border-radius:16px!important}.ant-table-thead>tr>th{background:var(--bg-dark)!important;color:var(--text-sub)!important;border-bottom:none!important;font-weight:600!important}.ant-table-tbody>tr>td{border-bottom:1px solid var(--bg-dark)!important;color:var(--text)!important;background:0 0!important}.ant-table-tbody>tr:hover>td{background:rgba(130,184,212,.06)!important}.ant-tag{box-shadow:var(--neu-sm)!important;border:none!important;border-radius:20px!important;font-size:12px!important;font-weight:500!important}.ant-menu{background:0 0!important;border:none!important}.ant-menu-item{color:var(--text-sub)!important;border-radius:12px!important;margin:3px 8px!important;transition:all .2s!important}.ant-menu-item:hover{background:var(--bg-dark)!important;color:var(--primary)!important;box-shadow:var(--neu-sm)!important}.ant-menu-item-selected{background:var(--bg)!important;box-shadow:var(--neu-inset)!important;color:var(--primary-dk)!important;font-weight:600!important}.ant-menu-item-icon{color:inherit!important}.ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn{color:var(--primary-dk)!important;font-weight:600!important}.ant-tabs-tab{color:var(--text-sub)!important}.ant-tabs-ink-bar{border-radius:2px;background:var(--primary)!important;height:3px!important}.ant-modal-content{overflow:hidden;background:var(--bg)!important;box-shadow:12px 12px 36px var(--shadow-dark), -8px -8px 24px var(--shadow-lite)!important;border:none!important;border-radius:24px!important}.ant-modal-header{border-bottom:1px solid var(--bg-dark)!important;background:0 0!important}.ant-modal-title{color:var(--text)!important}.ant-drawer-content{background:var(--bg)!important;box-shadow:var(--neu-raise)!important}.ant-drawer-header{background:var(--bg)!important;border-bottom:1px solid var(--bg-dark)!important}.ant-drawer-title{color:var(--text)!important}.ant-dropdown-menu{background:var(--bg)!important;box-shadow:8px 8px 24px var(--shadow-dark), -4px -4px 12px var(--shadow-lite)!important;border:none!important;border-radius:16px!important}.ant-dropdown-menu-item{color:var(--text)!important;border-radius:8px!important}.ant-dropdown-menu-item:hover{background:var(--bg-dark)!important;color:var(--primary)!important}.ant-select-dropdown{background:var(--bg)!important;box-shadow:8px 8px 24px var(--shadow-dark), -4px -4px 12px var(--shadow-lite)!important;border:none!important;border-radius:16px!important}.ant-select-item{color:var(--text)!important;border-radius:8px!important}.ant-select-item-option-active{background:var(--bg-dark)!important}.ant-select-item-option-selected{color:var(--primary-dk)!important;background:rgba(130,184,212,.15)!important}.ant-form-item-label>label{color:var(--text-sub)!important;font-weight:500!important}.ant-tooltip-inner{background:var(--bg)!important;color:var(--text)!important;box-shadow:var(--neu-sm)!important;border-radius:10px!important;font-size:12px!important}.ant-radio-button-wrapper{background:var(--bg)!important;border-color:var(--bg-dark)!important;color:var(--text-sub)!important;box-shadow:var(--neu-sm)!important}.ant-radio-button-wrapper-checked{background:var(--bg)!important;border-color:var(--primary)!important;color:var(--primary-dk)!important;box-shadow:var(--neu-inset)!important}.ant-message-notice-content{background:var(--bg)!important;box-shadow:var(--neu-raise)!important;color:var(--text)!important;border-radius:14px!important}.ant-alert-warning{border-color:var(--peach)!important;background:#fff8ee!important}.ant-alert-success{border-color:var(--mint)!important;background:#f0faf5!important}.ant-alert-info{border-color:var(--primary)!important;background:#eef6fb!important}.ant-typography,h1.ant-typography,h2.ant-typography,h3.ant-typography,h4.ant-typography,h5.ant-typography{color:var(--text)!important}.ant-typography.ant-typography-secondary{color:var(--text-sub)!important}.ant-progress-bg{background:linear-gradient(90deg, var(--primary), var(--mint))!important}.ant-progress-inner{background:var(--bg-dark)!important}.ant-input-number-handler-wrap{background:var(--bg-dark)!important;border-radius:0 12px 12px 0!important}.ant-pagination-item{background:var(--bg)!important;box-shadow:var(--neu-sm)!important;border:none!important;border-radius:10px!important}.ant-pagination-item-active{box-shadow:var(--neu-inset)!important;background:var(--bg)!important}.ant-pagination-item-active a{color:var(--primary-dk)!important}.thermal{font-family:Courier New,monospace}.mobile-top-header{height:56px;padding:0 14px;padding-top:env(safe-area-inset-top);background:var(--bg);box-shadow:0 4px 16px var(--shadow-dark), 0 -2px 8px var(--shadow-lite);z-index:999;border-bottom:none;align-items:center;gap:0;display:flex;position:fixed;top:0;left:0;right:0}.mobile-bottom-nav{height:calc(64px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:var(--bg);box-shadow:0 -4px 20px var(--shadow-dark), 0 2px 8px var(--shadow-lite);z-index:1000;border-top:none;align-items:stretch;display:flex;position:fixed;bottom:0;left:0;right:0}.mob-tab{cursor:pointer;height:100%;color:var(--text-muted);-webkit-tap-highlight-color:transparent;background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;padding:6px 2px 2px;transition:color .18s;display:flex;position:relative}.mob-tab:active{background:var(--bg-dark)}.mob-tab--active{color:var(--primary-dk)}.mob-tab-indicator{background:var(--primary);border-radius:0 0 3px 3px;width:36px;height:3px;position:absolute;top:0;left:50%;transform:translate(-50%);box-shadow:0 2px 8px rgba(130,184,212,.5)}.mob-tab-label{letter-spacing:.2px;color:inherit;font-family:Poppins,sans-serif;font-size:10px;font-weight:500;line-height:1}.mob-tab--active .mob-tab-label{font-weight:700}.new-bill-fab{bottom:calc(72px + env(safe-area-inset-bottom));background:linear-gradient(135deg, var(--primary), var(--primary-dk));cursor:pointer;color:#fff;width:58px;height:58px;box-shadow:6px 6px 18px var(--shadow-dark), -3px -3px 10px var(--shadow-lite);z-index:998;-webkit-tap-highlight-color:transparent;border:none;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;gap:3px;transition:transform .15s,box-shadow .15s;display:flex;position:fixed;right:16px}.new-bill-fab:hover{box-shadow:8px 8px 24px var(--shadow-dark), -4px -4px 12px var(--shadow-lite);transform:translateY(-2px)}@media (max-width:767px){html,body{max-width:100vw;overflow-x:hidden}#root{overflow-x:hidden}.ant-btn{min-height:40px;font-size:14px!important}.ant-btn-sm{min-height:34px!important}.ant-table{font-size:12px!important}.ant-table-cell{white-space:nowrap;padding:7px 6px!important}.ant-table-container{overflow-x:auto!important}.ant-card-head{min-height:44px!important;padding:0 12px!important;font-size:14px!important}.ant-card-head-title{font-size:14px!important}.ant-card-body{padding:12px!important}.ant-input,.ant-input-affix-wrapper,.ant-select-selector{min-height:42px!important;font-size:15px!important}.ant-input-number{font-size:15px!important}.ant-statistic-content-value{font-size:18px!important}.ant-statistic-title{font-size:11px!important}.ant-typography{word-break:break-word}h1.ant-typography{font-size:20px!important}h2.ant-typography{font-size:18px!important}h3.ant-typography{font-size:16px!important}h4.ant-typography{font-size:15px!important}.ant-modal{max-width:calc(100vw - 16px)!important;margin:8px auto!important}.ant-modal-body{padding:12px!important}.ant-modal-wrap{align-items:flex-start!important;padding-top:64px!important}.ant-drawer-body{overflow-y:auto}.pay-mode-group .ant-radio-button-wrapper{margin-bottom:4px;display:block;border-left-width:1px!important;border-radius:8px!important}.ant-radio-button-wrapper{padding:0 10px!important;font-size:12px!important}.ant-tag{font-size:11px!important}.ant-form-item-label>label{font-size:13px!important}.ant-form-item{margin-bottom:12px!important}.thermal{font-size:11px!important}.ant-space-wrap{gap:8px!important}.ant-pagination{font-size:13px!important}}