.app-sider{background:#f5f5f5!important;overflow:auto;height:100vh;position:fixed!important;left:0;top:0;bottom:0;border-right:1px solid #e0e0e0}.sider-logo{height:52px;display:flex;align-items:center;padding:0 14px;gap:8px;border-bottom:1px solid #e0e0e0}.sider-logo-icon{width:28px;height:28px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.sider-logo-icon svg{width:20px;height:20px}.sider-logo-text{color:#1f2937;font-size:16px;font-weight:600;letter-spacing:-.3px}.app-sider .ant-menu{background:transparent!important;border:none!important;padding:6px 4px}.app-sider .ant-menu-item{margin:1px 0!important;padding:0 12px!important;height:38px!important;line-height:38px!important;border-radius:6px!important;color:#4b5563!important;font-size:13px!important;font-weight:500!important;transition:all .2s ease!important}.app-sider .ant-menu-item:hover{background:#e8e8e8!important;color:#1f2937!important}.app-sider .ant-menu-item-selected{background:#e0e7ff!important;color:#2563eb!important;font-weight:600!important}.app-sider .ant-menu-item-selected:hover{background:#c7d2fe!important}.app-sider .ant-menu-item .anticon{font-size:15px!important;color:#6b7280!important}.app-sider .ant-menu-item:hover .anticon{color:#374151!important}.app-sider .ant-menu-item-selected .anticon{color:#2563eb!important}.app-sider .ant-menu-title-content{margin-left:8px!important}.app-sider.ant-layout-sider-collapsed .sider-logo{padding:0;justify-content:center}.app-sider.ant-layout-sider-collapsed .ant-menu-item{padding:0!important;display:flex!important;justify-content:center!important;margin:2px 4px!important}.app-sider.ant-layout-sider-collapsed .ant-menu-title-content{display:none!important}.app-sider .ant-menu-item:after{display:none!important}.app-sider::-webkit-scrollbar{width:3px}.app-sider::-webkit-scrollbar-track{background:transparent}.app-sider::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.app-sider::-webkit-scrollbar-thumb:hover{background:#9ca3af}:root{--std-app-bg: #f5f5f5;--std-card-bg: #ffffff;--std-text-primary: #333;--std-text-muted: #666;--std-border-color: #e0e0e0;--std-border-light: #eee;--std-primary: #2563EB;--std-success-bg: #e8f5e9;--std-success-text: #2e7d32;--std-danger-bg: #ffebee;--std-danger-text: #c62828;--std-warning-bg: #fff3e0;--std-warning-text: #e65100}.std-page{flex:1;display:flex;flex-direction:column;overflow:hidden;background:var(--std-app-bg);height:100%}.std-toolbar{background:var(--std-card-bg);padding:8px 16px;display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--std-border-color);flex-shrink:0}.std-toolbar .adv-filter-container{flex:1;max-width:600px}.std-toolbar-right{margin-left:auto;display:flex;gap:8px;flex-shrink:0}.std-tabs{display:flex;background:var(--std-card-bg);border-bottom:1px solid var(--std-border-color);flex-shrink:0;overflow-x:auto}.std-tab{display:flex;align-items:center;gap:8px;padding:12px 24px;cursor:pointer;border-bottom:3px solid transparent;color:var(--std-text-muted);font-size:13px;font-weight:500;transition:all .2s ease;white-space:nowrap;-webkit-user-select:none;user-select:none}.std-tab:hover{background:#f5f5f5}.std-tab.active{color:var(--std-primary);border-bottom-color:var(--std-primary);background:transparent}.std-tab-icon{font-size:16px;display:flex;align-items:center}.std-tab-label{font-weight:500}.std-tab-count{background:#e8e8e8;color:var(--std-text-muted);font-size:11px;font-weight:600;padding:2px 6px;border-radius:10px;min-width:18px;text-align:center}.std-tab.active .std-tab-count{background:var(--std-primary);color:#fff}.std-table-container{flex:1;display:flex;flex-direction:column;overflow:hidden;min-height:0;border:1px solid var(--std-border-color);border-top:none;position:relative}.std-table.ant-table-wrapper{flex:1;overflow:hidden}.std-table .ant-table{font-size:13px;color:var(--std-text-primary)}.std-table .ant-table-container{border:none!important;border-radius:0!important}.std-table .ant-table-content{overflow-x:auto!important}.std-table.ant-table-wrapper .ant-table.ant-table-bordered>.ant-table-container{border-inline-start:none!important}.std-table.ant-table-wrapper .ant-table.ant-table-bordered>.ant-table-container>.ant-table-content>table,.std-table.ant-table-wrapper .ant-table.ant-table-bordered>.ant-table-container>.ant-table-header>table,.std-table.ant-table-wrapper .ant-table.ant-table-bordered>.ant-table-container>.ant-table-body>table{border-top:none!important}.std-table .ant-table-thead>tr>th{background:#f5f5f5!important;border-bottom:1px solid #ddd!important;border-right:1px solid #ddd!important;font-weight:400!important;font-size:13px!important;color:var(--std-text-primary)!important;padding:4px 12px!important}.std-table .ant-table-thead>tr>th:last-child{border-right:none!important}.std-table .ant-table-thead>tr:first-child>th[colspan]{text-align:center!important}.std-table .ant-table-thead>tr:not(:first-child)>th{border-top:none!important}.std-table .ant-table-thead>tr>th:hover{background:#ebebeb!important}.std-table .ant-table-header{position:sticky!important;top:0!important;z-index:10!important;overflow:hidden!important}.std-table .ant-table-tbody>tr>td{padding:6px 12px!important;border-bottom:1px solid var(--std-border-light)!important;border-right:1px solid var(--std-border-light)!important;font-size:13px!important;vertical-align:middle!important}.std-table .ant-table-tbody>tr>td:last-child{border-right:none!important}.std-table .ant-table-tbody>tr:hover>td{background:#fafafa!important}.std-table .ant-table-tbody>tr.ant-table-row-selected>td{background:#e6f4ff!important}.std-table .ant-table-cell-fix-left,.std-table .ant-table-cell-fix-right{background:#fafafa!important}.std-table .ant-table-thead .ant-table-cell-fix-left,.std-table .ant-table-thead .ant-table-cell-fix-right{background:#f5f5f5!important}.std-table .ant-table-cell-fix-left-last:after,.std-table .ant-table-cell-fix-right-first:after{box-shadow:inset 10px 0 8px -8px #00000014!important}.std-table .cell-sno{color:var(--std-text-muted)!important;text-align:center}.cell-code,.cell-sku{color:var(--std-text-muted);font-family:SF Mono,Monaco,Consolas,monospace;font-size:12px}.cell-currency,.cell-number{text-align:right;font-variant-numeric:tabular-nums}.cell-status{display:inline-block;padding:2px 8px;border-radius:3px;font-size:11px;font-weight:500}.cell-status.active{background:var(--std-success-bg);color:var(--std-success-text)}.cell-status.inactive{background:var(--std-danger-bg);color:var(--std-danger-text)}.cell-status.pending{background:var(--std-warning-bg);color:var(--std-warning-text)}.std-table .action-btn{opacity:1;color:#999}.std-table .ant-table-tbody>tr:hover .action-btn{color:#333}.std-pagination{padding:8px 16px;background:#f5f5f5;border-top:1px solid #ddd;display:flex;justify-content:space-between;align-items:center;flex-shrink:0}.std-pagination-info{font-size:13px;color:var(--std-text-muted);flex:1}.std-pagination-info strong{color:var(--std-primary)}.std-pagination-copyright{font-size:11px;color:#999;text-align:center;flex:1}.std-pagination-controls{flex:1;display:flex;justify-content:flex-end;align-items:center;gap:8px}.std-table .ant-table-body::-webkit-scrollbar,.std-table-container::-webkit-scrollbar{width:8px;height:8px}.std-table .ant-table-body::-webkit-scrollbar-track,.std-table-container::-webkit-scrollbar-track{background:#f5f5f5}.std-table .ant-table-body::-webkit-scrollbar-thumb,.std-table-container::-webkit-scrollbar-thumb{background:#ccc;border-radius:4px}.std-table .ant-table-body::-webkit-scrollbar-thumb:hover,.std-table-container::-webkit-scrollbar-thumb:hover{background:#aaa}.std-table .ant-table-placeholder{padding:48px!important}.std-table .ant-empty-description{color:var(--std-text-muted)}.std-table .ant-spin-nested-loading>div>.ant-spin{max-height:none}@media (max-width: 768px){.std-toolbar{flex-wrap:wrap;padding:8px 12px}.std-toolbar .adv-filter-container{order:2;flex-basis:100%;max-width:none;margin-top:8px}.std-toolbar-right{order:1}.std-tabs{overflow-x:auto;-webkit-overflow-scrolling:touch}.std-tab{padding:10px 16px;min-width:auto}.std-tab-label{display:none}.std-tab-icon{font-size:18px}.std-pagination{flex-wrap:wrap;gap:8px}.std-pagination-copyright{order:3;flex-basis:100%}}.adv-filter-container{position:relative;width:100%;max-width:720px}.adv-filter-trigger{display:flex;align-items:center;background:#f1f3f4;border-radius:20px;padding:0 8px 0 14px;height:36px;transition:background .2s,box-shadow .2s}.adv-filter-trigger:focus-within{background:#fff;box-shadow:0 1px 3px #0000001f,0 1px 2px #0000003d}.adv-filter-trigger-icon{color:#5f6368;font-size:14px;margin-right:10px;flex-shrink:0}.adv-filter-trigger-input{flex:1;border:none;background:transparent;font-size:13px;color:#202124;outline:none;height:100%;min-width:0}.adv-filter-trigger-input::placeholder{color:#5f6368}.adv-filter-trigger-btn{width:30px;height:30px;border:none;background:transparent;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#5f6368;font-size:14px;transition:background .15s;flex-shrink:0}.adv-filter-trigger-btn:hover{background:#0000000f}.adv-filter-panel{position:absolute;top:calc(100% + 4px);left:0;right:0;background:#fff;border-radius:8px;box-shadow:0 4px 16px #00000026;z-index:1000;animation:adv-filter-fade-in .15s ease}@keyframes adv-filter-fade-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.adv-filter-panel-body{padding:16px 20px}.adv-filter-row{display:flex;align-items:center;margin-bottom:12px}.adv-filter-row:last-child{margin-bottom:0}.adv-filter-label{width:100px;flex-shrink:0;font-size:13px;color:#202124}.adv-filter-control{flex:1}.adv-filter-control .ant-input,.adv-filter-control .ant-select .ant-select-selector,.adv-filter-control .ant-picker,.adv-filter-control .ant-input-number{border:none!important;border-bottom:1px solid #dadce0!important;border-radius:0!important;box-shadow:none!important}.adv-filter-control .ant-input:focus,.adv-filter-control .ant-input:hover,.adv-filter-control .ant-select-focused .ant-select-selector,.adv-filter-control .ant-select:hover .ant-select-selector,.adv-filter-control .ant-picker-focused,.adv-filter-control .ant-picker:hover,.adv-filter-control .ant-input-number-focused,.adv-filter-control .ant-input-number:hover{border-bottom-color:#1a73e8!important;border-bottom-width:2px!important}.adv-filter-number-range{display:flex;gap:8px;align-items:flex-end}.adv-filter-number-range .ant-select{width:130px!important;flex-shrink:0}.adv-filter-number-range .ant-input-number{flex:1}.adv-filter-checkboxes{display:flex;flex-wrap:wrap;gap:20px;padding-top:12px;border-top:1px solid #f1f3f4}.adv-filter-panel-footer{display:flex;justify-content:space-between;align-items:center;padding:12px 20px;border-top:1px solid #f1f3f4;background:#fafafa;border-radius:0 0 8px 8px}.adv-filter-panel-actions{display:flex;gap:8px}.adv-filter-panel-footer .ant-btn-primary{background:#1a73e8;border-color:#1a73e8}.adv-filter-panel-footer .ant-btn-primary:hover{background:#1557b0;border-color:#1557b0}.adv-filter-tags{display:flex;flex-wrap:wrap;gap:4px;margin-left:8px}.adv-filter-tag{background:#e8f0fe;color:#1a73e8;border:none;font-size:11px;padding:2px 8px;border-radius:12px}@media (max-width: 768px){.adv-filter-panel-body{padding:12px 16px}.adv-filter-row{flex-direction:column;align-items:flex-start}.adv-filter-label{width:100%;margin-bottom:4px}.adv-filter-control{width:100%}.adv-filter-number-range{flex-direction:column}.adv-filter-number-range .ant-select{width:100%!important}}
