.login-container{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;height:100vh;justify-content:center}.login-box{background:#fff;border-radius:8px;box-shadow:0 10px 25px #0003;max-width:400px;padding:40px;width:100%}.login-box h1{color:#333;font-size:28px;font-weight:700;margin-bottom:8px;text-align:center}.login-box .tagline{color:#999;font-size:13px;letter-spacing:.5px;margin-bottom:30px;text-align:center;text-transform:uppercase}.form-group label{font-weight:500}.form-group input{border-radius:4px;padding:10px 12px;transition:border-color .3s}.form-group input:disabled{background:#f9f9f9}.password-wrapper{align-items:center;display:flex;position:relative}.password-wrapper input{padding-right:40px;width:100%}.toggle-password{align-items:center;display:flex;justify-content:center;right:10px}button[type=submit]{background:#667eea;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:12px;transition:background .3s;width:100%}button[type=submit]:hover:not(:disabled){background:#5568d3}button[type=submit]:disabled{cursor:not-allowed;opacity:.6}@media (max-width:480px){.login-box{max-width:100%;padding:30px 20px}.login-box h1{font-size:24px}}.signup-container{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh;padding:20px}.signup-box{background:#fff;border-radius:12px;box-shadow:0 15px 35px #0003;max-width:450px;padding:40px;width:100%}.signup-box h1{color:#333;font-size:28px;margin-bottom:8px;text-align:center}.signup-box .subtitle{color:#666;font-size:14px;margin-bottom:30px;text-align:center}.contact-toggle{border-bottom:2px solid #f0f0f0;display:flex;gap:10px;margin-bottom:30px;padding-bottom:0}.toggle-btn{background:#0000;border:none;border-bottom:3px solid #0000;color:#999;cursor:pointer;flex:1 1;font-size:14px;font-weight:600;margin-bottom:-2px;padding:12px 16px;transition:all .3s}.toggle-btn:hover{color:#667eea}.toggle-btn.active{border-bottom-color:#667eea;color:#667eea}.demo-note{color:#999;font-size:12px;margin-top:15px;text-align:center}@media (max-width:480px){.signup-box{padding:30px 20px}.signup-box h1{font-size:24px}.contact-toggle{margin-bottom:25px}.toggle-btn{font-size:13px;padding:10px 12px}}.verify-otp-container{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh;padding:20px}.verify-otp-box{background:#fff;border-radius:12px;box-shadow:0 15px 35px #0003;max-width:450px;padding:40px;width:100%}.verify-otp-box h1{color:#333;font-size:28px;margin-bottom:8px;text-align:center}.verify-otp-box .subtitle{color:#666;font-size:14px;margin-bottom:30px;text-align:center}.form-group{margin-bottom:25px}.otp-input{background:#f9f9f9;border:2px solid #ddd;border-radius:8px;font-family:Courier New,monospace;font-size:32px;font-weight:600;letter-spacing:10px;padding:16px;text-align:center;transition:all .3s;width:100%}.otp-input:focus{background:#fff;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.otp-input:disabled{background:#f0f0f0;color:#999;cursor:not-allowed}.timer-info{background:#f0f7ff;border-radius:6px;color:#333;font-size:14px;margin-bottom:20px;padding:12px;text-align:center}.timer-info strong{color:#667eea;font-size:16px}.timer-info .expired{color:#e74c3c;font-weight:600}.submit-btn{margin-bottom:15px}.resend-section{border-top:1px solid #f0f0f0;padding:20px 0;text-align:center}.resend-section p{color:#666;font-size:14px;margin-bottom:10px}.resend-btn{background:#fff;border:2px solid #667eea;border-radius:6px;color:#667eea;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .3s}.resend-btn:hover:not(:disabled){background:#667eea;color:#fff}.resend-btn:disabled{cursor:not-allowed;opacity:.6}.edit-contact{margin-top:20px;text-align:center}.edit-btn{background:none;border:none;color:#667eea;cursor:pointer;font-size:14px;font-weight:600;text-decoration:underline;transition:color .3s}.edit-btn:hover{color:#5568d3}@media (max-width:480px){.verify-otp-box{padding:30px 20px}.verify-otp-box h1{font-size:24px}.otp-input{font-size:28px;letter-spacing:8px}}.complete-signup-container{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh;padding:20px}.complete-signup-box{background:#fff;border-radius:12px;box-shadow:0 15px 35px #0003;max-width:480px;padding:40px;width:100%}.complete-signup-box h1{color:#333;font-size:28px;margin-bottom:8px;text-align:center}.complete-signup-box .subtitle{color:#666;font-size:14px;margin-bottom:30px;text-align:center}.form-group{margin-bottom:20px}.form-group label{color:#555;display:block;font-size:14px;margin-bottom:8px}.form-group input{background:#f9f9f9;border:1px solid #ddd;border-radius:6px;font-size:14px;padding:12px;transition:all .3s;width:100%}.form-group input:focus{background:#fff;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.form-group input:disabled{background:#f0f0f0;color:#999;cursor:not-allowed}.password-input-wrapper{align-items:center;display:flex;position:relative}.password-input-wrapper input{padding-right:40px;width:100%}.toggle-password{background:none;border:none;cursor:pointer;font-size:18px;padding:5px;position:absolute;right:12px}.password-strength{margin-top:8px}.strength-bar{background:#f0f0f0;border-radius:2px;height:4px;margin-bottom:6px;overflow:hidden}.strength-fill{background:#e74c3c;height:100%;transition:all .3s}.password-strength.fair .strength-fill{background:#f39c12;width:40%}.password-strength.good .strength-fill{background:#f1c40f;width:60%}.password-strength.strong .strength-fill{background:#27ae60;width:80%}.password-strength .strength-text{color:#666;font-size:12px}.form-group.checkbox{align-items:center;display:flex;gap:10px;margin-bottom:25px}.form-group.checkbox input[type=checkbox]{accent-color:#667eea;cursor:pointer;height:18px;margin:0;width:18px}.form-group.checkbox label{cursor:pointer;font-size:13px;font-weight:400;margin:0}.form-group.checkbox a{color:#667eea;text-decoration:none}.form-group.checkbox a:hover{text-decoration:underline}.error-message{background:#fadbd8;border-left:4px solid #e74c3c;color:#e74c3c}.error-message,.success-message{border-radius:6px;font-size:14px;margin-bottom:15px;padding:12px}.success-message{background:#d5f4e6;border-left:4px solid #27ae60;color:#27ae60}.submit-btn{background:#667eea;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;margin-top:10px;padding:13px;transition:all .3s;width:100%}.submit-btn:hover:not(:disabled){background:#5568d3;box-shadow:0 5px 15px #667eea66;transform:translateY(-2px)}.submit-btn:disabled{cursor:not-allowed;opacity:.6}.auth-footer{border-top:1px solid #f0f0f0;margin-top:25px;padding-top:20px;text-align:center}.auth-footer p{color:#666;font-size:14px;margin-bottom:8px}.auth-footer a{color:#667eea;font-weight:600;text-decoration:none;transition:color .3s}.auth-footer a:hover{color:#5568d3;text-decoration:underline}@media (max-width:480px){.complete-signup-box{padding:30px 20px}.complete-signup-box h1{font-size:24px}}.dash-loading{align-items:center;color:#888;display:flex;font-size:15px;height:200px;justify-content:center}.kpi-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(4,1fr);margin-bottom:24px}.kpi-card{background:#fff;border:1px solid #eee;border-radius:10px;box-shadow:0 1px 3px #0000000f;padding:20px}.kpi-top{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.kpi-label{color:#888;font-size:12.5px;font-weight:600;letter-spacing:.4px;text-transform:uppercase}.kpi-icon{font-size:22px}.kpi-value{font-size:26px;font-weight:700;line-height:1;margin-bottom:4px}.kpi-sub{color:#aaa;font-size:12px}.dash-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 360px}.section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.section-header h3{color:#1a2332;font-size:15px;font-weight:700;margin:0}.section-count{background:#f5f5f5;border-radius:10px;color:#aaa;font-size:12px;padding:2px 8px}.quick-actions{display:flex;flex-direction:column;gap:8px}.quick-action-btn{align-items:center;background:#fafbff;border:1px solid #eef0f8;border-radius:8px;cursor:pointer;display:flex;gap:12px;padding:12px 14px;text-align:left;transition:all .2s;width:100%}.quick-action-btn:hover{background:#fff;border-color:var(--action-color);box-shadow:0 2px 8px #0000000f;transform:translateX(2px)}.qa-icon{font-size:18px;text-align:center;width:24px}.qa-label{color:#333;flex:1 1;font-size:13.5px;font-weight:500}.qa-arrow{color:#ccc;font-size:14px;transition:color .2s}.quick-action-btn:hover .qa-arrow{color:var(--action-color)}@media (max-width:1100px){.kpi-grid{grid-template-columns:repeat(2,1fr)}.dash-grid{grid-template-columns:1fr}}@media (max-width:600px){.kpi-grid{grid-template-columns:1fr}}.invoice-table-wrap{overflow-x:auto}.invoice-lines input,.invoice-lines select{border:1px solid #ddd;border-radius:4px;font-size:13px;padding:6px 8px;width:100%}.invoice-totals{margin-left:auto;margin-top:16px;width:320px}.totals-row{border-bottom:1px solid #f0f0f0;color:#555;display:flex;font-size:13.5px;justify-content:space-between;padding:6px 0}.totals-row.grand{border-bottom:none;color:#1a2332;font-size:16px;font-weight:700;padding-top:10px}.layout{background:#f0f2f5;height:100vh}.layout,.sidebar{display:flex;overflow:hidden}.sidebar{background:#1a2332;flex-direction:column;flex-shrink:0;transition:width .25s ease;width:240px}.layout.collapsed .sidebar{width:60px}.sidebar-header{border-bottom:1px solid #ffffff14;justify-content:space-between;min-height:64px;padding:18px 16px}.sidebar-header,.sidebar-logo{align-items:center;display:flex}.sidebar-logo{gap:10px;overflow:hidden}.logo-icon{align-items:center;background:#667eea;border-radius:8px;display:flex;flex-shrink:0;font-size:16px;height:32px;justify-content:center;width:32px}.logo-icon,.logo-text{color:#fff;font-weight:700}.logo-text{font-size:14px;letter-spacing:.3px;white-space:nowrap}.collapse-btn{align-items:center;background:none;border:1px solid #ffffff26;border-radius:4px;color:#fff9;cursor:pointer;display:flex;flex-shrink:0;font-size:14px;height:24px;justify-content:center;transition:all .2s;width:24px}.collapse-btn:hover{background:#ffffff1a;color:#fff}.sidebar-nav{flex:1 1;overflow-y:auto;padding:12px 8px}.sidebar-bottom{border-top:1px solid #ffffff14;padding:8px 8px 16px}.nav-item{align-items:center;border-radius:8px;color:#fff9;display:flex;font-size:13.5px;font-weight:500;gap:10px;margin-bottom:2px;overflow:hidden;padding:10px 12px;text-decoration:none;transition:all .15s;white-space:nowrap}.nav-item:hover{background:#ffffff12;color:#ffffffe6}.nav-item.active{background:#667eea;color:#fff}.nav-icon{flex-shrink:0;font-size:16px;text-align:center;width:20px}.main-area,.nav-label{overflow:hidden}.main-area{display:flex;flex:1 1;flex-direction:column}.top-header{align-items:center;background:#fff;border-bottom:1px solid #e8eaed;display:flex;flex-shrink:0;height:64px;justify-content:space-between;padding:0 24px}.header-left .header-company{color:#333;font-size:15px;font-weight:600;margin:0}.header-right{gap:16px}.header-right,.header-user{align-items:center;display:flex}.header-user{gap:10px}.user-avatar{align-items:center;background:#667eea;border-radius:50%;color:#fff;display:flex;font-size:14px;font-weight:700;height:34px;justify-content:center;width:34px}.user-info{display:flex;flex-direction:column;line-height:1.3}.user-name{color:#333;font-size:13px;font-weight:600}.user-role{color:#999;font-size:11px;text-transform:capitalize}.logout-btn{background:none;border:1px solid #ddd;border-radius:6px;color:#666;cursor:pointer;font-size:13px;padding:6px 14px;transition:all .2s}.logout-btn:hover{border-color:#e74c3c;color:#e74c3c}.page-content{flex:1 1;overflow-y:auto;padding:24px}.page-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.page-title{color:#1a2332;font-size:22px;font-weight:700;margin:0}.page-subtitle{color:#888;font-size:13px;margin:4px 0 0}.btn-primary{background:#667eea;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:13.5px;font-weight:600;padding:9px 18px;transition:background .2s}.btn-primary:hover{background:#5568d3}.btn-secondary{background:#fff;border:1px solid #ddd;border-radius:6px;color:#555;cursor:pointer;font-size:13.5px;font-weight:500;padding:8px 16px;transition:all .2s}.btn-secondary:hover{border-color:#999;color:#333}.btn-danger{background:none;border:1px solid #e74c3c;border-radius:6px;color:#e74c3c;cursor:pointer;font-size:12.5px;padding:6px 12px;transition:all .2s}.btn-danger:hover{background:#e74c3c;color:#fff}.card{background:#fff;border:1px solid #eee;border-radius:10px;box-shadow:0 1px 3px #0000000f;padding:20px}.data-table{border-collapse:collapse;font-size:13.5px;width:100%}.data-table th{background:#f8f9fa;border-bottom:1px solid #eee;color:#888;font-size:12px;font-weight:600;letter-spacing:.4px;padding:10px 14px;text-align:left;text-transform:uppercase}.data-table td{border-bottom:1px solid #f5f5f5;color:#333;padding:12px 14px;vertical-align:middle}.data-table tr:last-child td{border-bottom:none}.data-table tr:hover td{background:#fafbff}.badge{border-radius:12px;display:inline-block;font-size:11.5px;font-weight:600;padding:3px 8px}.badge-customer{background:#e8f4fd;color:#2980b9}.badge-supplier{background:#eafaf1;color:#27ae60}.badge-both{background:#fef9e7;color:#f39c12}.badge-paid{background:#eafaf1;color:#27ae60}.badge-partial{background:#fff7ed;color:#ea580c}.badge-unpaid{background:#fef9e7;color:#f39c12}.badge-overdue{background:#fdedec;color:#e74c3c}.badge-partial{background:#f5eef8;color:#8e44ad}.form-panel{background:#fff;border:1px solid #eee;border-radius:10px;box-shadow:0 1px 3px #0000000f;margin-bottom:24px;padding:24px}.form-panel h3{border-bottom:1px solid #f0f0f0;color:#1a2332;font-size:16px;font-weight:700;margin:0 0 20px;padding-bottom:12px}.form-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.form-group{display:flex;flex-direction:column;gap:6px}.form-group.full-width{grid-column:1/-1}.form-group label{color:#666;font-size:12px;font-weight:600;letter-spacing:.3px;text-transform:uppercase}.form-group input,.form-group select,.form-group textarea{background:#fff;border:1px solid #ddd;border-radius:6px;color:#333;font-size:13.5px;padding:9px 12px;transition:border-color .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.form-actions{border-top:1px solid #f0f0f0;display:flex;gap:10px;margin-top:20px;padding-top:16px}.search-bar{align-items:center;display:flex;gap:12px;margin-bottom:16px}.search-input{border:1px solid #ddd;border-radius:6px;flex:1 1;font-size:13.5px;padding:9px 14px}.search-input:focus{border-color:#667eea;outline:none}.filter-tabs{border-bottom:2px solid #f0f0f0;display:flex;gap:4px;margin-bottom:16px}.filter-tab{background:none;border:none;border-bottom:2px solid #0000;color:#888;cursor:pointer;font-size:13.5px;font-weight:500;margin-bottom:-2px;padding:8px 16px;transition:all .2s}.filter-tab.active{border-bottom-color:#667eea;color:#667eea}.empty-state{color:#aaa;padding:60px 20px;text-align:center}.empty-state p{font-size:14px;margin:8px 0 0}.alert{border-radius:6px;font-size:13.5px;margin-bottom:16px;padding:12px 16px}.alert-error{background:#fdedec;border-left:4px solid #e74c3c;color:#c0392b}.alert-success{background:#eafaf1;border-left:4px solid #27ae60;color:#1e8449}@media (max-width:768px){.sidebar{width:60px}.logo-text,.nav-label{display:none}.page-content{padding:16px}}*{box-sizing:border-box;margin:0;padding:0}body{background-color:#f5f5f5;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.loading-container{align-items:center;display:flex;flex-direction:column;gap:20px;height:100vh;justify-content:center}.spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#3498db;height:40px;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}
/*# sourceMappingURL=main.5896b400.css.map*/