.header{position:fixed;z-index:1000;width:100%;display:flex;justify-content:space-between;align-items:center;padding:0 16px}.logo-wrapper{display:flex;align-items:center;flex:1;justify-content:center}.logo{width:120px;height:31px;margin:16px 0}.header-right{display:flex;align-items:center;gap:16px}.header-right .anticon{cursor:pointer}.header-notif-icon{font-size:20px;color:#fff;cursor:pointer}.hamburger-icon{display:none;cursor:pointer;padding:8px;border-radius:4px;transition:background .3s ease}.hamburger-icon:hover{background:#ffffff1a}.mobile-menu-drawer .ant-drawer-content-wrapper{animation:slideInFromLeft .3s ease-in-out}.mobile-menu-drawer .ant-drawer-mask{background:#00000080!important}@keyframes slideInFromLeft{0%{transform:translate(-100%)}to{transform:translate(0)}}.mobile-menu{width:100%;background:#001529!important;border:none}.mobile-menu .ant-menu{background:#001529!important}.mobile-menu .ant-menu-item,.mobile-menu .ant-menu-submenu-title{padding:14px 20px!important;font-size:16px!important;color:#fff!important;display:flex!important;align-items:center!important;border-radius:0!important;margin:0!important}.mobile-menu .ant-menu-item:hover,.mobile-menu .ant-menu-submenu-title:hover,.mobile-menu .ant-menu-item-selected{background:#1890ff!important;color:#fff!important}.mobile-menu .ant-menu-submenu .ant-menu-sub{background:#000c17!important}.mobile-menu .ant-menu-submenu .ant-menu-item{padding:12px 20px 12px 48px!important;font-size:14px!important}.mobile-menu .ant-menu-item .anticon,.mobile-menu .ant-menu-submenu-title .anticon{margin-right:10px;font-size:18px}.user-info-section{display:flex;align-items:center;gap:12px;border-left:1px solid rgba(255,255,255,.2);padding-left:16px}.user-details{display:flex;flex-direction:column;align-items:flex-end;margin-right:8px}.user-name{color:#fff;font-weight:500;font-size:14px;line-height:1.2}.user-role{color:#1890ff;font-size:12px;line-height:1.2}.logout-btn-custom{background-color:#1890ff!important;border-color:#1890ff!important;border-radius:20px!important;font-weight:600!important;box-shadow:0 2px 8px #1890ff59!important}@media (max-width: 992px){.hamburger-icon{display:flex!important;align-items:center;justify-content:center;flex:0 0 auto}.logo-wrapper{flex:1;justify-content:center}.header-right{flex:0 0 auto!important;width:auto!important;justify-content:flex-end!important;gap:16px;display:flex;flex-wrap:nowrap;align-items:center}.header-right .anticon,.header-notif-icon{font-size:18px;display:block!important}.header-right .ant-badge{display:inline-block!important}.logo{width:90px;height:23px}.header{padding:0 12px}.user-info-section{display:none!important}}@media (min-width: 993px){.hamburger-icon{display:none!important}.logo-wrapper{flex:1;justify-content:center}}.notification-card{position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.notification-card.unviewed{background-color:#fff;box-shadow:0 2px 8px #1890ff26}.notification-card.viewed{background-color:#fafafa;opacity:.85}.notification-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.notification-highlighted{box-shadow:0 0 0 3px #1890ff!important;transform:scale(1.01);transition:all .2s ease}.notification-card .ant-ribbon-urgent{animation:pulse-urgent 2s infinite}@keyframes pulse-urgent{0%,to{opacity:1}50%{opacity:.7}}.notification-card .ant-card-inner .ant-card-body>div:hover{background-color:#f0f5ff;border-radius:4px;transition:background-color .2s ease}.notification-card .ant-btn-primary:hover,.notification-card .ant-btn-default:hover{transform:scale(1.05);transition:transform .2s ease}@media (max-width: 768px){.notification-card{margin-bottom:12px}.notification-card .ant-space-item,.notification-card .ant-btn{width:100%}}.notification-card .ant-avatar{transition:all .3s ease}.notification-card.unviewed .ant-avatar{box-shadow:0 0 0 3px #1890ff33}.notification-card .total-amount-box{animation:fade-in .5s ease}@keyframes fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.ant-ribbon-urgent{background:linear-gradient(135deg,#ff4d4f,#cf1322);font-weight:600}.ant-ribbon-high{background:linear-gradient(135deg,#faad14,#d48806);font-weight:600}.ant-ribbon-normal{background:linear-gradient(135deg,#1890ff,#096dd9)}.notification-card *{transition:all .2s ease}.admin-dashboard-container{padding:16px;max-width:1600px;margin:0 auto;background:#fff;min-height:100vh}.user-dashboard-container{padding:16px;max-width:1600px;margin:0 auto;background:#fff;min-height:100vh}.dashboard-welcome{background:linear-gradient(135deg,#1890ff,#096dd9);border-radius:16px;padding:32px;color:#fff;margin-bottom:24px;box-shadow:0 10px 30px #1890ff4d}.dashboard-welcome h1{margin:0 0 8px;font-size:28px;font-weight:600}.dashboard-welcome p{margin:0;font-size:16px;opacity:.95}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;margin-bottom:24px}.stat-card{background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 12px #00000014;transition:all .3s ease;border:1px solid #f0f0f0}.stat-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001f}.stat-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.stat-card-icon.blue{background:linear-gradient(135deg,#1890ff,#096dd9);color:#fff}.stat-card-icon.cyan{background:linear-gradient(135deg,#13c2c2,#08979c);color:#fff}.stat-card-icon.green{background:linear-gradient(135deg,#52c41a,#389e0d);color:#fff}.stat-card-icon.geekblue{background:linear-gradient(135deg,#2f54eb,#1d39c4);color:#fff}.stat-card-value{font-size:32px;font-weight:700;color:#1a1a1a;margin:8px 0}.stat-card-label{font-size:14px;color:#666;font-weight:500}.stat-card-trend{display:flex;align-items:center;gap:4px;font-size:13px;margin-top:8px}.stat-card-trend.up{color:#52c41a}.stat-card-trend.down{color:#ff4d4f}.dashboard-content{display:grid;grid-template-columns:1fr;gap:24px}.dashboard-section{background:#fff;border-radius:16px;padding:24px;box-shadow:0 2px 12px #00000014;border:1px solid #f0f0f0}.dashboard-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;padding-bottom:16px;border-bottom:2px solid #f0f0f0}.dashboard-section-title{display:flex;align-items:center;gap:12px;font-size:18px;font-weight:600;color:#1a1a1a}.dashboard-section-title .anticon{font-size:20px;color:#1890ff}.dashboard-section-actions{display:flex;gap:8px}.dashboard-table{margin-top:16px}.dashboard-table .ant-table{font-size:14px}.dashboard-table .ant-table-thead>tr>th{background:#fafafa;font-weight:600;border-bottom:2px solid #f0f0f0}.dashboard-chart-container{padding:16px;min-height:300px}.dashboard-empty{text-align:center;padding:48px 24px;color:#999}.dashboard-empty .anticon{font-size:64px;margin-bottom:16px;opacity:.3}.dashboard-loading{display:flex;align-items:center;justify-content:center;min-height:400px;flex-direction:column;gap:16px}.dashboard-section{margin-bottom:24px}.dashboard-section .ant-card-head{border-bottom:2px solid #f0f0f0}.dashboard-section .ant-card-head-title{font-weight:600;color:#1a1a1a}.dashboard-section .ant-card-extra{padding:0}.dashboard-section .ant-table{font-size:14px}.dashboard-section .ant-table-thead>tr>th{background:#fafafa;font-weight:600;color:#262626;border-bottom:2px solid #f0f0f0;padding:12px 16px}.dashboard-section .ant-table-tbody>tr>td{padding:12px 16px}.dashboard-section .ant-table-tbody>tr:hover>td{background:#f5f5f5}@media (max-width: 1200px){.stats-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}}@media (max-width: 768px){.dashboard-container{padding:12px}.dashboard-welcome{padding:20px 16px;margin-bottom:16px;border-radius:12px}.dashboard-welcome h1{font-size:20px;margin-bottom:6px}.dashboard-welcome p{font-size:13px;line-height:1.5}.stats-grid{grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:16px}.stat-card{padding:14px}.stat-card-icon{width:36px;height:36px;font-size:18px}.stat-card-value{font-size:22px;margin:6px 0}.stat-card-label{font-size:12px}.dashboard-section{padding:12px;border-radius:12px;margin-bottom:16px}.dashboard-section .ant-card-head,.dashboard-section .ant-card-body{padding:12px}.dashboard-section-header{flex-direction:column;align-items:flex-start;gap:12px}.dashboard-section-title{font-size:16px}.dashboard-content{gap:16px}.dashboard-section .ant-btn{font-size:13px;height:32px;padding:0 12px}.ant-pagination{font-size:13px}.ant-pagination-item{min-width:28px;height:28px;line-height:26px}}@media (max-width: 480px){.stats-grid{grid-template-columns:1fr}.stat-card{padding:16px}.dashboard-table{overflow-x:auto}.dashboard-chart-container{padding:8px;min-height:250px}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.dashboard-section{animation:fadeIn .5s ease-out}.stat-card{animation:fadeIn .3s ease-out}@media (prefers-color-scheme: dark){.dashboard-container{background:#1a1a1a}.stat-card,.dashboard-section{background:#2a2a2a;border-color:#3a3a3a;color:#e0e0e0}.stat-card-value{color:#fff}.stat-card-label{color:#999}.dashboard-section-title{color:#fff}.dashboard-table .ant-table-thead>tr>th{background:#333;color:#e0e0e0}}@media print{.dashboard-welcome,.dashboard-section-actions{display:none}.dashboard-section{break-inside:avoid;box-shadow:none;border:1px solid #ddd}}.planner-dashboard-container{padding:24px;background-color:#f0f2f5;min-height:100vh}.dashboard-welcome{background:linear-gradient(135deg,#1890ff,#096dd9);padding:24px;border-radius:12px;color:#fff;margin-bottom:24px;box-shadow:0 4px 6px #0000001a}.dashboard-card{border-radius:12px!important;box-shadow:0 4px 12px #0000000d!important;border:none!important;overflow:hidden;transition:all .3s ease}.dashboard-card:hover{box-shadow:0 8px 24px #00000014!important}.dashboard-welcome h1{color:#fff;margin:0 0 8px;font-size:24px}.dashboard-welcome p{color:#ffffffe6;margin:0;font-size:16px}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px;margin-bottom:24px}.stat-card{background:#fff;padding:24px;border-radius:12px;box-shadow:0 2px 8px #0000000d;transition:all .3s ease;position:relative;overflow:hidden;border:none}.stat-card:hover{transform:translateY(-5px);box-shadow:0 8px 16px #0000001a}.stat-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.stat-card-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:24px}.stat-card-icon.blue{background-color:#e6f7ff;color:#1890ff}.stat-card-icon.green{background-color:#f6ffed;color:#52c41a}.stat-card-icon.orange{background-color:#fff7e6;color:#fa8c16}.stat-card-icon.purple{background-color:#f9f0ff;color:#722ed1}.stat-card-value{font-size:32px;font-weight:700;color:#1f1f1f;margin-bottom:4px}.stat-card-label{font-size:14px;color:#8c8c8c}.dashboard-loading{text-align:center;padding:50px;font-size:18px;color:#666}.low-stock-card{border-left:5px solid #ff4d4f;margin-bottom:24px;border-radius:8px;box-shadow:0 2px 8px #0000000d}.progress-section{margin-top:16px;padding:10px;background:#f9f9f9;border-radius:6px}.export-page-container{padding:16px;max-width:1600px;margin:0 auto;background:#f5f5f5;min-height:100vh}.export-steps{margin-bottom:20px;padding:16px 24px;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000a;border:1px solid #f5f5f5}.export-steps .ant-steps-item-title{font-size:14px!important;font-weight:500!important}.export-steps .ant-steps-item-description{font-size:12px!important}.export-steps .ant-steps-item-icon{width:32px!important;height:32px!important;line-height:32px!important;font-size:16px!important}.export-main-grid{display:grid;grid-template-columns:1fr;gap:24px}@media (min-width: 1200px){.export-main-grid{grid-template-columns:1fr 1fr}}.export-card{background:#fff;border-radius:16px;padding:32px;box-shadow:0 2px 8px #0000000f;border:1px solid #f0f0f0;transition:all .3s ease}.export-card:hover{box-shadow:0 4px 12px #00000014}.export-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;padding-bottom:16px;border-bottom:2px solid #f0f0f0}.export-card-title{display:flex;align-items:center;gap:12px;font-size:18px;font-weight:600;color:#1a1a1a;margin:0}.export-card-title .anticon{font-size:24px;color:#595959}.export-help-text{background:#f8f9fa;border:none;border-left:3px solid #dee2e6;padding:10px 16px;border-radius:8px;margin-bottom:20px;font-size:13px;color:#6c757d;font-weight:400;display:flex;align-items:center;gap:8px;box-shadow:none}.export-help-text .anticon{font-size:14px;color:#adb5bd}.export-form-section{margin-bottom:24px}.export-form-label{font-weight:600;color:#262626;margin-bottom:8px;display:block;font-size:14px}.export-form-label .required-mark{color:#ff4d4f;margin-left:4px}.export-product-table{margin-top:24px;background:#fff;border-radius:12px;overflow:hidden;border:1px solid #f0f0f0}.export-product-table .ant-table{font-size:14px;background:#fff}.export-product-table .ant-table-thead>tr>th{background:#fafafa;font-weight:600;border-bottom:1px solid #e8e8e8;padding:16px 12px;color:#495057;font-size:14px}.export-product-table .ant-table-tbody>tr>td{padding:14px 12px;background:#fff;border-bottom:1px solid #f0f0f0}.export-product-table .ant-table-tbody>tr:hover>td{background:#f5f5f5}.export-total-amount{background:#fff;border-radius:12px;padding:24px;margin:24px 0;text-align:center;border:3px solid #52c41a;box-shadow:0 4px 12px #52c41a33}.export-total-label{font-size:15px;color:#52c41a;margin-bottom:12px;font-weight:700;letter-spacing:1px}.export-total-value{font-size:36px;font-weight:800;color:#389e0d;text-shadow:0 2px 4px rgba(56,158,13,.1)}.export-action-buttons{display:flex;gap:12px;flex-wrap:wrap;margin-top:32px;padding-top:24px;border-top:1px solid #f0f0f0}.export-action-buttons .ant-btn{height:48px;font-size:15px;font-weight:500;border-radius:10px;flex:1;min-width:140px}.export-action-buttons .ant-btn-primary{background:linear-gradient(135deg,#1890ff,#096dd9);border:none;box-shadow:0 4px 12px #1890ff4d}.export-action-buttons .ant-btn-primary:hover{opacity:.9}.export-action-buttons .ant-btn-default{border:2px solid #d9d9d9}.export-pending-section{margin-top:24px}.export-pending-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-bottom:16px}.export-pending-stats{display:flex;gap:16px;flex-wrap:wrap}.export-stat-badge{background:transparent;padding:8px 16px;border-radius:20px;font-size:14px;font-weight:500;color:#666;border:none}.export-stat-badge .stat-number{color:#262626;font-weight:700;margin-left:6px;font-size:16px}.export-invoice-collapse .ant-collapse-item{margin-bottom:16px;border:1px solid #e8e8e8!important;border-radius:12px!important;overflow:hidden;background:#fff;box-shadow:0 1px 4px #0000000d}.export-invoice-collapse .ant-collapse-header{background:#fafafa;font-weight:600;padding:18px!important;font-size:14px;color:#495057;border-bottom:1px solid #f0f0f0}.export-invoice-collapse .ant-collapse-content-box{padding:24px;background:#fff}.export-invoice-actions{display:flex;gap:8px;margin-top:16px;flex-wrap:wrap}.export-invoice-actions .ant-btn{border-radius:6px}.export-empty-state{text-align:center;padding:60px 20px;background:#fff;border-radius:12px;border:2px dashed #d9d9d9;margin-top:16px}.export-empty-state .anticon{font-size:80px;margin-bottom:20px;opacity:.4;color:#8c8c8c}.export-empty-state h3{color:#262626;margin-bottom:12px;font-weight:600;font-size:18px}.export-empty-state p{color:#595959;font-size:15px;line-height:1.6}.export-loading-overlay{position:relative}.export-loading-overlay:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:#fffc;display:flex;align-items:center;justify-content:center;z-index:10}.export-modal .ant-modal-header{background:linear-gradient(135deg,#1890ff,#096dd9);color:#fff;border-radius:12px 12px 0 0}.export-modal .ant-modal-title{color:#fff;font-weight:600}.export-modal .ant-modal-close{color:#fff}.export-modal .ant-modal-body{padding:24px}.export-filter-bar{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:24px;padding:0;background:transparent}.export-filter-bar .ant-input-search{flex:1;min-width:200px}.export-filter-bar .ant-input-search .ant-input{font-size:15px;background:#fafafa}.export-filter-bar .ant-input-search .ant-input:focus{box-shadow:none;background:#fff}@media (max-width: 768px){.export-page-container{padding:12px}.export-card{padding:16px;border-radius:12px}.export-card-title{font-size:16px}.export-total-value{font-size:24px}.export-action-buttons{flex-direction:column}.export-action-buttons .ant-btn{width:100%;min-width:unset}.export-pending-header{flex-direction:column;align-items:flex-start}.export-product-table .ant-table{font-size:12px}.export-product-table .ant-table-thead>tr>th,.export-product-table .ant-table-tbody>tr>td{padding:8px 4px}.export-invoice-actions .ant-btn .edit-text{display:none}}@media (max-width: 480px){.export-steps{padding:16px}.export-card-header{flex-direction:column;align-items:flex-start;gap:12px}.export-total-amount{padding:16px}.export-help-text{font-size:13px;padding:10px 12px}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.export-card{animation:fadeInUp .4s ease-out}.export-card:nth-child(2){animation-delay:.1s}.export-success-state{background:#fff;border:3px solid #52c41a;padding:24px;border-radius:12px;text-align:center;margin:24px 0;box-shadow:0 4px 12px #52c41a33}.export-success-state .anticon{font-size:56px;color:#52c41a;margin-bottom:16px;filter:drop-shadow(0 2px 4px rgba(82,196,26,.3))}@media print{.export-action-buttons,.export-filter-bar,.export-card-header button{display:none}.export-card{box-shadow:none;border:1px solid #ddd;break-inside:avoid}}@media (prefers-color-scheme: dark){.export-page-container{background:#f5f5f5!important}.export-card,.export-steps,.export-help-text,.export-filter-bar,.export-total-amount,.export-empty-state,.export-product-table,.export-stat-badge{background:#fff!important;color:#262626!important}.export-card-title,.export-form-label{color:#262626!important}}.export-card:focus-within{outline:2px solid #8c8c8c;outline-offset:2px}button:focus-visible{outline:2px solid #8c8c8c;outline-offset:2px}.report-container{margin:16px}.report-container .ant-card{box-shadow:0 2px 8px #00000014;border-radius:12px}.report-filters{margin-bottom:24px}.report-filters .ant-space{width:100%}.report-filters .ant-select,.report-filters .ant-picker{min-width:200px}.report-summary{background:linear-gradient(135deg,#e6f7ff,#f0f9ff);border-radius:12px;padding:20px;margin:20px 0;border:2px solid #91d5ff}.report-summary>div{font-size:16px;color:#1a1a1a}.report-summary>div:first-child{color:#52c41a;margin-bottom:8px}.report-summary>div:last-child{color:#ff4d4f}.report-desktop-view{display:block}.report-mobile-view{display:none}.report-mobile-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;border:1px solid #f0f0f0;overflow:hidden;transition:all .3s ease;margin-bottom:16px}.report-mobile-card:hover{box-shadow:0 4px 16px #0000001f;transform:translateY(-2px)}.report-mobile-header{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;background:linear-gradient(135deg,#f6f8fa,#fff);border-bottom:2px solid #f0f0f0}.report-mobile-body{padding:16px}.report-mobile-row{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid #f5f5f5}.report-mobile-row:last-of-type{border-bottom:none}.report-mobile-row.highlight{background:#f0f9ff;padding:12px;border-radius:8px;margin-top:8px;border:1px solid #91d5ff}.report-mobile-footer{margin-top:12px;padding-top:12px;border-top:1px dashed #e8e8e8;text-align:center}@media (max-width: 992px){.report-desktop-view{display:none}.report-mobile-view{display:block}.report-filters .ant-select,.report-filters .ant-picker{min-width:auto;width:100%}}@media (max-width: 768px){.report-container{margin:12px}.report-container .ant-card{border-radius:8px}.report-container .ant-card-head{padding:16px 12px}.report-container .ant-card-body{padding:12px}.report-filters{margin-bottom:16px}.report-filters .ant-btn{width:100%;margin-top:8px}.report-summary{padding:16px 12px;margin:16px 0}.report-summary>div{font-size:14px}.report-mobile-card{border-radius:8px}.report-mobile-header{padding:12px;flex-direction:column;align-items:flex-start;gap:8px}.report-mobile-body{padding:12px}.report-mobile-row{flex-direction:column;align-items:flex-start;gap:4px;padding:10px 0}}@media (max-width: 576px){.report-container{margin:8px}.report-filters .ant-space-item{width:100%}.report-filters .ant-btn{height:36px;font-size:13px}}.manage-users-container{margin:16px}.manage-users-container .ant-card{box-shadow:0 2px 8px #00000014;border-radius:12px}.users-desktop-view{display:block}.users-mobile-view{display:none}.user-mobile-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;border:1px solid #f0f0f0;overflow:hidden;transition:all .3s ease;margin-bottom:16px}.user-mobile-card:hover{box-shadow:0 4px 16px #0000001f;transform:translateY(-2px)}.user-mobile-header{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;background:linear-gradient(135deg,#f0f5ff,#fff);border-bottom:2px solid #d6e4ff}.user-mobile-body{padding:16px}.user-mobile-row{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid #f5f5f5}.user-mobile-row:last-of-type{border-bottom:none}.user-mobile-actions{display:flex;gap:8px;margin-top:16px;padding-top:16px;border-top:2px solid #f0f0f0}.user-mobile-actions .ant-btn{flex:1}@media (max-width: 992px){.users-desktop-view{display:none}.users-mobile-view{display:block}}@media (max-width: 768px){.manage-users-container{margin:12px}.manage-users-container .ant-card{border-radius:8px}.manage-users-container .ant-card-head{padding:16px 12px}.manage-users-container .ant-card-body,.user-mobile-header,.user-mobile-body{padding:12px}.user-mobile-row{flex-direction:column;align-items:flex-start;gap:4px}.user-mobile-actions{flex-direction:column}.user-mobile-actions .ant-btn{width:100%}.ant-modal{margin:12px;max-width:calc(100vw - 24px)}.ant-modal-body{max-height:60vh;overflow-y:auto}}.manage-branches-container{margin:16px}.manage-branches-container .ant-card{box-shadow:0 2px 8px #00000014;border-radius:12px}.branches-desktop-view{display:block}.branches-mobile-view{display:none}.branch-mobile-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;border:1px solid #f0f0f0;overflow:hidden;transition:all .3s ease;margin-bottom:16px}.branch-mobile-card:hover{box-shadow:0 4px 16px #0000001f;transform:translateY(-2px)}.branch-mobile-header{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;background:linear-gradient(135deg,#f0f5ff,#fff);border-bottom:2px solid #d6e4ff}.branch-mobile-body{padding:16px}.branch-mobile-row{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid #f5f5f5}.branch-mobile-row:last-of-type{border-bottom:none}.branch-mobile-actions{display:flex;gap:8px;margin-top:16px;padding-top:16px;border-top:2px solid #f0f0f0}.branch-mobile-actions .ant-btn{flex:1}@media (max-width: 992px){.branches-desktop-view{display:none}.branches-mobile-view{display:block}}@media (max-width: 768px){.manage-branches-container{margin:12px}.manage-branches-container .ant-card{border-radius:8px}.manage-branches-container .ant-card-head{padding:16px 12px}.manage-branches-container .ant-card-body,.branch-mobile-header,.branch-mobile-body{padding:12px}.branch-mobile-row{flex-direction:column;align-items:flex-start;gap:4px}.branch-mobile-actions{flex-direction:column}.branch-mobile-actions .ant-btn{width:100%}}.manage-products-container{margin:16px}.manage-products-container .ant-card{box-shadow:0 2px 8px #00000014;border-radius:12px}.products-desktop-view{display:block}.products-mobile-view{display:none}.product-mobile-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;border:1px solid #f0f0f0;overflow:hidden;transition:all .3s ease;margin-bottom:16px}.product-mobile-card:hover{box-shadow:0 4px 16px #0000001f;transform:translateY(-2px)}.product-mobile-header{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;background:linear-gradient(135deg,#fff7e6,#fff);border-bottom:2px solid #ffe7ba}.product-mobile-body{padding:16px}.product-mobile-row{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid #f5f5f5}.product-mobile-row:last-of-type{border-bottom:none}.product-mobile-row.highlight{background:#fff7e6;padding:12px;border-radius:8px;margin-top:8px;border:1px solid #ffd591}.product-mobile-actions{display:flex;gap:8px;margin-top:16px;padding-top:16px;border-top:2px solid #f0f0f0}.product-mobile-actions .ant-btn{flex:1}@media (max-width: 992px){.products-desktop-view{display:none}.products-mobile-view{display:block}}@media (max-width: 768px){.manage-products-container{margin:12px}.manage-products-container .ant-card{border-radius:8px}.manage-products-container .ant-card-head{padding:16px 12px}.manage-products-container .ant-card-body,.product-mobile-header,.product-mobile-body{padding:12px}.product-mobile-row{flex-direction:column;align-items:flex-start;gap:4px}.product-mobile-actions{flex-direction:column}.product-mobile-actions .ant-btn{width:100%}}.notification-history-container{margin:16px}.notification-history-container .ant-card{box-shadow:0 2px 8px #00000014;border-radius:12px}.notifications-desktop-view{display:block}.notifications-mobile-view{display:none}.notification-mobile-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;border:1px solid #f0f0f0;overflow:hidden;transition:all .3s ease;margin-bottom:16px}.notification-mobile-card:hover{box-shadow:0 4px 16px #0000001f;transform:translateY(-2px)}.notification-mobile-header{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;background:linear-gradient(135deg,#e6f7ff,#fff);border-bottom:2px solid #bae7ff}.notification-mobile-body{padding:16px}.notification-mobile-row{display:flex;justify-content:space-between;align-items:flex-start;padding:10px 0;border-bottom:1px solid #f5f5f5}.notification-mobile-row:last-of-type{border-bottom:none}.notification-mobile-row.message{flex-direction:column;gap:8px;background:#f6ffed;padding:12px;border-radius:8px;margin-top:8px;border:1px solid #b7eb8f}@media (max-width: 992px){.notifications-desktop-view{display:none}.notifications-mobile-view{display:block}}@media (max-width: 768px){.notification-history-container{margin:12px}.notification-history-container .ant-card{border-radius:8px}.notification-history-container .ant-card-head{padding:16px 12px}.notification-history-container .ant-card-body,.notification-mobile-header,.notification-mobile-body{padding:12px}.notification-mobile-row{flex-direction:column;align-items:flex-start;gap:4px}}.custom-table .ant-table-thead>tr>th{background:#fafafa;font-size:14px;font-weight:600;color:#000;padding:12px 16px;border-bottom:2px solid #e8e8e8;white-space:nowrap}.custom-table .ant-table-tbody>tr>td{padding:10px 16px;font-size:14px;word-break:break-word}@media (min-width: 769px){.custom-table{width:100%}}:root{--primary-color: #3b82f6;--primary-dark: #2563eb;--success-color: #10b981;--bg-color: #f3f4f6;--card-bg: #ffffff;--text-main: #1f2937;--text-secondary: #6b7280;--border-color: #e5e7eb;--radius-lg: 16px;--radius-md: 12px;--radius-sm: 8px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-up: 0 -4px 6px -1px rgba(0, 0, 0, .1);--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif}.invoice-container{font-family:var(--font-family);padding:16px;max-width:100%;height:100vh;overflow:hidden;background-color:var(--bg-color);display:flex;flex-direction:column;color:var(--text-main)}.invoice-header-bar{flex:0 0 auto;display:flex;justify-content:space-between;align-items:center;background:var(--card-bg);padding:12px 24px;border-radius:var(--radius-md);box-shadow:var(--shadow-sm);border:1px solid var(--border-color)}.header-left{display:flex;align-items:center;gap:16px}.header-left .ant-typography{font-weight:700;color:var(--primary-dark)}.invoice-layout-row{flex:1;overflow:hidden}.left-column-wrapper{height:100%;display:flex;flex-direction:column}.main-card{height:100%;display:flex;flex-direction:column;border-radius:var(--radius-lg);box-shadow:var(--shadow-md);background:var(--card-bg);overflow:hidden;border:none}.main-card .ant-card-body{flex:1;display:flex;flex-direction:column;padding:16px;overflow:hidden}.search-bar-wrapper{flex:0 0 auto;margin-bottom:16px;padding-bottom:16px;border-bottom:1px dashed var(--border-color)}.search-bar-wrapper .ant-select-selector{border-radius:var(--radius-sm)!important;height:40px!important;display:flex;align-items:center}.search-bar-wrapper .ant-btn{height:40px;border-radius:var(--radius-sm)}.items-list-wrapper{flex:1;overflow:hidden;border-radius:var(--radius-sm);border:1px solid var(--border-color)}.ant-table-thead>tr>th{background:#f9fafb!important;color:var(--text-secondary);font-weight:600;border-bottom:1px solid var(--border-color)}.ant-table-tbody>tr:hover>td{background:#f0f7ff!important}.right-column-wrapper{height:100%;display:flex;flex-direction:column;overflow:hidden}.sidebar-container{height:100%;display:flex;flex-direction:column}.sidebar-scroll-area{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:8px;padding-bottom:8px;margin-bottom:8px}.sidebar-card{flex:0 0 auto;background:var(--card-bg);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);border:1px solid var(--border-color)}.sidebar-card .ant-card-head{min-height:40px;border-bottom:1px solid var(--border-color);font-weight:600;color:var(--text-main);padding:0 12px}.sidebar-card .ant-card-body{padding:10px}.summary-card{flex:0 0 auto;margin-top:0;background:linear-gradient(135deg,#fff,#eff6ff);border:1px solid #dbeafe;box-shadow:var(--shadow-md);z-index:10}.summary-row{display:flex;justify-content:space-between;margin-bottom:3px;font-size:13px;color:var(--text-secondary)}.summary-row strong{color:var(--text-main)}.total-price-section{text-align:center;padding:6px 0;background:#3b82f60d;border-radius:var(--radius-sm);margin:6px 0 10px;border:1px dashed #bfdbfe}.total-price-section .ant-typography{color:var(--primary-dark)!important;font-weight:800}.summary-card .ant-btn-primary{height:44px;font-size:15px;font-weight:700;background:var(--primary-color);border-color:var(--primary-color);box-shadow:0 4px 6px -1px #3b82f666;transition:all .3s ease}.summary-card .ant-btn-primary:hover{background:var(--primary-dark);transform:translateY(-1px)}.product-option-item{display:flex;justify-content:space-between;align-items:center;padding:4px 0}.desktop-view{display:block;height:100%}@media (max-width: 1200px){.quantity-input{width:60px!important}}@media (max-width: 991px){.invoice-container{height:auto;overflow-y:auto;padding:12px 12px 220px}.invoice-header-bar{padding:12px;flex-wrap:wrap;gap:8px}.header-left{width:100%;justify-content:space-between}.header-right{width:100%;display:flex;justify-content:flex-end}.invoice-layout-row{overflow:visible;flex-direction:column}.left-column-wrapper,.right-column-wrapper{height:auto;display:block;overflow:visible}.right-column-wrapper{margin-top:16px;padding-bottom:0;overflow:visible}.sidebar-container{gap:12px}.sidebar-scroll-area{overflow:visible;display:flex;flex-direction:column;gap:12px}.main-card{height:auto;box-shadow:none;background:transparent}.main-card .ant-card-body{padding:0;overflow:visible;margin:6}.summary-card{position:fixed;bottom:0;left:0;right:0;z-index:1000;margin-top:0;border-radius:20px 20px 0 0;background:#fff;box-shadow:var(--shadow-up);padding:16px;border:none}.desktop-view{display:none}.mobile-view{display:block}.mobile-item-card{border-radius:var(--radius-md)!important;border:1px solid var(--border-color)!important;box-shadow:var(--shadow-sm)!important;margin-bottom:12px}}.invoice-list-card{margin:24px 16px;box-shadow:0 2px 8px #00000014;border-radius:12px}.invoice-desktop-view{display:block}.invoice-mobile-view{display:none}.invoice-mobile-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;border:1px solid #f0f0f0;overflow:hidden;transition:all .3s ease;margin-bottom:16px}.invoice-mobile-card:hover{box-shadow:0 4px 16px #0000001f;transform:translateY(-2px)}.invoice-mobile-header{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;background:linear-gradient(135deg,#fff7e6,#fff);border-bottom:2px solid #ffe7ba}.invoice-mobile-body{padding:16px}.invoice-mobile-row{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid #f5f5f5}.invoice-mobile-row:last-of-type{border-bottom:none}.invoice-mobile-row.highlight{background:#fff7e6;padding:12px;border-radius:8px;margin-top:8px;border:1px solid #ffd591}.invoice-mobile-actions{display:flex;gap:8px;margin-top:16px;padding-top:16px;border-top:2px solid #f0f0f0}.invoice-mobile-actions .ant-btn{flex:1}@media (max-width: 992px){.invoice-desktop-view{display:none}.invoice-mobile-view{display:block}}@media (max-width: 768px){.invoice-list-card{margin:12px;border-radius:8px}.invoice-mobile-header,.invoice-mobile-body{padding:12px}.invoice-mobile-row{flex-direction:column;align-items:flex-start;gap:4px}.invoice-mobile-actions{flex-direction:column}.invoice-mobile-actions .ant-btn{width:100%}}.invoice-report-container{margin:16px}.invoice-report-card{margin:0;box-shadow:0 2px 8px #00000014;border-radius:12px}.ant-table-thead>tr>th{background-color:#f8f8f8;font-weight:700;text-align:center}.ant-table-tbody>tr>td{text-align:center}.invoice-report-desktop-view{display:block}.invoice-report-mobile-view{display:none}.invoice-report-mobile-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;border:1px solid #f0f0f0;overflow:hidden;transition:all .3s ease}.invoice-report-mobile-card:hover{box-shadow:0 4px 16px #0000001f;transform:translateY(-2px)}.invoice-report-mobile-header{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;background:linear-gradient(135deg,#fff7e6,#fff);border-bottom:2px solid #ffe7ba}.invoice-report-mobile-body{padding:16px}.invoice-report-mobile-row{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid #f5f5f5}.invoice-report-mobile-row:last-of-type{border-bottom:none}.invoice-report-mobile-row.highlight{background:#fff7e6;padding:12px;border-radius:8px;margin-top:8px;border:1px solid #ffd591}.invoice-report-mobile-actions{margin-top:16px;padding-top:16px;border-top:2px solid #f0f0f0}.invoice-report-print{padding:20px;font-family:Times New Roman,Times,serif;font-size:14px}.invoice-header{text-align:center;margin-bottom:20px}.invoice-header h1{font-size:18px;font-weight:700;margin-bottom:5px}.invoice-header p{margin:2px 0}h2{text-align:center;font-size:16px;font-weight:700;margin-bottom:10px}.invoice-table{width:100%;border-collapse:collapse;margin-bottom:20px}.invoice-table th,.invoice-table td{border:1px solid black;padding:5px;text-align:center}.invoice-table th{font-weight:700}.invoice-footer{margin-top:20px}.invoice-footer p{margin:5px 0}@media (max-width: 992px){.invoice-report-desktop-view{display:none}.invoice-report-mobile-view{display:block}}@media (max-width: 768px){.invoice-report-container{margin:12px}.invoice-report-card{border-radius:8px}.invoice-report-mobile-header,.invoice-report-mobile-body{padding:12px}.invoice-report-mobile-row{flex-direction:column;align-items:flex-start;gap:4px}}@media print{.invoice-report-print{padding:0;font-size:12px}.invoice-header h1{font-size:16px}h2{font-size:14px}.invoice-table th,.invoice-table td{padding:3px}}.inventory-management-container{margin:16px}.inventory-management-container .ant-card{box-shadow:0 2px 8px #00000014;border-radius:12px}.inventory-management-container .page-header{position:sticky!important;top:64px!important;z-index:1500!important;background:#fff!important;isolation:isolate!important}.inventory-management-container .page-header *{position:relative!important;z-index:1500!important}.inventory-management-container .ant-spin-nested-loading,.inventory-management-container .ant-spin-container,.inventory-management-container .ant-table-wrapper,.inventory-management-container .ant-table,.inventory-management-container .ant-table-container,.inventory-management-container .ant-table-content,.inventory-management-container .ant-table-scroll,.inventory-management-container .ant-table-body{position:relative!important;z-index:0!important}.inventory-management-container .ant-table tbody,.inventory-management-container .ant-table tbody tr,.inventory-management-container .ant-table tbody tr td,.inventory-management-container .ant-table-tbody,.inventory-management-container .ant-table-tbody>tr,.inventory-management-container .ant-table-tbody>tr>td,.inventory-management-container .ant-table-row{position:relative!important;z-index:0!important}.inventory-management-container .ant-table-thead,.inventory-management-container .ant-table-thead>tr,.inventory-management-container .ant-table-thead>tr>th,.inventory-management-container .ant-table-header{position:relative!important;z-index:1!important}.inventory-management-container .ant-table-cell-fix-left,.inventory-management-container .ant-table-cell-fix-right{z-index:2!important}.inventory-management-container .ant-table-thead .ant-table-cell-fix-left,.inventory-management-container .ant-table-thead .ant-table-cell-fix-right{z-index:3!important}.inventory-management-container .ant-table-sticky-holder,.inventory-management-container .ant-table-sticky-scroll{z-index:1!important}.inventory-management-container>.ant-card:not(.page-header){position:relative!important;z-index:0!important}.inventory-desktop-view{display:block}.inventory-mobile-view{display:none}.inventory-mobile-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;border:1px solid #f0f0f0;overflow:hidden;transition:all .3s ease;margin-bottom:16px}.inventory-mobile-card:hover{box-shadow:0 4px 16px #0000001f;transform:translateY(-2px)}.inventory-mobile-header{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;background:linear-gradient(135deg,#f6ffed,#fff);border-bottom:2px solid #d9f7be}.inventory-mobile-body{padding:16px}.inventory-mobile-row{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid #f5f5f5}.inventory-mobile-row:last-of-type{border-bottom:none}.inventory-mobile-row.highlight{background:#e6f7ff;padding:12px;border-radius:8px;margin-top:8px;border:1px solid #91d5ff}.inventory-mobile-actions{display:flex;gap:8px;margin-top:16px;padding-top:16px;border-top:2px solid #f0f0f0}.inventory-mobile-actions .ant-btn{flex:1}@media (max-width: 992px){.inventory-desktop-view{display:none}.inventory-mobile-view{display:block}}@media (max-width: 768px){.inventory-management-container{margin:12px}.inventory-management-container .ant-card{border-radius:8px}.inventory-management-container .ant-card-head{padding:16px 12px}.inventory-management-container .ant-card-body,.inventory-mobile-header,.inventory-mobile-body{padding:12px}.inventory-mobile-row{flex-direction:column;align-items:flex-start;gap:4px}.inventory-mobile-actions{flex-direction:column}.inventory-mobile-actions .ant-btn{width:100%}}.inventory-report-page-container{margin:16px}.inventory-report-page-container .ant-card{box-shadow:0 2px 8px #00000014;border-radius:12px;margin-bottom:24px}.inventory-report-page-container .page-header{position:sticky!important;top:64px!important;z-index:1500!important;background:#fff!important;isolation:isolate!important}.inventory-report-page-container .page-header *{position:relative!important;z-index:1500!important}.inventory-report-page-container .ant-spin-nested-loading,.inventory-report-page-container .ant-spin-container,.inventory-report-page-container .ant-table-wrapper,.inventory-report-page-container .ant-table,.inventory-report-page-container .ant-table-container,.inventory-report-page-container .ant-table-content,.inventory-report-page-container .ant-table-scroll,.inventory-report-page-container .ant-table-body{position:relative!important;z-index:0!important}.inventory-report-page-container .ant-table tbody,.inventory-report-page-container .ant-table tbody tr,.inventory-report-page-container .ant-table tbody tr td,.inventory-report-page-container .ant-table-tbody,.inventory-report-page-container .ant-table-tbody>tr,.inventory-report-page-container .ant-table-tbody>tr>td,.inventory-report-page-container .ant-table-row{position:relative!important;z-index:0!important}.inventory-report-page-container .ant-table-thead,.inventory-report-page-container .ant-table-thead>tr,.inventory-report-page-container .ant-table-thead>tr>th,.inventory-report-page-container .ant-table-header{position:relative!important;z-index:1!important}.inventory-report-page-container .ant-table-cell-fix-left,.inventory-report-page-container .ant-table-cell-fix-right{z-index:2!important}.inventory-report-page-container .ant-table-thead .ant-table-cell-fix-left,.inventory-report-page-container .ant-table-thead .ant-table-cell-fix-right{z-index:3!important}.inventory-report-page-container .ant-table-sticky-holder,.inventory-report-page-container .ant-table-sticky-scroll{z-index:1!important}.inventory-report-page-container>.ant-card:not(.page-header){position:relative!important;z-index:0!important}.inventory-report-desktop-view{display:block}.inventory-report-mobile-view{display:none}.inventory-report-mobile-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;border:1px solid #f0f0f0;overflow:hidden;transition:all .3s ease;margin-bottom:16px}.inventory-report-mobile-card:hover{box-shadow:0 4px 16px #0000001f;transform:translateY(-2px)}.inventory-report-mobile-header{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;background:linear-gradient(135deg,#f0f5ff,#fff);border-bottom:2px solid #d6e4ff}.inventory-report-mobile-body{padding:16px}.inventory-report-mobile-row{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid #f5f5f5}.inventory-report-mobile-row:last-of-type{border-bottom:none}.inventory-report-mobile-row.highlight{background:#e6fffb;padding:12px;border-radius:8px;margin-top:8px;border:1px solid #87e8de}.inventory-report-mobile-actions{display:flex;gap:8px;margin-top:16px;padding-top:16px;border-top:2px solid #f0f0f0}.inventory-report-mobile-actions .ant-btn{flex:1}.transaction-history-mobile-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;border:1px solid #f0f0f0;overflow:hidden;margin-bottom:16px}.transaction-history-mobile-header{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;background:linear-gradient(135deg,#fff7e6,#fff);border-bottom:2px solid #ffe7ba}.transaction-history-mobile-body{padding:16px}.inventory-report-filters{margin-bottom:20px}@media (max-width: 992px){.inventory-report-desktop-view{display:none}.inventory-report-mobile-view{display:block}.inventory-report-filters .ant-space{width:100%;flex-direction:column}.inventory-report-filters .ant-picker{width:100%}}@media (max-width: 768px){.inventory-report-page-container{margin:12px}.inventory-report-page-container .ant-card{border-radius:8px}.inventory-report-page-container .ant-card-head{padding:16px 12px}.inventory-report-page-container .ant-card-body,.inventory-report-mobile-header,.inventory-report-mobile-body{padding:12px}.inventory-report-mobile-row{flex-direction:column;align-items:flex-start;gap:4px}.inventory-report-mobile-actions{flex-direction:column}.inventory-report-mobile-actions .ant-btn{width:100%}}.manage-productmain-container{margin:16px}.manage-productmain-container .ant-card{box-shadow:0 2px 8px #00000014;border-radius:12px}.productmain-desktop-view{display:block}.productmain-mobile-view{display:none}.productmain-mobile-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;border:1px solid #f0f0f0;overflow:hidden;transition:all .3s ease;margin-bottom:16px}.productmain-mobile-card:hover{box-shadow:0 4px 16px #0000001f;transform:translateY(-2px)}.productmain-mobile-header{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;background:linear-gradient(135deg,#f6ffed,#fff);border-bottom:2px solid #d9f7be}.productmain-mobile-body{padding:16px}.productmain-mobile-row{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid #f5f5f5}.productmain-mobile-row:last-of-type{border-bottom:none}.productmain-mobile-row.highlight{background:#f6ffed;padding:12px;border-radius:8px;margin-top:8px;border:1px solid #b7eb8f}.productmain-mobile-actions{display:flex;gap:8px;margin-top:16px;padding-top:16px;border-top:2px solid #f0f0f0}.productmain-mobile-actions .ant-btn{flex:1}.stock-badge{padding:4px 8px;border-radius:4px;font-size:12px;font-weight:600}.stock-badge.low{background:#fff1f0;color:#ff4d4f;border:1px solid #ffccc7}.stock-badge.medium{background:#fffbe6;color:#faad14;border:1px solid #ffe58f}.stock-badge.good{background:#f6ffed;color:#52c41a;border:1px solid #b7eb8f}@media (max-width: 992px){.productmain-desktop-view{display:none}.productmain-mobile-view{display:block}}@media (max-width: 768px){.manage-productmain-container{margin:12px}.manage-productmain-container .ant-card{border-radius:8px}.manage-productmain-container .ant-card-head{padding:16px 12px}.manage-productmain-container .ant-card-body,.productmain-mobile-header,.productmain-mobile-body{padding:12px}.productmain-mobile-row{flex-direction:column;align-items:flex-start;gap:4px}.productmain-mobile-actions{flex-direction:column}.productmain-mobile-actions .ant-btn{width:100%}}.production-plan-container{margin:16px}.production-plan-container .ant-card{box-shadow:0 2px 8px #00000014;border-radius:12px}.production-desktop-view{display:block}.production-mobile-view{display:none}.production-mobile-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;border:1px solid #f0f0f0;overflow:hidden;transition:all .3s ease;margin-bottom:16px}.production-mobile-card:hover{box-shadow:0 4px 16px #0000001f;transform:translateY(-2px)}.production-mobile-header{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;background:linear-gradient(135deg,#f0f5ff,#fff);border-bottom:2px solid #d6e4ff}.production-mobile-body{padding:16px}.production-mobile-row{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid #f5f5f5}.production-mobile-row:last-of-type{border-bottom:none}.production-mobile-row.progress-row{flex-direction:column;align-items:flex-start;background:#e6f7ff;padding:12px;border-radius:8px;margin-top:8px;border:1px solid #91d5ff}.production-progress-bar{width:100%;height:8px;background:#f0f0f0;border-radius:4px;overflow:hidden;margin-top:8px}.production-progress-fill{height:100%;background:linear-gradient(90deg,#52c41a,#95de64);transition:width .3s ease}.production-mobile-actions{display:flex;gap:8px;margin-top:16px;padding-top:16px;border-top:2px solid #f0f0f0}.production-mobile-actions .ant-btn{flex:1}.production-filters{margin-bottom:20px}@media (max-width: 992px){.production-desktop-view{display:none}.production-mobile-view{display:block}.production-filters .ant-row,.production-filters .ant-col{margin-bottom:12px}}@media (max-width: 768px){.production-plan-container{margin:12px}.production-plan-container .ant-card{border-radius:8px}.production-plan-container .ant-card-head{padding:16px 12px}.production-plan-container .ant-card-body,.production-mobile-header,.production-mobile-body{padding:12px}.production-mobile-row{flex-direction:column;align-items:flex-start;gap:4px}.production-mobile-actions{flex-direction:column}.production-mobile-actions .ant-btn{width:100%}}@media print{body *{visibility:hidden}#printable-area,#printable-area *{visibility:visible}#printable-area{position:absolute;left:0;top:0;width:100%;margin:0;padding:20px;background:#fff}.ant-modal-header,.ant-modal-footer,.ant-modal-close{display:none!important}}.desktop-view{display:block}.mobile-view{display:none}@media (max-width: 768px){.desktop-view{display:none}.mobile-view{display:block}.production-progress-page{padding:10px!important}}.user-invoice-container{margin:16px}.user-invoice-container .ant-card{box-shadow:0 2px 8px #00000014;border-radius:12px}.user-invoice-desktop-view{display:block}.user-invoice-mobile-view{display:none}.user-invoice-mobile-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;border:1px solid #f0f0f0;overflow:hidden;transition:all .3s ease;margin-bottom:16px}.user-invoice-mobile-card:hover{box-shadow:0 4px 16px #0000001f;transform:translateY(-2px)}.user-invoice-mobile-header{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;background:linear-gradient(135deg,#f0f7ff,#fff);border-bottom:2px solid #e6f0ff}.user-invoice-mobile-body{padding:16px}.user-invoice-mobile-row{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid #f5f5f5}.user-invoice-mobile-row:last-of-type{border-bottom:none}.user-invoice-mobile-row.highlight{background:#f6ffed;padding:12px;border-radius:8px;margin-top:8px;border:1px solid #b7eb8f}.user-invoice-items{background:#fafafa;border-radius:8px;padding:12px;margin-top:12px}.user-invoice-item{padding:10px;margin-bottom:8px;background:#fff;border-radius:6px;border:1px solid #e8e8e8}.user-invoice-item:last-child{margin-bottom:0}.user-invoice-mobile-footer{margin-top:12px;padding-top:12px;border-top:1px dashed #e8e8e8;text-align:center}@media (max-width: 992px){.user-invoice-desktop-view{display:none}.user-invoice-mobile-view{display:block}}@media (max-width: 768px){.user-invoice-container{margin:12px}.user-invoice-container .ant-card{border-radius:8px}.user-invoice-container .ant-card-head{padding:16px 12px}.user-invoice-container .ant-card-body{padding:12px}.user-invoice-mobile-header{padding:12px;flex-direction:column;align-items:flex-start;gap:8px}.user-invoice-mobile-body{padding:12px}.user-invoice-mobile-row{flex-direction:column;align-items:flex-start;gap:4px}.user-invoice-item{padding:8px}}.admin-audit-log{padding:24px;background-color:#f0f2f5;min-height:100vh}.admin-audit-log .page-header{box-shadow:0 2px 8px #00000017;border-radius:8px}.admin-audit-log .page-header .ant-card-body{padding:24px}.admin-audit-log .ant-statistic{text-align:center}.admin-audit-log .ant-statistic-title{font-size:14px;color:#000000a6;margin-bottom:4px}.admin-audit-log .ant-statistic-content{font-size:28px;font-weight:600}.admin-audit-log .ant-select,.admin-audit-log .ant-picker{width:100%}.admin-audit-log .ant-table{background:#fff}.admin-audit-log .ant-table-thead>tr>th{background-color:#fafafa;font-weight:600;color:#000000d9;border-bottom:2px solid #f0f0f0}.admin-audit-log .ant-table-tbody>tr:hover{background-color:#f5f5f5}.admin-audit-log .ant-table-tbody>tr>td{padding:12px 16px}@media (max-width: 768px){.admin-audit-log,.admin-audit-log .page-header .ant-card-body{padding:16px}.admin-audit-log .ant-statistic-content{font-size:20px}}.admin-audit-log .ant-tag{font-size:12px;padding:2px 8px;border-radius:4px}.admin-audit-log .ant-badge{display:inline-block}.admin-audit-log .ant-badge-count{box-shadow:0 0 0 1px #fff}.admin-audit-log .ant-card:hover{box-shadow:0 4px 12px #00000026;transition:box-shadow .3s ease}.admin-audit-log .ant-table-cell-fix-left,.admin-audit-log .ant-table-cell-fix-right{background-color:#fff}.admin-audit-log .ant-table-cell-fix-left-last:after{box-shadow:inset 10px 0 8px -8px #00000026}.admin-audit-log .ant-empty{padding:40px 0}.admin-audit-log .ant-spin-nested-loading>div>.ant-spin{max-height:none}.admin-audit-log .ant-input-affix-wrapper:focus,.admin-audit-log .ant-input-affix-wrapper-focused{border-color:#1890ff;box-shadow:0 0 0 2px #1890ff33}:root{--primary-color: #1890ff;--secondary-color: #40c4ff;--header-bg: #000000;--text-color: #262626;--background-color: #ffffff;--card-bg: #ffffff;--shadow: 0 4px 12px rgba(0, 0, 0, .15)}body{margin:0;font-family:Roboto,sans-serif;background-color:#fff;color:#262626;font-weight:400}.ant-card{border-radius:12px;box-shadow:var(--shadow);margin:16px;background:var(--card-bg)}.app-header{background:var(--header-bg)!important;padding:0 16px;height:64px;display:flex;justify-content:space-between;align-items:center;box-shadow:var(--shadow);position:relative;z-index:2000!important}.logo-wrapper{flex:0 0 auto;display:flex;align-items:center}.logo{height:40px;width:auto}.nav-menu{flex:1;background:transparent!important;border-bottom:none!important}.nav-menu .ant-menu-item{color:var(--text-color);font-weight:600}.nav-menu .ant-menu-item:hover,.nav-menu .ant-menu-item-selected{color:var(--secondary-color)!important;background:transparent!important}.header-actions{display:flex;align-items:center;gap:20px}.notification-badge{display:flex;align-items:center;cursor:pointer;transition:transform .3s ease}.notification-badge:hover{transform:scale(1.1)}.notification-badge .ant-badge-count{margin-right:8px;background:#ff4d4f;color:#fff;font-weight:700}.bell-icon{font-size:24px;color:var(--text-color)}.bell-icon.active{animation:bellShake .8s ease infinite}@keyframes bellShake{0%{transform:rotate(0)}10%{transform:rotate(10deg)}20%{transform:rotate(-10deg)}30%{transform:rotate(8deg)}40%{transform:rotate(-8deg)}50%{transform:rotate(5deg)}60%{transform:rotate(-5deg)}70%{transform:rotate(3deg)}80%{transform:rotate(-3deg)}90%{transform:rotate(1deg)}to{transform:rotate(0)}}.logout-button{background:#ff4d4f;border-color:#ff4d4f;color:#fff;font-weight:600;padding:6px 16px;height:36px;border-radius:6px;transition:transform .3s ease}.logout-button:hover{transform:scale(1.05)}.ant-btn{border-radius:6px;font-weight:600;transition:all .3s ease}.ant-btn-primary{background:var(--primary-color);border-color:var(--primary-color)}.ant-btn-primary:hover{background:var(--secondary-color);border-color:var(--secondary-color)}.ant-table-wrapper{overflow-x:auto}.ant-table-container{border:1px solid #e8e8e8;border-radius:8px}.ant-table{border-radius:8px;background:#fff}.ant-table-thead>tr>th{background:var(--primary-color);color:var(--text-color);font-weight:700;text-align:center}.ant-table-tbody>tr>td{color:#333;font-weight:500;text-align:center}.ant-table-tbody>tr:nth-child(odd){background:#fafafa}.ant-table-tbody>tr>td:nth-child(9){justify-content:center;align-items:center}.ant-table-tbody>tr>td.ant-table-cell.textNameLeft{text-align:left}.ant-collapse{border-radius:8px;overflow:hidden;background:#fff}.ant-collapse-header{color:#333!important;font-weight:600}.export-container{display:flex;gap:24px}.user-info-container{background:var(--background-color);padding:20px;border-radius:12px;box-shadow:var(--shadow);margin-bottom:24px;transition:transform .3s ease}.user-info-container:hover{transform:translateY(-5px)}.user-info p{margin:8px 0;font-size:16px}.user-info p span{font-weight:700;color:var(--primary-color)}.desktop-sidebar{display:block}.bottom-nav{position:fixed;bottom:0;width:100%;background:var(--header-bg);padding:10px 0;display:none;justify-content:center;box-shadow:0 -2px 8px #00000026;z-index:1001}.bottom-nav-items{display:flex;justify-content:space-around;align-items:center;width:100%;max-width:600px}.bottom-nav-item{color:#fff;font-size:24px;padding:8px 16px;cursor:pointer;transition:all .3s ease;border-radius:8px}.bottom-nav-item:hover{color:var(--secondary-color);background:#ffffff1a}.login-container{display:flex;justify-content:center;align-items:center;min-height:100vh;width:100vw;background:linear-gradient(135deg,#0d47a1,#40c4ff);margin:0;padding:0}.login-card{transition:transform .3s ease;width:90%;max-width:400px}.login-card:hover{transform:translateY(-5px)}.report-filters{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:16px}.report-summary{margin-bottom:16px}.notification-content{width:400px}.notification-table-wrapper{max-height:200px;overflow-y:auto}.notification-footer{display:flex;align-items:center;justify-content:space-between;margin-top:8px;padding:0 8px}.confirm-button{margin-right:auto}.total-amount{font-weight:700;text-align:right;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width: 992px){.desktop-sidebar{display:none!important}.bottom-nav{display:flex!important}.main-content{margin-left:0!important}}@media (max-width: 768px){.app-header{padding:0 8px}.logo{height:32px}.nav-menu{display:none}.header-actions{gap:12px}.bell-icon{font-size:20px}.logout-button{padding:4px 12px;font-size:14px;height:32px}.export-container{flex-direction:column}.export-section,.pending-section{width:100%}.ant-btn{width:100%;height:40px;font-size:16px;margin-bottom:8px}.ant-table-wrapper{overflow-x:auto}.ant-table{min-width:600px}.report-filters{flex-direction:column}.report-filters .ant-picker,.report-filters .ant-select,.report-filters .ant-btn{width:100%}.ant-picker{width:100%!important}.ant-picker-panel-container{width:100%!important;max-width:300px!important}.ant-picker-date-panel{width:100%!important;min-width:250px!important}.ant-picker-content{width:100%!important}.ant-picker-cell{padding:2px!important}.ant-picker-header{font-size:12px!important}.ant-picker-body{padding:4px!important}.user-info-container{padding:16px}.bottom-nav{padding:8px 0}.bottom-nav-item{font-size:22px;padding:8px 12px}.notification-content{width:300px;max-width:100%}}@media (max-width: 320px){.notification-content{width:280px;max-width:100%}}@media (min-width: 769px){.export-container{flex-direction:row}.export-section,.pending-section{width:50%}.ant-btn{width:auto;height:36px;font-size:14px}.ant-table{min-width:auto}.report-filters{flex-direction:row}.report-filters .ant-picker-range,.report-filters .ant-select{width:200px}}@media (min-width: 993px){.bottom-nav{display:none!important}.desktop-sidebar{display:block!important}.main-content{margin-bottom:0!important}}