html,body,*{scrollbar-width:none;-ms-overflow-style:none}html::-webkit-scrollbar,body::-webkit-scrollbar,*::-webkit-scrollbar{width:0!important;height:0!important;background:transparent}.custom-sider::-webkit-scrollbar{width:0px;background:transparent}.custom-sider{scrollbar-width:none;-ms-overflow-style:none}.header-container{display:flex;justify-content:space-between;align-items:center;padding:0 24px;background:#fff}.header-right{display:flex;align-items:center}.header-item{margin-left:16px;cursor:pointer}.pos-link{display:inline-block;padding:8px 16px;background-color:#1890ff;color:#fff;border-radius:4px;text-decoration:none}@media (max-width: 768px){.main-header{padding:0 8px!important;min-height:56px!important}.header-left,.header-right{gap:6px!important}.header-btn{width:32px!important;height:32px!important}.header-icon{font-size:16px!important}.header-title{font-size:14px!important;padding:6px 12px!important;max-width:35%!important;letter-spacing:.5px!important;border-radius:8px!important}.main-content{padding-top:72px!important;margin:12px 4px 0!important}.main-content>div{padding:12px!important}.drawer-menu-grid{grid-template-columns:repeat(3,1fr)!important;gap:12px!important;padding:12px 0!important}.drawer-menu-card{min-height:120px!important;padding:16px!important;border-radius:12px!important}.drawer-menu-card span:first-child{font-size:36px!important}.drawer-menu-label{font-size:14px!important}@media (max-width: 480px){.zoom-btn{display:none!important}.header-title{font-size:12px!important;padding:4px 8px!important;max-width:30%!important}.header-btn{width:30px!important;height:30px!important}.header-icon{font-size:14px!important}.drawer-menu-grid{grid-template-columns:repeat(3,1fr)!important;gap:10px!important}.drawer-menu-card{min-height:100px!important;padding:12px!important}.drawer-menu-card span:first-child{font-size:32px!important}.drawer-menu-label{font-size:13px!important}}}@media (min-width: 769px) and (max-width: 1024px){.main-header{padding:0 16px!important;min-height:60px!important}.header-title{font-size:18px!important;padding:6px 16px!important;max-width:45%!important}.drawer-menu-grid{grid-template-columns:repeat(3,1fr)!important;gap:14px!important}.drawer-menu-card{min-height:130px!important}}.custom-blue-btn{width:100%;background:#1677c7!important;border-color:#1677c7!important;color:#fff!important;font-weight:600;transition:background .2s,border .2s}.custom-blue-btn:hover,.custom-blue-btn:focus{background:#1890ff!important;border-color:#1890ff!important;color:#fff!important}.crud-page .ant-input,.crud-page .ant-input-number,.crud-page .ant-select-selector{border-width:2px!important;border-color:#1677c7!important;box-shadow:0 0 0 2px #1677c714;border-radius:6px!important}.crud-page{display:flex;flex-direction:column;height:100%}.crud-page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;flex-shrink:0;gap:16px}.crud-page-header .ant-collapse{flex-grow:1;border:1px solid #d9d9d9;border-radius:8px}.crud-page-table{flex-grow:1;overflow:hidden}.crud-page-table .ant-table-body::-webkit-scrollbar{display:none}.crud-page-table .ant-table-body{-ms-overflow-style:none;scrollbar-width:none}.crud-cards-container{max-height:calc(100vh - 350px);overflow-y:auto;padding:4px}.crud-card{transition:transform .2s,box-shadow .2s}.crud-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026!important}.crud-card:active{transform:translateY(0)}.card-row:last-child{border-bottom:none!important}@media (max-width: 768px){.crud-page-table{overflow:visible}.crud-cards-container{max-height:calc(100vh - 300px)}.crud-card{border-width:2px!important}.card-row{flex-direction:column;align-items:flex-start!important;gap:4px}.card-row span:last-child{margin-left:0!important;text-align:left!important}.crud-header-content{flex-direction:column!important;align-items:flex-start!important}.crud-header-actions{width:100%;flex-direction:column!important}.column-select,.add-new-btn{width:100%!important}.crud-page-table :global(.ant-table){font-size:13px}.crud-page-table :global(.ant-table-thead>tr>th){padding:10px 8px!important;font-size:14px!important}.crud-page-table :global(.ant-table-tbody>tr>td){padding:10px 8px!important;font-size:13px!important}.form-modal :global(.ant-modal){max-width:95vw!important;margin:8px}.modal-close-btn{width:32px!important;height:32px!important;min-width:32px!important;min-height:32px!important}.modal-close-icon{font-size:18px!important}.modal-title{font-size:16px!important;padding:12px 16px!important}.modal-footer{flex-direction:column!important}.modal-cancel-btn,.modal-submit-btn{width:100%!important;font-size:15px!important}.form-row{padding:16px 8px 8px!important}.form-row :global(.ant-form-item-label>label){font-size:15px!important}}@media (max-width: 480px){.crud-page-table :global(.ant-table){font-size:12px}.crud-page-table :global(.ant-table-thead>tr>th){padding:8px 6px!important;font-size:13px!important}.crud-page-table :global(.ant-table-tbody>tr>td){padding:8px 6px!important;font-size:12px!important}.modal-title{font-size:14px!important;padding:10px 12px!important}.modal-cancel-btn,.modal-submit-btn{font-size:14px!important}.form-row :global(.ant-form-item-label>label){font-size:14px!important}}@media (min-width: 769px) and (max-width: 1024px){.form-modal :global(.ant-modal){max-width:700px!important}.column-select{width:200px!important}.add-new-btn{width:140px!important}}.login-container{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;background-color:#f0f2f5;padding:0 8px;box-sizing:border-box}.login-form{padding:32px 16px 24px;background:#fff;border-radius:10px;box-shadow:0 4px 8px #0000001a;width:100%;max-width:370px;min-width:0;text-align:center;box-sizing:border-box}@media (max-width: 480px){.login-form{padding:18px 4px 16px;max-width:98vw;min-width:0;border-radius:7px}.login-header .anticon{font-size:36px}.login-form-button{font-size:16px;padding:8px 0}}.login-header{margin-bottom:20px}.login-header .anticon{font-size:48px;color:#1890ff}.login-form-button{width:100%;background:#1677c7!important;border-color:#1677c7!important;color:#fff!important;font-weight:600;transition:background .2s,border .2s}.login-form-button:hover,.login-form-button:focus{background:#1890ff!important;border-color:#1890ff!important;color:#fff!important}.login-form-forgot{float:right}html,body{width:100%;height:100%}input::-ms-clear,input::-ms-reveal{display:none}*,*:before,*:after{box-sizing:border-box}html{font-family:sans-serif;line-height:1.15;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-ms-overflow-style:scrollbar;-webkit-tap-highlight-color:rgba(0,0,0,0)}@-ms-viewport{width:device-width}body{margin:0}[tabindex="-1"]:focus{outline:none}hr{box-sizing:content-box;height:0;overflow:visible}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5em;font-weight:500}p{margin-top:0;margin-bottom:1em}abbr[title],abbr[data-original-title]{-webkit-text-decoration:underline dotted;text-decoration:underline dotted;border-bottom:0;cursor:help}address{margin-bottom:1em;font-style:normal;line-height:inherit}input[type=text],input[type=password],input[type=number],textarea{-webkit-appearance:none}ol,ul,dl{margin-top:0;margin-bottom:1em}ol ol,ul ul,ol ul,ul ol{margin-bottom:0}dt{font-weight:500}dd{margin-bottom:.5em;margin-left:0}blockquote{margin:0 0 1em}dfn{font-style:italic}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}pre,code,kbd,samp{font-size:1em;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,monospace}pre{margin-top:0;margin-bottom:1em;overflow:auto}figure{margin:0 0 1em}img{vertical-align:middle;border-style:none}a,area,button,[role=button],input:not([type=range]),label,select,summary,textarea{touch-action:manipulation}table{border-collapse:collapse}caption{padding-top:.75em;padding-bottom:.3em;text-align:left;caption-side:bottom}input,button,select,optgroup,textarea{margin:0;color:inherit;font-size:inherit;font-family:inherit;line-height:inherit}button,input{overflow:visible}button,select{text-transform:none}button,html [type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{padding:0;border-style:none}input[type=radio],input[type=checkbox]{box-sizing:border-box;padding:0}input[type=date],input[type=time],input[type=datetime-local],input[type=month]{-webkit-appearance:listbox}textarea{overflow:auto;resize:vertical}fieldset{min-width:0;margin:0;padding:0;border:0}legend{display:block;width:100%;max-width:100%;margin-bottom:.5em;padding:0;color:inherit;font-size:1.5em;line-height:inherit;white-space:normal}progress{vertical-align:baseline}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{outline-offset:-2px;-webkit-appearance:none}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}output{display:inline-block}summary{display:list-item}template{display:none}[hidden]{display:none!important}mark{padding:.2em;background-color:#feffe6}.home-page{padding:2rem;background-color:#f9fafb}.stats-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;align-items:stretch}.stat-card{background-color:#fff;border-radius:12px;padding:1.5rem 1.75rem;box-shadow:0 12px 24px -10px #0000001f;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;min-height:170px;height:100%;position:relative;overflow:hidden;border:1px solid #eef0f3;transition:transform .25s ease,box-shadow .25s ease}.stat-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:6px;background:linear-gradient(180deg,var(--accent, #1677c7) 0%,rgba(22,119,199,.45) 100%)}.stat-card:hover{transform:translateY(-4px);box-shadow:0 16px 30px -12px #0000002e}.stat-card h3{color:#4b5563;font-size:1.125rem;font-weight:600;margin-bottom:.5rem}.stat-card p{color:#1f2937;font-size:2.25rem;font-weight:700}.stat-icon{width:52px;height:52px;border-radius:14px;background:#00000008;display:inline-flex;align-items:center;justify-content:center;font-size:28px;box-shadow:0 6px 18px #0000000f;flex-shrink:0}.stat-text{display:flex;flex-direction:column;gap:6px;min-width:0;text-align:center}.stat-value{font-size:2.4rem;font-weight:800;line-height:1.1;text-shadow:0 2px 8px rgba(0,0,0,.06);word-break:break-word}.stat-title{color:#4b5563;font-size:1.08rem;font-weight:600;letter-spacing:.2px}.alert-table-container{overflow-x:auto;-webkit-overflow-scrolling:touch}.table-row-light td{background-color:#fff!important;transition:all .2s ease}.table-row-dark td{background-color:#f9fafb!important;transition:all .2s ease}.table-row-light:hover td,.table-row-dark:hover td{background-color:#f0f9ff!important;transform:scale(1.001);box-shadow:0 2px 8px #3b82f61a}.ant-table-tbody>tr>td{border-bottom:1px solid #f3f4f6!important}.ant-table-tbody>tr:last-child>td{border-bottom:none!important}@media (max-width: 768px){.home-page{padding:1rem}.home-header{flex-direction:column!important;align-items:flex-start!important;gap:16px!important}.welcome-text{font-size:16px!important;padding:8px 20px!important;width:100%;text-align:center}.guide-link{font-size:14px!important;padding:6px 16px!important;width:100%;justify-content:center!important}.stats-container{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem}.stat-card{padding:1rem;min-height:140px}.stat-icon{width:42px;height:42px;font-size:22px}.stat-value{font-size:1.8rem}.stat-title{font-size:.9rem}.alert-table-container :global(.ant-table){font-size:13px}.alert-table-container :global(.ant-table-thead>tr>th){padding:10px 8px!important;font-size:14px!important}.alert-table-container :global(.ant-table-tbody>tr>td){padding:10px 8px!important}.alert-table-container :global(.ant-tag){font-size:12px!important;min-width:80px!important}}@media (max-width: 480px){.home-page{padding:.5rem}.welcome-text{font-size:14px!important;padding:6px 12px!important;letter-spacing:.5px!important}.guide-link{font-size:13px!important;padding:6px 12px!important}.stats-container{grid-template-columns:1fr;gap:.75rem}.stat-card{padding:.875rem;min-height:120px}.stat-icon{width:36px;height:36px;font-size:20px}.stat-value{font-size:1.5rem}.stat-title{font-size:.85rem}.alert-table-container :global(.ant-table){font-size:12px}.alert-table-container :global(.ant-table-thead>tr>th){padding:8px 6px!important;font-size:13px!important}.alert-table-container :global(.ant-table-tbody>tr>td){padding:8px 6px!important}.alert-table-container :global(.ant-tag){font-size:11px!important;min-width:70px!important;padding:0 6px!important}}@media (min-width: 769px) and (max-width: 1024px){.stats-container{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem}.stat-card{min-height:150px}}.invoice{background:#fff;padding:24px;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 8px 24px #1677c714}.invoice-header{display:flex;justify-content:space-between;align-items:center;background:linear-gradient(90deg,#60a5fa1f,#1677c71f);padding:12px 16px;border-radius:10px;border:1px solid #dbeafe}.brand{display:flex;align-items:center;gap:12px}.brand-logo{width:100px;height:100px;border-radius:10px;object-fit:cover;border:none}.brand-mark{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#60a5fa,#1677c7);color:#fff;font-weight:800;font-size:18px;box-shadow:0 6px 16px #1677c740}.brand-info{display:flex;flex-direction:column}.brand-name{font-size:18px;font-weight:800;color:#0f172a}.brand-sub{font-size:12px;font-weight:700;color:#1e293b;opacity:.8}.invoice-meta{display:grid;grid-template-columns:1fr;gap:4px;text-align:right}.info-row{margin-top:12px}.info-card{border:1px solid #e2e8f0;border-radius:10px;padding:12px;background:#f8fafc}.supplier{display:flex;align-items:center}.supplier-info{display:flex;flex-direction:column}.supplier-sub{font-size:13px;color:#475569}.info-title{margin:0 0 6px}.total-card{border:1px solid #e2e8f0;border-radius:10px;padding:12px;background:#fff;display:flex;align-items:center;justify-content:space-between}.items{margin-top:16px}.section-title{margin-bottom:8px}.footer-note{margin-top:16px;text-align:center}.invoice-table .ant-table-cell{font-weight:600}@media print{.invoice{box-shadow:none;border:none;padding:0}.invoice-header{border:none}}.row-pending{background-color:#f0f0f0!important}.row-cancelled{background-color:#fff1f0!important;color:#cf1322!important}.row-completed{background-color:#f6ffed!important;color:#389e0d!important}.settings-page{padding:20px}.guide-container{display:flex;padding:20px}.video-player{flex-grow:1;margin-right:20px}.tutorial-list{width:300px;border-left:1px solid #ccc;padding-left:20px}.tutorial-list h3{margin-top:0}.tutorial-list ul{list-style:none;padding:0}.tutorial-list li{padding:10px;cursor:pointer;border-bottom:1px solid #eee}.tutorial-list li:hover{background-color:#f0f0f0}.tutorial-list li.active{background-color:#e6f7ff;font-weight:700}.video-player iframe{width:100%;height:500px}.subscription-invalid-container{display:flex;justify-content:center;align-items:center;height:100vh;background-color:#f8f9fa}.subscription-invalid-card{background-color:#fff;padding:40px;border-radius:8px;box-shadow:0 4px 8px #0000001a;text-align:center}.subscription-invalid-card h1{color:#dc3545;font-size:2rem;margin-bottom:20px}.subscription-invalid-card p{color:#6c757d;font-size:1.1rem;margin-bottom:30px}.license-key-container{display:flex;justify-content:center;align-items:center;margin-top:20px}.license-key-input{padding:10px;font-size:1rem;border:1px solid #ced4da;border-radius:5px;margin-right:10px;width:300px}.renew-button{background-color:#007bff;color:#fff;border:none;padding:10px 20px;font-size:1rem;border-radius:5px;cursor:pointer;transition:background-color .3s ease}.renew-button:hover{background-color:#0056b3}@media print{body.print-modal-content{visibility:hidden}body.print-modal-content .ant-modal-root,body.print-modal-content .ant-modal-wrap,body.print-modal-content .ant-modal-content{visibility:visible}body.print-modal-content .ant-modal-root{position:absolute;top:0;left:0;width:100%}}