:root{--sidebar-width:250px;--topbar-height:auto;--transition-speed:0.3s;--fs-xs:0.75rem;--fs-sm:0.8125rem;--fs-base:1rem;--fs-lg:1.125rem;--fs-xl:1.25rem;--fs-2xl:1.5rem;--fs-3xl:1.875rem;--fw-light:300;--fw-normal:400;--fw-medium:500;--fw-semibold:600;--fw-bold:700;--lh-tight:1.25;--lh-normal:1.5;--lh-relaxed:1.75;--color-primary:#3B82F6;--color-primary-dark:#1D4ED8;--color-success:#10B981;--color-warning:#F59E0B;--color-danger:#EF4444;--color-dark:#1F2937;--color-light:#F8FAFC}*{margin:0;padding:0;box-sizing:border-box}html{margin-top:0px!important}body>*:not(.dashboard-wrapper):not(.auth-container):not(.select2-container){display:none!important;visibility:hidden!important;opacity:0!important;height:0!important;width:0!important;overflow:hidden!important;position:absolute!important;z-index:-9999!important;pointer-events:none!important}.dashboard-wrapper,.auth-container{display:block!important;visibility:visible!important;opacity:1!important;height:auto!important;width:100%!important;position:relative!important;z-index:1!important}body{margin:0!important;padding:0!important;background:#fff!important;overflow:auto!important;position:static!important}.expense-details-enhanced{padding:.25rem}.expense-details-enhanced .info-card{background:#fff;border-radius:8px;padding:.75rem 1rem;margin:.25rem;border:1px solid #e9ecef;box-shadow:0 1px 3px rgb(0 0 0 / .05);transition:all 0.2s ease;height:auto;min-height:85px;display:flex;flex-direction:column;justify-content:center}.expense-details-enhanced .info-card:hover{transform:translateY(-2px);box-shadow:0 3px 8px rgb(0 0 0 / .08)}.expense-details-enhanced .info-label{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.3px;color:#6c757d;margin-bottom:.25rem;line-height:1.2}.expense-details-enhanced .info-value{font-size:.95rem;font-weight:500;color:#212529;line-height:1.3;margin-top:auto}.expense-details-enhanced .total-card{background:linear-gradient(135deg,#28a745 0%,#20c997 100%);color:#fff;border:none;padding:.75rem 1rem}.expense-details-enhanced .total-card .info-label{color:rgb(255 255 255 / .9);font-size:.7rem}.expense-details-enhanced .total-card .info-value{color:#fff;font-size:1.1rem;font-weight:600}.expense-details-enhanced .total-amount{font-size:1.1rem;font-weight:600}.expense-details-enhanced .category-badge{display:inline-block;padding:.3rem .75rem;border-radius:50px;color:#fff;font-weight:500;font-size:.8rem;box-shadow:0 1px 2px rgb(0 0 0 / .1);line-height:1.2}.expense-details-enhanced .status-badge{display:inline-block;padding:.3rem .75rem;border-radius:50px;font-weight:500;font-size:.8rem;line-height:1.2}.expense-details-enhanced .description-card{min-height:70px}.expense-details-enhanced .description-text{line-height:1.4;color:#495057;font-size:.9rem;margin:0;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.expense-details-enhanced .amount-card,.expense-details-enhanced .tax-card{min-height:80px}.expense-details-enhanced .row{margin:-.25rem}.expense-details-enhanced .row>[class*="col-"]{padding:.25rem}#viewExpenseModal .modal-body{max-height:70vh;overflow-y:auto;padding:.5rem}@media (max-width:768px){.expense-details-enhanced .info-card{padding:.5rem .75rem;min-height:75px;margin:.15rem}.expense-details-enhanced .info-label{font-size:.65rem;margin-bottom:.15rem}.expense-details-enhanced .info-value{font-size:.85rem}.expense-details-enhanced .category-badge,.expense-details-enhanced .status-badge{padding:.2rem .5rem;font-size:.75rem}.expense-details-enhanced .total-card .info-value{font-size:1rem}.expense-details-enhanced .description-text{font-size:.85rem;-webkit-line-clamp:3}}@media (max-height:600px){.expense-details-enhanced .info-card{min-height:70px;padding:.5rem .75rem}.expense-details-enhanced .info-label{font-size:.6rem}.expense-details-enhanced .info-value{font-size:.8rem}#viewExpenseModal .modal-body{max-height:60vh;padding:.25rem}}.expense-details-enhanced.compact .info-card{padding:.5rem .75rem;min-height:65px;margin:.15rem;border-radius:6px}.expense-details-enhanced.compact .info-label{font-size:.65rem;margin-bottom:.15rem}.expense-details-enhanced.compact .info-value{font-size:.85rem}.expense-details-enhanced.compact .category-badge,.expense-details-enhanced.compact .status-badge{padding:.15rem .5rem;font-size:.75rem}#viewExpenseModal .expense-details-enhanced .row>div{animation:fadeInUp 0.3s ease forwards;opacity:0;transform:translateY(8px)}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}#viewExpenseModal .expense-details-enhanced .row>div:nth-child(1){animation-delay:0.05s}#viewExpenseModal .expense-details-enhanced .row>div:nth-child(2){animation-delay:0.1s}#viewExpenseModal .expense-details-enhanced .row>div:nth-child(3){animation-delay:0.15s}#viewExpenseModal .expense-details-enhanced .row>div:nth-child(4){animation-delay:0.2s}#viewExpenseModal .expense-details-enhanced .row>div:nth-child(5){animation-delay:0.25s}#viewExpenseModal .expense-details-enhanced .row>div:nth-child(6){animation-delay:0.3s}#viewExpenseModal .expense-details-enhanced .row>div:nth-child(7){animation-delay:0.35s}#viewExpenseModal .expense-details-enhanced .row>div:nth-child(8){animation-delay:0.4s}#viewExpenseModal .expense-details-enhanced .row>div:nth-child(9){animation-delay:0.45s}#viewExpenseModal .expense-details-enhanced .row>div:nth-child(10){animation-delay:0.5s}#viewExpenseModal .expense-details-enhanced .row>div:nth-child(11){animation-delay:0.55s}body{font-size:var(--fs-sm);line-height:var(--lh-normal);font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;font-weight:var(--fw-normal);color:#374151;background-color:#f8f9fa;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;transition:background-color var(--transition-speed) ease,color var(--transition-speed) ease}h1,.h1{font-size:var(--fs-3xl);font-weight:var(--fw-bold);line-height:var(--lh-tight);color:#111827}h2,.h2{font-size:var(--fs-2xl);font-weight:var(--fw-semibold);line-height:var(--lh-tight);color:#111827}h3,.h3{font-size:var(--fs-xl);font-weight:var(--fw-semibold);line-height:var(--lh-tight);color:#111827}h4,.h4{font-size:var(--fs-lg);font-weight:var(--fw-semibold);line-height:var(--lh-tight);color:#111827}h5,.h5{font-size:var(--fs-base);font-weight:var(--fw-semibold);line-height:var(--lh-normal);color:#111827}h6,.h6{font-size:var(--fs-sm);font-weight:var(--fw-semibold);line-height:var(--lh-normal);color:#6B7280;text-transform:uppercase;letter-spacing:.05em}.dashboard-wrapper{display:flex;min-height:100vh}.sidebar{width:var(--sidebar-width);height:100vh;position:fixed;left:0;top:0;z-index:1000;transition:transform var(--transition-speed) ease;background:var(--bs-dark)}.sidebar-header{background:rgb(0 0 0 / .2);padding:1rem}.logo-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center}.sidebar-nav .nav-link{border-radius:8px;margin-bottom:4px;transition:all 0.3s ease;border:none;font-size:var(--fs-sm);font-weight:var(--fw-medium);padding:.75rem 1rem;color:rgb(255 255 255 / .8)}.sidebar-nav .nav-link:hover,.sidebar-nav .nav-link.active{background:rgb(255 255 255 / .1);transform:translateX(5px);color:#fff}.sidebar-nav .nav-link.active{background:rgb(59 130 246 / .2);border-left:3px solid var(--color-primary)}.main-content{flex:1;margin-left:var(--sidebar-width);transition:margin-left var(--transition-speed) ease;min-height:100vh}.top-bar{position:sticky;top:0;z-index:999;height:var(--topbar-height);background:#fff;border-bottom:1px solid #e9ecef;backdrop-filter:blur(10px)}.card{border:none;border-radius:12px;box-shadow:0 1px 3px rgb(0 0 0 / .1);transition:all 0.3s ease;background:#fff}.card:hover{box-shadow:0 8px 25px rgb(0 0 0 / .1);transform:translateY(-2px)}.card-header{background:#fff0;border-bottom:1px solid #f1f5f9;padding:1.25rem 1.5rem}.card-title{font-size:var(--fs-base);font-weight:var(--fw-semibold);color:#111827;margin-bottom:.5rem}.card-subtitle{font-size:var(--fs-sm);font-weight:var(--fw-normal);color:#6B7280}.stats-card{border:none;border-radius:12px;transition:transform 0.3s ease,box-shadow 0.3s ease;overflow:hidden}.stats-card:hover{transform:translateY(-5px);box-shadow:0 10px 25px rgb(0 0 0 / .15)}.stats-card .card-title{font-size:var(--fs-xs);font-weight:var(--fw-medium);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem;color:rgb(255 255 255 / .9)}.stats-card h4{font-size:var(--fs-2xl);font-weight:var(--fw-bold);margin-bottom:0;color:#fff}.stats-icon{opacity:.8;font-size:1.5rem}.table{font-size:var(--fs-xs);margin-bottom:0}.table th{font-weight:var(--fw-semibold);color:#374151;font-size:var(--fs-sm);text-transform:uppercase;letter-spacing:.05em;border-bottom:2px solid #E5E7EB;white-space:nowrap;padding:1rem;background:#f8fafc}.table td{font-size:var(--fs-xs);padding:1rem;border-color:#f1f5f9;vertical-align:middle;transition:background-color 0.2s ease}.table.largetext td{font-size:var(--fs-sm)}.table tbody tr:hover td{background-color:#f8fafc}.table-responsive{border-radius:8px;overflow:hidden}.table th{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px}.dashboard-wrapper .select2-container--default .select2-selection--single{border:1px solid #d1d5db;border-radius:8px;padding:.65rem 1rem;height:auto}.dashboard-wrapper .select2-container--default .select2-selection--single .select2-selection__rendered{font-size:var(--fs-sm);padding:0;line-height:1.5}.dashboard-wrapper .select2-container--default .select2-selection--single .select2-selection__arrow{height:100%;right:10px}.form-label{font-size:var(--fs-sm);font-weight:var(--fw-medium);color:#374151;margin-bottom:.5rem}.form-control,.form-select{font-size:var(--fs-sm);border:1px solid #d1d5db;border-radius:8px;padding:.65rem 1rem;transition:all 0.2s ease}.form-control:focus,.form-select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px rgb(59 130 246 / .1);outline:none}.btn{font-size:var(--fs-sm);font-weight:var(--fw-medium);padding:.75rem 1.5rem;border-radius:8px;transition:all 0.3s ease;border:none;position:relative;overflow:hidden}.btn:active{transform:translateY(1px)}.btn-primary{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);border:none}.btn-primary:hover{background:linear-gradient(135deg,var(--color-primary-dark) 0%,#1e40af 100%);transform:translateY(-1px);box-shadow:0 4px 12px rgb(59 130 246 / .3)}.btn-sm{font-size:var(--fs-xs);padding:.5rem 1rem}.btn-lg{font-size:var(--fs-base);padding:1rem 2rem}.nav-link{font-size:var(--fs-sm);font-weight:var(--fw-medium);color:#6B7280;transition:all 0.15s ease-in-out;border:none}.nav-link:hover,.nav-link.active{color:#111827}.badge{font-size:var(--fs-xs);font-weight:var(--fw-medium);padding:.375rem .75rem;border-radius:6px}.dropdown-menu{font-size:var(--fs-sm);border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 10px 25px rgb(0 0 0 / .1);padding:.5rem}.dropdown-item{font-size:var(--fs-sm);padding:.75rem 1rem;border-radius:6px;transition:all 0.2s ease}.dropdown-item:hover{background-color:#f1f5f9}.pagination .page-link{font-size:var(--fs-sm);padding:.75rem 1rem;border:1px solid #e5e7eb;color:#6B7280;transition:all 0.2s ease}.pagination .page-link:hover{background-color:#f1f5f9;border-color:#d1d5db}.pagination .page-item.active .page-link{background:var(--color-primary);border-color:var(--color-primary)}.text-muted{color:#6B7280!important}.text-small{font-size:var(--fs-xs)}.text-lead{font-size:var(--fs-lg);font-weight:var(--fw-normal);line-height:var(--lh-relaxed)}.loading{opacity:.7;pointer-events:none;position:relative}.loading::after{content:'';position:absolute;top:50%;left:50%;width:20px;height:20px;margin:-10px 0 0 -10px;border:2px solid #fff;border-radius:50%;border-top-color:#fff0;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.btn:focus-visible,.form-control:focus-visible,.form-select:focus-visible,.nav-link:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.skip-link{position:absolute;top:-40px;left:6px;background:#000;color:#fff;padding:8px 12px;z-index:10000;text-decoration:none;border-radius:4px;font-size:var(--fs-sm)}.skip-link:focus{top:6px}body.fullscreen .sidebar{transform:translateX(-100%)}body.fullscreen .main-content{margin-left:0}[data-bs-theme="dark"]{color-scheme:dark;--bs-body-bg:#1a1d23;--bs-body-color:#e9ecef}[data-bs-theme="dark"] body{color:#e9ecef;background-color:#1a1d23}[data-bs-theme="dark"] .card{background:#2d3035;border-color:#3d4046}[data-bs-theme="dark"] .card-header{background:rgb(255 255 255 / .02);border-color:#3d4046}[data-bs-theme="dark"] .top-bar{background:#2d3035;border-color:#3d4046}[data-bs-theme="dark"] .card-title,[data-bs-theme="dark"] h1,[data-bs-theme="dark"] h2,[data-bs-theme="dark"] h3,[data-bs-theme="dark"] h4,[data-bs-theme="dark"] h5,[data-bs-theme="dark"] h6{color:#f9fafb}[data-bs-theme="dark"] .text-muted{color:#9ca3af!important}[data-bs-theme="dark"] .table{color:#e9ecef}[data-bs-theme="dark"] .table th{background:#374151;border-color:#4b5563;color:#f9fafb}[data-bs-theme="dark"] .table td{border-color:#374151;background:#2d3035}[data-bs-theme="dark"] .table tbody tr:hover td{background-color:#374151}[data-bs-theme="dark"] .form-control,[data-bs-theme="dark"] .form-select{background:#374151;border-color:#4b5563;color:#f9fafb}[data-bs-theme="dark"] .form-control:focus,[data-bs-theme="dark"] .form-select:focus{background:#374151;border-color:var(--color-primary);color:#f9fafb}.bg-grey{background-color:#ededed!important}.sidebar-header img{width:100%;height:auto;max-height:47px;object-fit:contain;display:block}.auth-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);padding:1rem}.auth-card{border:none;border-radius:1rem;box-shadow:0 20px 40px rgb(0 0 0 / .1);backdrop-filter:blur(10px);background:rgb(255 255 255 / .95)}.auth-logo{width:auto;height:80px;margin:0 auto 1.5rem;display:flex;align-items:center;justify-content:center}.auth-logo .shoplogo{height:80px;width:auto}.auth-tabs .nav-link{border:none;padding:1rem 1.5rem;color:var(--bs-secondary);font-weight:var(--fw-medium)}.auth-tabs .nav-link.active{background:#fff0;color:var(--bs-primary);border-bottom:2px solid var(--bs-primary)}.time-log-widget{border-radius:12px;margin-bottom:1.5rem}.widget-header{border-bottom:1px solid var(--bs-border-color);padding:1rem 1.25rem;background:rgb(0 0 0 / .02)}.widget-body{padding:1.25rem}.time-entry{border-left:4px solid var(--bs-primary);padding-left:1rem;margin-bottom:1rem;background:var(--bs-light);border-radius:8px;padding:1rem}.time-entry.active{border-left-color:var(--bs-success);background:rgb(25 135 84 / .05)}.time-entry.paused{border-left-color:var(--bs-warning);background:rgb(255 193 7 / .05)}.timer-display{font-family:'Courier New',monospace;font-size:1.5rem;font-weight:700;color:var(--bs-primary)}.stats-card{border-radius:12px;transition:transform 0.2s ease}.stats-card:hover{transform:translateY(-2px)}.time-chart{height:300px}.log-table th{border-top:none;font-weight:600;color:var(--bs-secondary)}.btn-timer{width:100px;font-weight:600}@media (max-width:768px){.sidebar{transform:translateX(-100%)}.sidebar.show{transform:translateX(0)}.main-content{margin-left:0}.stats-card .display-6{font-size:2rem}.table-responsive table,.table-responsive thead,.table-responsive tbody,.table-responsive th,.table-responsive td,.table-responsive tr{display:block}.table-responsive thead tr{position:absolute;top:-9999px;left:-9999px}.table-responsive tr{border:1px solid #e5e7eb;margin-bottom:1rem;padding:1rem;border-radius:8px;background:#fff}.table-responsive td{border:none;position:relative;padding:.75rem .5rem .75rem 50%;white-space:normal;text-align:left;border-bottom:1px solid #f1f5f9}.table-responsive td:before{content:attr(data-label);position:absolute;left:.5rem;width:45%;padding-right:.5rem;white-space:nowrap;font-weight:var(--fw-semibold);color:#6b7280;font-size:var(--fs-xs)}.table-responsive td:last-child{border-bottom:none}[data-bs-theme="dark"] .table-responsive tr{background:#374151;border-color:#4b5563}[data-bs-theme="dark"] .table-responsive td{border-color:#4b5563}[data-bs-theme="dark"] .table-responsive td:before{color:#9ca3af}}@media print{.sidebar,.top-bar,.btn{display:none!important}.main-content{margin-left:0!important}.card{box-shadow:none!important;border:1px solid #ddd!important}}.job-widget{border-radius:12px;margin-bottom:1.5rem}.widget-header{border-bottom:1px solid var(--bs-border-color);padding:1rem 1.25rem;background:rgb(0 0 0 / .02)}.widget-body{padding:1.25rem}.job-totals{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;border-radius:12px}.status-badge{font-size:.875rem;padding:.5rem 1rem}.timeline{position:relative;padding-left:2rem}.timeline::before{content:'';position:absolute;left:11px;top:0;bottom:0;width:2px;background:var(--bs-border-color)}.timeline-item{position:relative;margin-bottom:1.5rem}.timeline-item::before{content:'';position:absolute;left:-2rem;top:.25rem;width:12px;height:12px;border-radius:50%;background:var(--bs-primary);border:2px solid #fff}.file-attachment{border:1px solid var(--bs-border-color);border-radius:8px;padding:.75rem;margin-bottom:.5rem}.part-item,.service-item{border-left:3px solid var(--bs-primary);padding-left:1rem;margin-bottom:1rem}table.wcrb_payment_table tr td{width:50%}.wcrb_payment_table td span{float:right}.wcrb_the_payment_note label{display:block}.wcrb_the_payment_note textarea{margin-bottom:0}.wcrb_the_payment_note,.wcrb_the_payment_date,.wcrb_the_payment_payment{background-color:#f7f7f7;border:1px solid #ededed;padding:15px;margin:15px 0;border-radius:5px}.wcrb_the_payment_date input,.wcrb_the_payment_payment input[type="number"]{margin-bottom:0}#wc_rb_modal_takePayment input{height:30px!important}.orange-bg{background-color:#fd6742!important;color:#FFF!important}.blue-bg{background-color:#063e70!important;color:#FFF!important}.grey-bg{background-color:#f7f7f7;width:100%}.wcrb_the_payment_info table td{padding:.65rem 1rem}.form-table{width:100%}.form-table label{display:block}.form-table td{padding:.5rem}.jobAttachments{background-color:#FFF;border:1px solid #ededed;padding:15px;margin:15px 0;border-radius:10px}.jobAttachments img{width:40px;height:auto;margin:0 15px}#jobsTable_list{overflow:visible!important}#jobsTable_list .table-responsive{overflow:visible!important}#jobsTable_list .dropdown-menu{position:fixed!important;z-index:1060!important}