@import url(https://fonts.googleapis.com/css2?family=PT+Sans:wght@400;700&display=swap);*{box-sizing:border-box}*,body{margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh;width:100%}.App:has(.dashboard-container){background:none;display:block}.login-container{align-items:center;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);box-sizing:border-box;display:flex;justify-content:center;min-height:100vh;padding:32px;transition:all .3s ease;width:100%}.login-container.dark{background:linear-gradient(135deg,#0c0c0c,#1a1a1a)}.login-card{animation:slideUp .5s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff;border:1px solid #ffffff1a;border-radius:20px;box-shadow:0 25px 80px #0000001a;max-width:420px;padding:48px;position:relative;transition:all .3s ease;width:100%}@media (max-width:768px){.login-container{padding:16px}.login-card{border-radius:16px;padding:32px 24px}.login-title{font-size:24px}.theme-button{font-size:16px;height:40px;width:40px}}.dark .login-card{background:#1a1a1a;border:1px solid #333;box-shadow:0 25px 80px #00000080}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.theme-toggle{position:absolute;right:20px;top:20px}.theme-button{align-items:center;background:none;border:2px solid #e0e0e0;border-radius:50%;cursor:pointer;display:flex;font-size:18px;height:44px;justify-content:center;transition:all .3s ease;width:44px}.dark .theme-button{border-color:#444;color:#fff}.theme-button:hover{border-color:#333;transform:scale(1.1)}.dark .theme-button:hover{border-color:#666}.login-title{color:#000;font-size:28px;font-weight:800;letter-spacing:-.5px;margin-bottom:8px;text-align:center;transition:color .3s ease}.dark .login-title{color:#fff}.login-subtitle{color:#666;font-size:14px;font-weight:500;margin-bottom:32px;text-align:center;transition:color .3s ease}.dark .login-subtitle{color:#999}.login-form{gap:20px}.form-group,.login-form{display:flex;flex-direction:column}.form-group{gap:8px}.form-group label{color:#000;font-size:13px;letter-spacing:.5px;text-transform:uppercase;transition:color .3s ease}.form-group input{background:#fff;border:2px solid #e0e0e0;border-radius:12px;color:#000;font-size:16px;outline:none;padding:16px 20px;transition:all .3s ease}.dark .form-group input{background:#2a2a2a;border-color:#444;color:#fff}.form-group input:focus{border-color:#000;box-shadow:0 0 0 3px #0000001a;transform:translateY(-1px)}.dark .form-group input:focus{border-color:#fff;box-shadow:0 0 0 3px #ffffff1a}.form-group input:disabled{background-color:#f5f5f5;cursor:not-allowed;opacity:.6}.dark .form-group input:disabled{background-color:#1a1a1a}.login-button{background:#000;border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;letter-spacing:1px;margin-top:12px;padding:16px 24px;text-transform:uppercase;transition:all .3s ease;width:100%}.dark .login-button{background:#fff;color:#000}.login-button:hover:not(:disabled){box-shadow:0 10px 30px #0000004d;transform:translateY(-2px)}.dark .login-button:hover:not(:disabled){box-shadow:0 10px 30px #fff3}.login-button:active:not(:disabled){transform:translateY(0)}.login-button:disabled{cursor:not-allowed;opacity:.5;transform:none}.error-message{background-color:#fff5f5;border:1px solid #fed7d7;border-radius:10px;color:#e53e3e;font-size:14px;font-weight:500;padding:14px;text-align:center}.dark .error-message{background-color:#2d1b1b;border-color:#4a2020;color:#fc8181}.success-message{background-color:#f0fff4;border:1px solid #c6f6d5;border-radius:10px;color:#38a169;font-size:14px;font-weight:500;padding:14px;text-align:center}.dark .success-message{background-color:#1a2e1a;border-color:#2d4a2d;color:#68d391}.login-footer{color:#666;font-size:13px;margin-top:28px;text-align:center;transition:color .3s ease}.dark .login-footer{color:#999}.login-footer a{color:#000;font-weight:600;text-decoration:none;transition:color .3s ease}.dark .login-footer a{color:#fff}.login-footer a:hover{opacity:.8;text-decoration:underline}.dashboard-container{background:#f5f5f5;display:flex;min-height:100vh;transition:all .3s ease}.dashboard-container.dark{background:#0c0c0c}.sidebar{background:#fff;border-right:1px solid #e0e0e0;display:flex;flex-direction:column;height:100vh;overflow-y:auto;position:-webkit-sticky;position:sticky;top:0;transition:all .3s ease;width:280px}.dark .sidebar{background:#1a1a1a;border-right-color:#333}.sidebar.collapsed{width:80px}.sidebar-header{border-bottom:1px solid #e0e0e0;padding:24px 20px}.dark .sidebar-header{border-bottom-color:#333}.brand-logo{margin-bottom:20px;text-align:center}.brand-logo h2{color:#000;font-size:24px;font-weight:800;letter-spacing:-.5px;margin:0;transition:color .3s ease}.dark .brand-logo h2{color:#fff}.user-info{align-items:center;display:flex;gap:12px}.user-avatar{border-radius:50%;flex-shrink:0;height:48px;overflow:hidden;width:48px}.user-avatar img{height:100%;object-fit:cover;width:100%}.user-details{flex:1 1;min-width:0}.user-role{color:#999;display:block;font-size:10px;letter-spacing:.5px;margin-bottom:4px;text-transform:uppercase}.user-name{color:#1a1a1a;font-size:16px;font-weight:600;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dark .user-name{color:#fff}.sidebar-nav{flex:1 1;overflow-y:auto;padding:16px 0}.nav-item-wrapper{margin-bottom:4px}.nav-item{align-items:center;background:none;border:none;border-left:3px solid #0000;color:#666;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:12px;padding:12px 20px;text-align:left;transition:all .2s;width:100%}.nav-item:hover{background:#f5f5f5;color:#1a1a1a}.dark .nav-item{color:#999}.dark .nav-item:hover{background:#222;color:#fff}.nav-item.active{background:#f0f0f0;border-left-color:#000;color:#000}.dark .nav-item.active{background:#2a2a2a;border-left-color:#fff;color:#fff}.nav-icon{flex-shrink:0;font-size:18px}.nav-label{flex:1 1}.nav-arrow{font-size:10px;transition:transform .2s}.nav-arrow,.nav-item.active .nav-arrow{transform:rotate(90deg)}.nav-children{margin-top:4px;padding-left:52px}.nav-child-item{background:none;border:none;border-radius:4px;color:#666;cursor:pointer;font-size:13px;padding:8px 12px;text-align:left;transition:all .2s;width:100%}.nav-child-item:hover{background:#f5f5f5;color:#1a1a1a}.dark .nav-child-item{color:#999}.dark .nav-child-item:hover{background:#222;color:#fff}.sidebar-footer{border-top:1px solid #e0e0e0;padding:16px}.dark .sidebar-footer{border-top-color:#333}.vionex-promo{background:#000;border-radius:12px;color:#fff;margin-bottom:12px;padding:20px;text-align:center}.dark .vionex-promo{background:#fff;color:#000}.promo-icon{display:block;font-size:32px;margin-bottom:8px}.vionex-promo h4{font-size:16px;font-weight:700;margin:0 0 4px}.vionex-promo p{font-size:13px;font-weight:600;margin:0 0 4px}.promo-subtitle{font-size:11px!important;line-height:1.4;margin-bottom:12px!important;opacity:.9}.upgrade-btn{background:#fff;border:2px solid #000;border-radius:8px;color:#000;cursor:pointer;font-size:13px;font-weight:600;padding:10px;transition:all .2s;width:100%}.dark .upgrade-btn{background:#000;border-color:#fff;color:#fff}.upgrade-btn:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.sidebar-action-btn{align-items:center;background:none;border:none;border-radius:8px;color:#666;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:12px;margin-bottom:4px;padding:12px 16px;transition:all .2s;width:100%}.sidebar-action-btn:hover{background:#f5f5f5;color:#1a1a1a}.dark .sidebar-action-btn{color:#999}.dark .sidebar-action-btn:hover{background:#222;color:#fff}.dashboard-main{background:#f5f5f5;flex:1 1;overflow-y:auto}.dark .dashboard-main{background:#0c0c0c}.content-wrapper{max-width:1400px;padding:32px}.welcome-section{margin-bottom:32px}.welcome-section h2{color:#000;font-size:32px;font-weight:800;margin:0 0 8px;transition:color .3s ease}.dark .welcome-section h2{color:#fff}.welcome-section p{color:#666;font-size:16px;margin:0}.dark .welcome-section p{color:#999}.stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:32px}.stat-card{background:#fff;border:1px solid #e0e0e0;border-radius:12px;padding:24px;transition:all .3s ease}.dark .stat-card{background:#1a1a1a;border-color:#333}.stat-card:hover{box-shadow:0 8px 24px #0000001a;transform:translateY(-4px)}.stat-card h3{color:#666;font-size:14px;font-weight:600;letter-spacing:.5px;margin:0 0 12px;text-transform:uppercase}.dark .stat-card h3{color:#999}.stat-value{color:#000;font-size:32px;font-weight:800;margin:0}.dark .stat-value{color:#fff}.content-section{background:#fff;border:1px solid #e0e0e0;border-radius:12px;padding:24px}.dark .content-section{background:#1a1a1a;border-color:#333}.content-section h3{color:#000;font-size:18px;font-weight:700;margin:0 0 20px}.dark .content-section h3{color:#fff}.activity-list{display:flex;flex-direction:column;gap:16px}.activity-item{align-items:flex-start;border-radius:8px;display:flex;gap:16px;padding:12px;transition:all .2s ease}.activity-item:hover{background:#f9f9f9}.dark .activity-item:hover{background:#222}.activity-dot{background:#000;border-radius:50%;flex-shrink:0;height:8px;margin-top:6px;width:8px}.dark .activity-dot{background:#fff}.activity-title{color:#000;font-size:14px;font-weight:600;margin:0 0 4px}.dark .activity-title{color:#fff}.activity-time{color:#999;font-size:12px;margin:0}.placeholder-content{background:#fff;border-radius:12px;margin:24px;padding:48px;text-align:center}.dark .placeholder-content{background:#1a1a1a}.placeholder-content h2{color:#1a1a1a;font-size:28px;font-weight:700;margin:0 0 12px}.dark .placeholder-content h2{color:#fff}.placeholder-content p{color:#666;font-size:16px}.dark .placeholder-content p{color:#999}.mobile-bottom-nav{display:none}@media (max-width:768px){.mobile-bottom-nav{background:#fff;border-top:1px solid #e0e0e0;bottom:0;box-shadow:0 -2px 10px #0000001a;display:flex;left:0;padding:8px 0;position:fixed;right:0;z-index:1000}.dark .mobile-bottom-nav{background:#1a1a1a;border-top-color:#333}.mobile-nav-item{align-items:center;background:none;border:none;color:#666;cursor:pointer;display:flex;flex:1 1;flex-direction:column;gap:4px;padding:8px 4px;transition:all .2s}.dark .mobile-nav-item{color:#999}.mobile-nav-item.active{color:#000}.dark .mobile-nav-item.active{color:#fff}.mobile-nav-icon{font-size:20px}.mobile-nav-label{font-size:11px;font-weight:600}.dashboard-main{padding-bottom:70px}.dashboard-container{flex-direction:column}.sidebar{display:none}.sidebar-header{padding:16px}.brand-logo h2{font-size:20px}.user-avatar{height:40px;width:40px}.nav-item{padding:10px 16px}.nav-children{padding-left:40px}.content-wrapper,.vionex-promo{padding:16px}.welcome-section h2{font-size:24px}.stats-grid{gap:12px;grid-template-columns:1fr}.stat-card{padding:16px}.stat-value{font-size:24px}.content-section{padding:16px}.placeholder-content{margin:16px;padding:24px}}.invoice-container *{box-sizing:border-box;margin:0;padding:0}.invoice-container{background-color:#fff;color:#000;display:flex;font-family:PT Sans,Arial,sans-serif;justify-content:center;width:100%}.invoice-wrapper{background-color:#fff;box-shadow:0 0 10px #0000001a;margin:0 auto;min-height:297mm;padding:8mm 12mm;position:relative;width:210mm}.invoice-header{margin-bottom:8px;text-align:center}.invoice-header h1{font-size:22px;font-weight:700;margin-bottom:6px}.invoice-header h2{font-size:26px;font-weight:700;margin-bottom:6px}.invoice-header p{font-size:12px;line-height:1.5;margin-bottom:2px}.invoice-divider{border-bottom:2px solid #000;margin:10px 0}.invoice-details-section{grid-gap:25px;display:grid;gap:25px;grid-template-columns:1fr 1fr;margin-bottom:12px}.invoice-details-section>div{width:100%}.invoice-details-section p{font-size:12px;line-height:1.5;margin-bottom:6px}.invoice-table{border-collapse:collapse;margin-bottom:12px;width:100%}.invoice-table th{border-bottom:2px solid #000;font-size:12px;font-weight:700;padding:8px 6px;text-align:left}.invoice-table td:last-child,.invoice-table th:last-child{text-align:right}.invoice-table td{border-bottom:1px solid #000;font-size:12px;padding:8px 6px}.invoice-totals{margin-top:10px;width:100%}.invoice-total-row{font-size:13px;padding:5px 0}.invoice-final-total,.invoice-total-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr auto;margin-left:auto;width:300px}.invoice-final-total{border-top:2px solid #000;font-size:15px;font-weight:700;margin-top:8px;padding-top:8px}.invoice-amount-words{font-size:12px;font-style:italic;margin:12px 0 10px}.invoice-terms{font-size:12px;margin:8px 0}.invoice-company-name{font-size:13px;margin:15px 0 8px;text-align:right}.invoice-signatures{grid-gap:40px;display:grid;gap:40px;grid-template-columns:1fr 1fr;margin-bottom:12px}.invoice-signature-box{width:100%}.invoice-signature-space{margin-bottom:6px;min-height:80px}.invoice-signature-label{border-top:2px solid #000;font-size:12px;padding-top:8px;text-align:center}.invoice-payment-details{background-color:#fff;border:2px solid #000;border-radius:4px;margin-top:10px;padding:12px 15px}.invoice-payment-content{width:100%}.invoice-payment-content h3{font-size:14px;font-weight:700;margin-bottom:8px;text-align:left}.invoice-payment-info{text-align:right;width:100%}.invoice-payment-info p{font-size:12px;line-height:1.4;margin-bottom:4px}@media print{.invoice-wrapper{box-shadow:none;max-width:210mm;min-height:297mm;padding:8mm 12mm;width:210mm}.invoice-container{-webkit-print-color-adjust:exact;print-color-adjust:exact;width:100%}}.invoice-container canvas,.invoice-container img{image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}.invoice-details-section,.invoice-header,.invoice-payment-details,.invoice-signatures,.invoice-table,.invoice-totals{max-width:100%;width:100%}.bill-dialog-content{background:#fff;border-radius:12px;max-height:90vh;max-width:1200px;overflow-y:auto;width:95%}.dark .bill-dialog-content{background:#1a1a1a}.bill-dialog-header{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:24px}.dark .bill-dialog-header{border-bottom-color:#333}.bill-dialog-header h2{color:#1a1a1a;font-size:24px;margin:0}.dark .bill-dialog-header h2{color:#fff}.bill-form{padding:24px}.radio-group{display:flex;gap:20px;margin-top:8px}.radio-group label{align-items:center;cursor:pointer;display:flex;font-weight:400;gap:8px}.items-section{background:#f9f9f9;border-radius:8px;margin:24px 0;padding:20px}.dark .items-section{background:#2a2a2a}.items-section h3{color:#1a1a1a;margin:0 0 16px}.dark .items-section h3{color:#fff}.item-row{grid-gap:12px;align-items:center;display:grid;gap:12px;grid-template-columns:2fr 1fr 1fr 1fr auto;margin-bottom:12px}.item-row input{border:1px solid #e0e0e0;border-radius:6px;font-size:14px;padding:10px}.dark .item-row input{background:#1a1a1a;border-color:#444;color:#fff}.item-amount{color:#1a1a1a;font-weight:600}.dark .item-amount{color:#fff}.remove-item-btn{align-items:center;background:#dc3545;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:20px;height:32px;justify-content:center;width:32px}.add-item-btn{background:#000;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:600;margin-top:8px;padding:10px 20px}.dark .add-item-btn{background:#fff;color:#000}.charges-section{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr;margin:24px 0}.bill-summary{background:#f9f9f9;border-radius:8px;margin:24px 0;padding:20px}.dark .bill-summary{background:#2a2a2a}.summary-row{display:flex;font-size:14px;justify-content:space-between;padding:8px 0}.summary-row.total{border-top:2px solid #000;font-size:18px;font-weight:700;margin-top:12px;padding-top:12px}.dark .summary-row.total{border-top-color:#fff}.preview-btn{background:#007bff}.generate-btn,.preview-btn{border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:12px 24px}.generate-btn{background:#28a745}.generate-btn:disabled{cursor:not-allowed;opacity:.6}.preview-section{padding:24px}.preview-actions{border-top:2px solid #e0e0e0;display:flex;gap:12px;justify-content:center;margin-top:24px;padding-top:24px}.dark .preview-actions{border-top-color:#444}.back-btn{background:#6c757d;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:12px 24px}@media (max-width:768px){.bill-dialog-content{border-radius:0;max-height:100vh;max-width:100%;width:100%}.bill-dialog-header{padding:16px}.bill-dialog-header h2{font-size:20px}.bill-form{padding:16px}.radio-group{flex-direction:column;gap:12px}.items-section{padding:16px}.item-row{gap:8px;grid-template-columns:1fr}.remove-item-btn{border-radius:6px;height:40px;width:100%}.charges-section{grid-template-columns:1fr}.bill-summary{padding:16px}.form-actions{flex-direction:column}.form-actions button{width:100%}.preview-section{padding:16px}.preview-actions{flex-direction:column}.preview-actions button{width:100%}.preview-section .invoice-container,.preview-section .invoice-wrapper{min-width:210mm!important;transform:scale(1)!important;width:210mm!important}.preview-section{overflow-x:auto}}.account-map-container{background:#fff;border-radius:12px;flex:1 1;margin:24px;padding:32px}.dark .account-map-container{background:#1a1a1a}.account-map-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin-bottom:32px}.header-content h1{color:#1a1a1a;font-size:28px;font-weight:700;margin:0 0 8px}.dark .header-content h1{color:#fff}.header-subtitle{color:#666;font-size:14px;margin:0}.dark .header-subtitle{color:#999}.header-actions{gap:12px}.header-actions,.search-box{align-items:center;display:flex}.search-box{background:#fff;border:1px solid #e0e0e0;border-radius:8px;gap:8px;padding:8px 16px}.dark .search-box{background:#2a2a2a;border-color:#444}.search-icon{font-size:16px;opacity:.5}.search-box input{background:#0000;border:none;color:#1a1a1a;font-size:14px;min-width:200px;outline:none}.dark .search-box input{color:#fff}.search-box input::placeholder{color:#999}.toggle-view-btn{background:#fff;border:1px solid #e0e0e0;border-radius:8px;cursor:pointer;font-size:18px;padding:8px 12px;transition:all .2s}.dark .toggle-view-btn{background:#2a2a2a;border-color:#444;color:#fff}.toggle-view-btn:hover{background:#f5f5f5}.dark .toggle-view-btn:hover{background:#333}.add-account-btn{align-items:center;background:#000;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:10px 20px;transition:all .2s}.dark .add-account-btn{background:#fff;color:#000}.add-account-btn:hover{box-shadow:0 4px 12px #0003;transform:translateY(-2px)}.dark .add-account-btn:hover{box-shadow:0 4px 12px #fff3}.plus-icon{font-size:18px;font-weight:700}.account-table-wrapper{border:1px solid #e0e0e0;border-radius:8px;margin-bottom:20px;overflow-x:auto}.dark .account-table-wrapper{border-color:#333}.account-table{border-collapse:collapse;width:100%}.account-table thead{background:#f9f9f9;border-bottom:2px solid #e0e0e0}.dark .account-table thead{background:#2a2a2a;border-bottom-color:#444}.account-table th{color:#666;font-size:11px;font-weight:600;letter-spacing:.5px;padding:16px 20px;text-align:left;text-transform:uppercase}.dark .account-table th{color:#999}.account-table th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.sort-icon{font-size:10px;margin-left:4px;opacity:.3}.account-table th.sortable:hover .sort-icon{opacity:.7}.account-row{border-bottom:1px solid #f0f0f0;transition:background .15s}.dark .account-row{border-bottom-color:#2a2a2a}.account-row:hover{background:#f9f9f9}.dark .account-row:hover{background:#222}.account-table td{color:#1a1a1a;font-size:14px;padding:16px 20px}.dark .account-table td{color:#e0e0e0}.code-cell{color:#666;font-family:SF Mono,Monaco,Courier New,monospace;font-size:13px}.dark .code-cell{color:#999}.code-wrapper{gap:8px}.code-wrapper,.expand-btn{align-items:center;display:flex}.expand-btn{background:none;border:none;color:#999;cursor:pointer;font-size:10px;height:16px;justify-content:center;padding:4px;transition:all .2s;width:16px}.expand-btn:hover{color:#000}.dark .expand-btn:hover{color:#fff}.no-expand{display:inline-block;width:16px}.account-cell{font-weight:500}.category-cell{color:#666}.dark .category-cell{color:#999}.balance-cell{font-family:SF Mono,Monaco,Courier New,monospace;font-weight:600}.action-cell{text-align:center}.action-buttons{align-items:center;display:flex;gap:8px;justify-content:center}.action-btn{background:none;border:none;border-radius:4px;color:#999;cursor:pointer;font-size:18px;padding:6px 10px;transition:all .2s}.action-btn:hover{background:#f0f0f0;color:#1a1a1a;transform:scale(1.1)}.dark .action-btn:hover{background:#333;color:#fff}.edit-btn:hover{color:#007bff}.bill-btn-icon:hover{color:#28a745}.table-footer{justify-content:space-between;padding:16px 0}.rows-per-page,.table-footer{align-items:center;display:flex}.rows-per-page{color:#666;font-size:14px;gap:12px}.dark .rows-per-page{color:#999}.rows-per-page select{background:#fff;border:1px solid #e0e0e0;border-radius:6px;color:#1a1a1a;cursor:pointer;font-size:14px;padding:6px 12px}.dark .rows-per-page select{background:#2a2a2a;border-color:#444;color:#fff}.pagination{align-items:center;display:flex;gap:4px}.pagination button{background:#fff;border:1px solid #e0e0e0;border-radius:6px;color:#666;cursor:pointer;font-size:14px;min-width:36px;padding:8px 12px;transition:all .2s}.dark .pagination button{background:#2a2a2a;border-color:#444;color:#999}.pagination button:hover:not(:disabled){background:#f5f5f5;border-color:#ccc}.dark .pagination button:hover:not(:disabled){background:#333;border-color:#555}.pagination button.active{background:#000;border-color:#000;color:#fff}.dark .pagination button.active{background:#fff;border-color:#fff;color:#000}.pagination button:disabled{cursor:not-allowed;opacity:.3}.ellipsis{color:#999;padding:0 8px}.modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{background:#fff;border-radius:12px;max-height:90vh;max-width:500px;overflow-y:auto;width:90%}.dark .modal-content{background:#1a1a1a}.modal-header{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;margin-bottom:24px;padding:24px 24px 0}.dark .modal-header{border-bottom-color:#333}.modal-header h2{color:#1a1a1a;font-size:24px;font-weight:700;margin:0}.dark .modal-header h2{color:#fff}.close-btn{align-items:center;background:none;border:none;border-radius:50%;color:#999;cursor:pointer;display:flex;font-size:24px;height:32px;justify-content:center;padding:0;transition:all .2s;width:32px}.close-btn:hover{background:#f0f0f0;color:#1a1a1a}.dark .close-btn:hover{background:#333;color:#fff}.order-form{padding:0 24px 24px}.form-group{margin-bottom:20px}.form-group label{color:#1a1a1a;display:block;font-size:14px;font-weight:600;margin-bottom:8px}.dark .form-group label{color:#fff}.form-group input,.form-group textarea{background:#fff;border:1px solid #e0e0e0;border-radius:8px;box-sizing:border-box;color:#1a1a1a;font-size:14px;padding:12px 16px;transition:border-color .2s;width:100%}.dark .form-group input,.dark .form-group textarea{background:#2a2a2a;border-color:#444;color:#fff}.form-group input:focus,.form-group textarea:focus{border-color:#000;outline:none}.dark .form-group input:focus,.dark .form-group textarea:focus{border-color:#fff}.form-group textarea{min-height:80px;resize:vertical}.form-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:32px}.cancel-btn{background:#fff;border:1px solid #e0e0e0;border-radius:8px;color:#666;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all .2s}.dark .cancel-btn{background:#2a2a2a;border-color:#444;color:#999}.cancel-btn:hover{background:#f5f5f5;border-color:#ccc}.dark .cancel-btn:hover{background:#333;border-color:#555}.submit-btn{background:#000;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all .2s}.dark .submit-btn{background:#fff;color:#000}.submit-btn:hover{box-shadow:0 4px 12px #0003;transform:translateY(-2px)}.dark .submit-btn:hover{box-shadow:0 4px 12px #fff3}.status-badge{border-radius:20px;color:#fff;font-size:12px;font-weight:600;padding:4px 12px;text-transform:uppercase}.date-cell,.status-cell{font-size:13px}.autocomplete-wrapper{position:relative}.autocomplete-dropdown{background:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 4px 12px #0000001a;left:0;margin-top:4px;max-height:200px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:1000}.dark .autocomplete-dropdown{background:#2a2a2a;border-color:#444}.autocomplete-item{cursor:pointer;display:flex;flex-direction:column;gap:4px;padding:12px 16px;transition:background .2s}.autocomplete-item:hover{background:#f5f5f5}.dark .autocomplete-item:hover{background:#333}.autocomplete-item strong{color:#1a1a1a;font-size:14px}.dark .autocomplete-item strong{color:#fff}.autocomplete-item small{color:#666;font-size:12px}.dark .autocomplete-item small{color:#999}.products-section{border-top:1px solid #e0e0e0;margin-top:24px;padding-top:24px}.dark .products-section{border-top-color:#444}.products-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.products-header label{color:#1a1a1a;font-size:16px;font-weight:600}.dark .products-header label{color:#fff}.add-product-btn{background:#000;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:13px;font-weight:600;padding:8px 16px;transition:all .2s}.dark .add-product-btn{background:#fff;color:#000}.add-product-btn:hover{box-shadow:0 2px 8px #0003;transform:translateY(-1px)}.product-row{background:#f9f9f9;border-radius:8px;margin-bottom:12px;padding:16px}.dark .product-row{background:#2a2a2a}.product-details{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr auto;margin-top:12px}.remove-product-btn{align-items:center;background:#dc3545;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:20px;height:36px;justify-content:center;margin-top:24px;transition:all .2s;width:36px}.remove-product-btn:hover{background:#c82333;transform:scale(1.1)}.expand-wrapper{align-items:center;display:flex;gap:8px}.account-row{cursor:pointer}.order-details-row{background:#f9f9f9}.dark .order-details-row{background:#2a2a2a}.order-details{padding:24px}.details-section{background:#fff;border:1px solid #e0e0e0;border-radius:8px;margin-bottom:24px;padding:16px}.dark .details-section{background:#1a1a1a;border-color:#444}.details-section h4{border-bottom:2px solid #000;color:#1a1a1a;font-size:16px;font-weight:600;margin:0 0 16px;padding-bottom:8px}.dark .details-section h4{border-bottom-color:#fff;color:#fff}.details-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr)}.detail-item{background:#f9f9f9;border-radius:4px;font-size:14px;padding:8px}.dark .detail-item{background:#2a2a2a}.detail-item strong{color:#666;margin-right:8px}.dark .detail-item strong{color:#999}.products-table{border-collapse:collapse;margin-top:12px;width:100%}.products-table td,.products-table th{border-bottom:1px solid #e0e0e0;padding:12px;text-align:left}.dark .products-table td,.dark .products-table th{border-bottom-color:#444}.products-table th{background:#f9f9f9;color:#666;font-size:13px;font-weight:600}.dark .products-table th{background:#2a2a2a;color:#999}.products-table tfoot td{border-top:2px solid #000;font-size:16px;padding-top:16px}.dark .products-table tfoot td{border-top-color:#fff}.status-actions{align-items:center;display:flex;gap:12px;margin-bottom:16px}.status-actions label{color:#1a1a1a;font-weight:600}.dark .status-actions label{color:#fff}.status-actions select{background:#fff;border:1px solid #e0e0e0;border-radius:6px;color:#1a1a1a;cursor:pointer;font-size:14px;padding:8px 16px}.dark .status-actions select{background:#2a2a2a;border-color:#444;color:#fff}.comments-section{display:flex;flex-direction:column;gap:8px}.comments-section label{color:#1a1a1a;font-weight:600}.dark .comments-section label{color:#fff}.comments-section textarea{background:#fff;border:1px solid #e0e0e0;border-radius:6px;box-sizing:border-box;color:#1a1a1a;font-size:14px;min-height:80px;padding:12px;resize:vertical;width:100%}.dark .comments-section textarea{background:#2a2a2a;border-color:#444;color:#fff}.details-actions{display:flex;gap:12px;justify-content:flex-end}.bill-btn{align-items:center;background:#28a745;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 24px;transition:all .2s}.bill-btn:hover{background:#218838;box-shadow:0 4px 12px #28a7454d;transform:translateY(-2px)}@media (max-width:768px){.account-map-container{margin:16px;padding:16px}.account-map-header{align-items:stretch;flex-direction:column}.header-content h1{font-size:24px}.header-actions{flex-direction:column;width:100%}.search-box{width:100%}.search-box input{min-width:auto;width:100%}.add-account-btn{justify-content:center;width:100%}.account-table-wrapper{overflow-x:scroll}.account-table{min-width:600px}.table-footer{align-items:stretch;flex-direction:column;gap:16px}.pagination{flex-wrap:wrap;justify-content:center}.modal-content{max-width:none;width:95%}.modal-header{padding:16px}.order-form{padding:0 16px 16px}.form-actions{flex-direction:column}.form-actions button{width:100%}.product-details{grid-template-columns:1fr}.remove-product-btn{margin-top:8px;width:100%}.details-grid{grid-template-columns:1fr}.products-table{font-size:12px}.products-table td,.products-table th{padding:8px}.status-actions{align-items:stretch;flex-direction:column}.status-actions select{width:100%}.details-actions{flex-direction:column}.bill-btn{justify-content:center;width:100%}}.customers-container{background:#fff;border-radius:12px;flex:1 1;margin:24px;padding:32px}.dark .customers-container{background:#1a1a1a}.customers-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:32px}.customers-header h1{color:#1a1a1a;font-size:28px;font-weight:700;margin:0 0 8px}.add-btn,.dark .customers-header h1{color:#fff}.add-btn{align-items:center;background:#000;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:10px 20px;transition:all .2s}.dark .add-btn{background:#fff;color:#000}.customers-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.customer-card{background:#f9f9f9;border:1px solid #e0e0e0;border-radius:8px;padding:20px}.dark .customer-card{background:#2a2a2a;border-color:#444}.customer-card h3{color:#1a1a1a;margin:0 0 12px}.dark .customer-card h3{color:#fff}.customer-card p{color:#666;font-size:14px;margin:8px 0}.dark .customer-card p{color:#999}.customer-form{padding:0 24px 24px}@media (max-width:768px){.customers-container{margin:16px;padding:16px}.customers-header{align-items:stretch;flex-direction:column;gap:16px}.customers-header h1{font-size:24px}.add-btn{justify-content:center;width:100%}.customers-grid{grid-template-columns:1fr}}
/*# sourceMappingURL=main.ce6dfd93.css.map*/