body{margin:0;font-family:Arial,sans-serif}.container{display:flex;height:100vh;overflow:hidden}.sidebar{width:250px;background:#2c3e50;color:#fff;padding:20px;overflow-y:auto;flex-shrink:0}.sidebar ul li.active{background:#1abc9c;color:#fff;font-weight:700}.sidebar ul li ul li.active{background:#16a085}.sidebar h2{margin-bottom:20px;font-size:1.5rem;text-align:center}.sidebar img{display:block;margin:0 auto 20px}.sidebar ul{list-style:none;padding:0}.sidebar ul li{padding:10px;cursor:pointer;border-radius:4px;transition:background .3s ease}.sidebar ul li:hover{background:#34495e}.sidebar ul li ul{margin-left:20px;margin-top:5px;display:none}.sidebar ul li:hover ul{display:block}.sidebar ul li ul li{padding:8px;background:#3b4a5f;border-radius:4px;margin:4px 0}.sidebar ul li ul li:hover{background:#4a5f77}.content{flex:1;padding:20px;background:#f5f5f5;overflow-y:auto}.add-client-btn{background-color:#5a87b1;color:#fff;border:none;padding:8px 15px;font-size:14px;cursor:pointer;border-radius:5px;transition:.3s}.styled-table td{padding:10px;border:1px solid #ddd}.add-telerad-form{margin:0 auto;padding:20px;background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a}.add-telerad-form{margin:0 auto;padding:20px;background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;max-height:90vh;overflow-y:auto}.add-telerad-form::-webkit-scrollbar{width:8px}.add-telerad-form::-webkit-scrollbar-thumb{background:#2c3e50;border-radius:4px}.add-telerad-form::-webkit-scrollbar-track{background:#ecf0f1}.password-input-wrapper{position:relative;width:100%}.password-toggle-icon{position:absolute;right:10px;top:50%;transform:translateY(-50%);cursor:pointer;color:#999;z-index:10}.password-toggle-icon:hover{color:#333}.add-invoice-btn{background-color:#5a87b1!important;color:#fff!important;border:none!important;padding:8px 15px!important;font-size:14px!important;cursor:pointer!important;border-radius:5px!important;transition:.3s!important;box-shadow:none!important;text-transform:none!important;font-weight:400!important}.add-invoice-btn:hover{background-color:#4a76a8!important}.add-telerad-form{margin:0 auto;padding:20px;background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;max-width:100%}.form-group .ant-select{width:100%}.form-group .ant-select-selector{min-height:42px!important;padding:4px 8px!important;border-radius:4px!important;font-size:16px;align-items:center}.form-group .ant-select-selection-overflow{align-items:center}.form-group .ant-select-selection-item{height:28px;line-height:26px;margin-top:2px}.form-group .ant-select-selection-search-input{height:28px;line-height:28px}.add-telerad-form h2{text-align:center;margin-bottom:20px;color:#2c3e50}.form-group{margin-bottom:15px}.form-group label{display:block;margin-bottom:5px;font-weight:700;color:#34495e}.form-group input,.form-group select{width:100%;padding:10px;border:1px solid #ccc;border-radius:4px;font-size:16px}.form-group input[type=checkbox]{width:auto;margin-right:10px}.error{color:#e74c3c;font-size:14px;margin-top:5px;display:block}.submit-button{width:100%;padding:10px;background:#2c3e50;color:#fff;border:none;border-radius:4px;font-size:16px;cursor:pointer}.submit-button:hover{background:#34495e}.invoice-table-wrapper{max-height:60vh;overflow-y:auto;overflow-x:auto}.invoice-table{width:100%;border-collapse:collapse;font-size:13px;table-layout:fixed;box-shadow:0 2px 10px #0000001a}.invoice-table th,.invoice-table td{padding:10px 12px;text-align:center;border:1px solid #ddd}.invoice-table thead th{position:sticky;top:0;background-color:#5a87b1;color:#fff;z-index:1;border-bottom:2px solid #ddd}.invoice-table tbody tr:nth-child(2n){background-color:#e8f0f5}.invoice-table tbody tr:nth-child(odd){background-color:#fff}.invoice-table tbody tr:hover{background-color:#d0e4f1}.truncate-cell{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:120px;display:block;margin:0 auto}.ant-select-dropdown,.ant-picker-dropdown{z-index:9999!important}.table-container{width:80%;margin:auto;padding:20px}.table-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.table-scroll-wrapper{max-height:70vh;overflow-y:auto;overflow-x:hidden;border:1px solid #ddd}.header{font-size:small}.styled-table thead th{position:sticky;top:0;z-index:2}.table-title{font-size:20px;color:#333}.add-client-btn{background-color:#5a87b1;color:#fff;border:none;padding:8px 15px;font-size:14px;cursor:pointer;border-radius:5px;transition:.3s;margin:3px}.add-client-btn:hover{background-color:#4a76a8}.styled-table{width:100%;border-collapse:collapse;box-shadow:0 2px 10px #0000001a}.styled-table th{background-color:#5a87b1;color:#fff;padding:12px;text-align:left}.styled-table td{padding:10px;border:1px solid #ddd;font-size:smaller}.styled-table tr.even{background-color:#e8f0f5}.styled-table tr.odd{background-color:#fff}.styled-table tr:hover{background-color:#d0e4f1}.truncate-text{display:inline-block;vertical-align:bottom;max-width:150px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.truncate-text-email{display:inline-block;vertical-align:bottom;max-width:180px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.truncate-text-date{display:inline-block;vertical-align:bottom;max-width:140px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.truncate-text-license{display:inline-block;vertical-align:bottom;max-width:120px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.modal-header-title{color:#1890ff;font-weight:700;font-size:18px}.form-label{display:block;margin-bottom:4px}.req{color:red}.form-input-full{width:100%}.form-input-mb{width:100%;margin-bottom:16px}.form-input-mb-lg{width:100%;margin-bottom:24px}.section-container{margin-bottom:24px;padding:16px;border:1px solid #eee;border-radius:8px}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.section-title{margin:0}.product-row{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:16px;padding-bottom:16px;align-items:flex-start}.product-row-border{border-bottom:1px dashed #d9d9d9}.product-col-lg{flex:1 1 180px}.product-col-sm{flex:1 1 100px}.product-col-md{flex:1 1 140px}.user-row{display:flex;gap:8px;margin-bottom:8px;align-items:flex-start}.flex-1{flex:1}.remove-btn-wrapper{padding-top:28px}.remove-btn-container{width:100%;display:flex;justify-content:flex-end;margin-top:-8px}.modal-footer{display:flex;justify-content:flex-end;margin-top:24px}.cancel-btn{margin-right:10px}.action-icon{cursor:pointer;font-size:16px}.edit-icon{color:#1890ff;margin-right:12px}.delete-icon{color:#ff4d4f}.mis-container{padding:20px;max-height:calc(100vh - 40px);overflow-y:auto}.date-range-container{display:flex;gap:20px;margin:20px 0;align-items:flex-end}.date-input{display:flex;flex-direction:column;gap:5px}.date-input label{font-weight:600}.date-input input{padding:8px;border:1px solid #ddd;border-radius:4px}.generate-btn{padding:8px 20px;background-color:#1890ff;color:#fff;border:none;border-radius:4px;cursor:pointer;height:fit-content}.generate-btn:disabled{background-color:#d9d9d9;cursor:not-allowed}.error-message{color:#ff4d4f;margin:10px 0;padding:10px;background-color:#fff2f0;border-radius:4px}.stats-results{margin-top:30px;overflow-x:auto}.stats-card{margin:15px 0;padding:15px;border:1px solid #e8e8e8;border-radius:4px;background-color:#fafafa}.stats-card h4{margin-bottom:10px;color:#1890ff}.stats-card pre{background-color:#fff;padding:10px;border-radius:4px;overflow-x:auto;font-size:12px}.stats-table-wrapper{overflow-x:auto}.stats-table{width:100%;border-collapse:collapse;margin-top:10px}.stats-table th,.stats-table td{border:1px solid #e8e8e8;padding:8px 12px;text-align:left;max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stats-table th:first-child,.stats-table td:first-child{text-align:center;width:60px;max-width:60px}.stats-table th{background-color:#f0f0f0;font-weight:600}.stats-table tr:nth-child(2n){background-color:#fafafa}.significant-positive{background-color:#b7eb8f!important;outline:1px solid #52c41a}.significant-negative{background-color:#ffb3b3!important;outline:1px solid #ff4d4f}.total-row{background-color:#e6f7ff;font-weight:700}.total-row td{border-top:2px solid #1890ff}.error{color:#ff4d4f}.positive-diff{color:#52c41a;font-weight:600}.negative-diff{color:#ff4d4f;font-weight:600}.print-btn{padding:8px 20px;background-color:#52c41a;color:#fff;border:none;border-radius:4px;cursor:pointer;margin-bottom:15px}.print-btn:hover{background-color:#389e0d}.action-buttons{display:flex;gap:10px;margin-bottom:15px}.csv-btn{padding:8px 20px;background-color:#fa8c16;color:#fff;border:none;border-radius:4px;cursor:pointer}.csv-btn:hover{background-color:#d46b08}@media print{body *{visibility:hidden}.stats-results,.stats-results *{visibility:visible}.stats-results{position:absolute;left:0;top:0;width:100%}.print-btn,.date-range-container,.error-message,h2{display:none}.stats-table{width:100%;font-size:7px;border-collapse:collapse;table-layout:fixed}.stats-table th,.stats-table td{padding:1px 3px;white-space:normal;border:.5px solid #ccc;line-height:1.2}.stats-table th:first-child,.stats-table td:first-child{width:25px;max-width:25px}.total-row{background-color:#e6f7ff!important;-webkit-print-color-adjust:exact;font-weight:700}.significant-positive{background-color:#b7eb8f!important;-webkit-print-color-adjust:exact}.significant-negative{background-color:#ffb3b3!important;-webkit-print-color-adjust:exact}@page{size:A4 portrait;margin:5mm}h3{font-size:9px;margin:0 0 3px}}.stats-container{padding:10px}.stats-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.stats-header h2{font-size:20px;margin:0}.stats-live{color:#22c55e;font-size:13px;font-weight:600}.stats-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px;margin-bottom:20px}.stats-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:16px}.stats-card h4{margin:0 0 10px;font-size:14px}.card-label{font-size:12px;color:#6b7280;text-transform:uppercase;margin-bottom:4px}.card-value{font-size:24px;font-weight:700}.card-sub{font-size:11px;color:#9ca3af;margin-top:2px}.stats-bar{height:6px;background:#e5e7eb;border-radius:3px;margin:8px 0 4px;overflow:hidden}.stats-bar-fill{height:100%;background:#6c63ff;border-radius:3px}.section-title{font-size:15px;font-weight:600;margin:20px 0 10px;padding-left:10px;border-left:3px solid #6c63ff}.stats-table-wrap{background:#fff;border:1px solid #e5e7eb;border-radius:8px;overflow-x:auto;margin-bottom:16px}.stats-table{width:100%;border-collapse:collapse;font-size:13px;table-layout:fixed}.stats-table td,.stats-table th{word-break:break-word}.stats-table th:first-child,.stats-table td:first-child{width:35%}.stats-table th{text-align:left;padding:10px 12px;color:#6b7280;font-size:11px;text-transform:uppercase;border-bottom:1px solid #e5e7eb}.stats-table td{padding:10px 12px;border-bottom:1px solid #f3f4f6}.stats-table tr:hover td{background:#f9fafb}.mono{font-family:monospace;font-size:11px}.empty-row{text-align:center;color:#9ca3af}.badge{display:inline-block;padding:2px 8px;border-radius:4px;font-size:11px;font-weight:600}.badge-green{background:#dcfce7;color:#16a34a}.badge-amber{background:#fef9c3;color:#ca8a04}.badge-red{background:#fee2e2;color:#dc2626}.stats-events-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:20px}.events-list{max-height:240px;overflow-y:auto}.event-row{display:flex;align-items:center;gap:10px;padding:6px 0;font-size:12px;border-bottom:1px solid #f3f4f6}.event-time{color:#9ca3af;min-width:70px;font-family:monospace}.muted{color:#9ca3af}.stats-loading{padding:40px;text-align:center;color:#6b7280}.stats-error{padding:16px;background:#fee2e2;color:#dc2626;border-radius:8px;margin:10px}.login-container{display:flex;height:100vh;background-color:#cce6ff}.password-wrapper{position:relative;width:100%}.password-toggle{position:absolute;right:16px;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;height:100%;cursor:pointer;font-size:18px;color:#666}.login-box{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:40px;text-align:center}.logo{font-size:24px;font-weight:700}h2{font-size:28px;text-align:left}form{width:100%;max-width:400px}label{display:block;font-size:16px;margin-bottom:5px;font-weight:500}input{width:100%;padding:10px;border:1px solid #ccc;border-radius:5px;font-size:16px}.form-group{display:flex;flex-direction:column;align-items:flex-start;width:100%;margin-bottom:15px}.form-group label{height:44px;padding:0 44px 0 14px;line-height:44px;border-radius:25px;box-sizing:border-box}.form-group input{width:100%;padding:8px;border:1px solid #ccc;border-radius:25px}.forgot-password{color:#007bff;cursor:pointer;text-align:left;margin-bottom:15px}.sign-in-btn{width:30%;padding:12px;background-color:#007bff;color:#000;border:none;border-radius:15px;font-size:18px;cursor:pointer;transition:.3s}.sign-in-btn:hover{background-color:#0056b3}.footer{font-size:14px;margin-top:20px;color:#333;font-weight:700;display:flex;justify-content:center;gap:15px}.image-box{flex:1;display:flex;align-items:center;justify-content:center;overflow:hidden}.image-box img{width:100%;height:auto;object-fit:cover;border-radius:20px}.login-box img{width:160px;height:auto;display:block;margin:0 auto 10px}