.loading-container{display:flex;justify-content:center;align-items:center;min-height:20vh;width:100%}.loading-pulse-wrapper{position:relative;display:flex;justify-content:center;align-items:center;border-radius:50%;padding:20px}.loading-logo{width:80px;height:80px;object-fit:contain;z-index:2;position:relative}.pulse-ring{position:absolute;width:60px;height:60px;border-radius:50%;z-index:1;background:transparent;animation:glow 1.5s infinite cubic-bezier(.66,0,0,1)}@keyframes glow{0%{box-shadow:0 0 20px 0 var(--pulse-color);opacity:.15}10%{box-shadow:0 0 25px 5px var(--pulse-color);opacity:.3}20%{box-shadow:0 0 30px 10px var(--pulse-color);opacity:.45}30%{box-shadow:0 0 35px 15px var(--pulse-color);opacity:.6}40%{box-shadow:0 0 40px 25px var(--pulse-color);opacity:.75}50%{box-shadow:0 0 50px 30px var(--pulse-color);opacity:.9}60%{box-shadow:0 0 45px 25px var(--pulse-color);opacity:.75}70%{box-shadow:0 0 40px 20px var(--pulse-color);opacity:.6}80%{box-shadow:0 0 35px 15px var(--pulse-color);opacity:.45}90%{box-shadow:0 0 30px 10px var(--pulse-color);opacity:.3}to{box-shadow:0 0 20px 0 var(--pulse-color);opacity:.15}}.notification-container{position:fixed;transform:translate(-50%);top:20px;left:50%;padding:.5rem .75rem;border:1px solid black;border-radius:25px;color:#fff;font-size:1rem;line-height:1;display:flex;align-items:center;justify-content:space-between;box-shadow:0 4px 12px #00000026;z-index:1000;min-width:300px;max-width:90%;animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.notification-container.success{color:#15803d;border-color:#bbf7d0;background-color:#f0fdf4}.notification-container.success .notification-close-btn{color:#15803d}.notification-container.error{color:#b91c1c;background-color:#fef2f2;border-color:#fecaca}.notification-container.error .notification-close-btn{color:#b91c1c}.notification-container.info{color:#1d4ed8;background-color:#eff6ff;border-color:#bfdbfe}.notification-container.info .notification-close-btn{color:#1d4ed8}.notification-message{flex-grow:1}.notification-close-btn{display:flex;align-items:center!important;justify-content:center;background:none;border:none;font-size:1.5rem;line-height:1;cursor:pointer;margin-left:15px;opacity:.8;height:24px;width:24px}.notification-close-btn:hover{opacity:1}.announcements-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0f172a66;z-index:9999;display:flex;justify-content:flex-end}.announcements-drawer{width:400px;max-width:100vw;background-color:#fff;height:100vh;display:flex;flex-direction:column;box-shadow:-4px 0 15px #0000001a;animation:slideInRight .3s ease-out forwards}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}.announcements-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;border-bottom:1px solid #e2e8f0}.announcements-header-title{display:flex;align-items:center;gap:.75rem}.announcements-header-title h2{margin:0;font-size:1.25rem;font-weight:600;color:#0f172a}.unread-badge{background-color:#ef4444;color:#fff;font-size:.75rem;font-weight:600;padding:.125rem .5rem;border-radius:9999px}.announcements-header-actions{display:flex;align-items:center;gap:1rem}.mark-all-btn{background:none;border:none;color:#3b82f6;font-size:.875rem;font-weight:500;cursor:pointer}.mark-all-btn:hover{text-decoration:underline}.close-drawer-btn{background:none;border:none;color:#64748b;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:.25rem;border-radius:4px}.close-drawer-btn:hover{background-color:#f1f5f9;color:#0f172a}.announcements-body{flex:1;overflow-y:auto;background-color:#f8fafc;padding:1.5rem}.announcements-empty{text-align:center;color:#64748b;margin-top:2rem;font-size:.875rem}.announcements-list{display:flex;flex-direction:column;gap:1rem}.announcement-card{background-color:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:1.25rem;transition:all .2s}.announcement-card.unread{border-left:4px solid #3b82f6;cursor:pointer}.announcement-card.unread:hover{box-shadow:0 4px 6px -1px #0000001a}.announcement-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.announcement-type{font-size:.75rem;font-weight:600;color:#3b82f6;text-transform:uppercase;letter-spacing:.05em}.announcement-date{font-size:.75rem;color:#94a3b8}.announcement-title{margin:0 0 .75rem;font-size:1rem;font-weight:600;color:#0f172a}.announcement-content{font-size:.875rem;color:#475569;line-height:1.5}.announcement-content p{margin-top:0;margin-bottom:.75rem}.announcement-content p:last-child{margin-bottom:0}.announcement-content a{color:#3b82f6;text-decoration:none}.announcement-content a:hover{text-decoration:underline}.sidebar-announcements-btn{display:flex;align-items:center;padding:.75rem 1rem;margin:0 .5rem .5rem;border-radius:8px;cursor:pointer;color:#475569;transition:all .2s ease}.sidebar-announcements-btn:hover{background-color:#f1f5f9;color:#0f172a}.sidebar-announcements-btn.collapsed{justify-content:center;padding:.75rem 0}.bell-wrapper{position:relative;display:flex;align-items:center;justify-content:center}.bell-notification-dot{position:absolute;top:-2px;right:-2px;width:8px;height:8px;background-color:#ef4444;border-radius:50%;border:2px solid #ffffff}.announcements-btn-text{margin-left:1rem;display:flex;align-items:center;justify-content:space-between;width:100%;font-size:.875rem;font-weight:500}.bell-unread-pill{background-color:#ef4444;color:#fff;font-size:.7rem;font-weight:600;padding:2px 6px;border-radius:12px}.sidebar{position:fixed;left:0;top:0;bottom:0;display:flex;flex-direction:column;height:100vh;width:100%;max-width:255px;border-right:1px solid #e2e8f0;background-color:#fff;transition:max-width .2s ease,transform .2s ease;z-index:1000}.sidebar.collapsed{max-width:60px}.sidebar.collapsed .sidebar-footer{background-color:#fff}.sidebar.collapsed .company-info,.sidebar.collapsed .sign-out-btn-label,.sidebar.collapsed .user-name,.sidebar.collapsed .user-menu-chevron{display:none}.sidebar.collapsed .user-info{justify-content:center;padding:.5rem 0}.sidebar-header{position:relative;display:flex;align-items:center;justify-content:space-between;height:64px;padding:1rem}.company-info{display:flex;align-items:center;gap:.75rem}.company-logo{height:32px;width:32px}.company-name{font-weight:600}.sidebar-btn{height:40px;width:40px;display:flex;align-items:center;justify-content:end}.sidebar.collapsed .sidebar-header{justify-content:center}.hamburger{display:flex;gap:.25rem;align-items:center}.hamburger:hover{cursor:pointer}.hamburger-arrow{height:100%}.sidebar.collapsed .hamburger-arrow.rotated{transform:rotate(180deg)}.sidebar.collapsed .nav-item{justify-content:center;padding:.5rem}.sidebar.collapsed .sidebar-body{padding-left:.5rem;padding-right:.5rem}.sidebar.collapsed .nav-text{display:none}.ham-menu{height:16px;width:26px;display:grid;grid-template-columns:1fr}.hamburger span{height:4px;width:100%;background-color:#000;position:relative}.hamburger span:nth-child(1){top:0}.hamburger span:nth-child(2){top:50%}.hamburger span:nth-child(3){top:100%}.sidebar-body{padding:1rem .75rem;display:grid;gap:4px;grid-template-columns:1fr;border-top:1px solid #e2e8f0;flex:1;overflow-y:auto;overflow-x:hidden;align-content:start}.sidebar-body::-webkit-scrollbar{width:6px}.sidebar-body::-webkit-scrollbar-track{background:transparent}.sidebar-body::-webkit-scrollbar-thumb{background-color:#cbd5e1;border-radius:10px}.nav-item{padding:.5rem 1rem;font-size:.875rem;line-height:1.25rem;border-radius:calc(.5rem - 2px);color:#000;text-decoration:none;font-weight:600;display:flex;align-items:center;gap:.5rem}.nav-item:hover{cursor:pointer;background-color:#f1f5f9}.nav-badge{margin-left:auto;background-color:#ef4444;color:#fff;font-size:.65rem;font-weight:700;line-height:1;min-width:18px;height:18px;border-radius:9px;padding:0 5px;display:flex;align-items:center;justify-content:center}.sidebar.collapsed .nav-badge{display:none}.nav-item.active{background-color:#1dbf73}.sidebar-footer{position:relative;width:100%;border-top:1px solid #e2e8f0;background-color:#f9fafb;padding:1rem;flex-shrink:0}.clickable-user-info{cursor:pointer;padding:.5rem;border-radius:8px;transition:background-color .2s ease;margin-bottom:0;justify-content:space-between}.clickable-user-info:hover{background-color:#f1f5f9}.user-info{display:flex;flex-grow:1;gap:.75rem;align-items:center;margin-bottom:.75rem}.user-image{font-size:.75rem;line-height:1rem;background-color:#e1eaf2;display:flex;align-items:center;justify-content:center;border-radius:100%;padding:.5rem}.user-name{flex-grow:1;overflow:hidden}.user-name .name{color:#111827;font-size:.875rem;line-height:1.25rem;white-space:nowrap;font-weight:600}.user-name .email{color:#6b7280;font-size:.75rem;line-height:1rem;white-space:nowrap}.user-menu-chevron{color:#64748b;display:flex;align-items:center}.profile-dropdown-menu{position:absolute;bottom:calc(100% + .5rem);left:1rem;right:1rem;background-color:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;padding:.5rem;z-index:2010}.profile-dropdown-item{display:flex;align-items:center;gap:.75rem;padding:.5rem .75rem;color:#0f172a;text-decoration:none;border-radius:6px;font-size:.875rem;font-weight:500;transition:background-color .2s ease}.profile-dropdown-item:hover{background-color:#f1f5f9}.profile-dropdown-item.text-red{color:#dc2626}.profile-dropdown-item.text-red:hover{background-color:#fef2f2}.profile-dropdown-divider{height:1px;background-color:#e2e8f0;margin:.25rem 0}.sidebar.collapsed .profile-dropdown-menu{left:.5rem;right:auto;width:180px}.sign-out-btn{width:100%}.sidebar.collapsed .sign-out-btn{border:none}.sign-out-svg{width:1rem;height:1rem;flex-shrink:0}.user-email{font-size:.7rem}.sidebar-timeclock{padding:1rem;border-bottom:1px solid #e2e8f0;display:flex;flex-direction:column;gap:.75rem}.sidebar-timeclock.collapsed{padding:1rem 0;align-items:center}.timeclock-btn{width:100%;display:flex;justify-content:center;align-items:center;gap:.5rem}.clock-in-btn{background-color:#16a34a;border-color:#16a34a}.clock-in-btn:hover{background-color:#15803d}.active-shift-container{display:flex;flex-direction:column;gap:.75rem;width:100%}.shift-status{display:flex;align-items:center;gap:.5rem;font-weight:600;font-size:.875rem;color:#0f172a}.status-dot{height:10px;width:10px;border-radius:50%}.status-dot.active{background-color:#16a34a;box-shadow:0 0 5px #16a34a}.status-dot.break{background-color:#ca8a04;box-shadow:0 0 5px #ca8a04}.shift-actions{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;width:100%}.timeclock-action-btn{padding:.35rem 0;font-size:.75rem;height:auto}@media (max-width: 768px){.sidebar{transform:translate(-100%)}.sidebar.collapsed{max-width:255px}.sidebar.mobile-open{transform:translate(0);box-shadow:4px 0 15px #0000001a}}*{margin:0;padding:0;box-sizing:border-box;font-family:ui-sans-serif,system-ui,sans-serif}main{display:flex}body{overflow:hidden;background-color:#f9fafb}.app-container{display:flex;flex-direction:column;height:100vh}.main-layout{display:flex;flex:1;position:relative}.main-content{position:relative;width:100%;height:100vh;padding:1.5rem;overflow-y:auto;margin-left:255px;transition:margin-left .2s ease}.main-content.collapsed{margin-left:60px}.mobile-header{display:flex;align-items:center;height:60px;background-color:#fff;border-bottom:1px solid #e2e8f0;padding:0 1rem;position:fixed;top:0;width:100%;z-index:500}.mobile-menu-btn{background:none;border:none;cursor:pointer;margin-right:1rem;display:flex;align-items:center;color:#111827}.mobile-header-title{font-weight:600;font-size:1.125rem;color:#111827}.mobile-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;z-index:900;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}@media (max-width: 768px){.main-content{margin-left:0!important;padding-top:calc(1.5rem + 60px)}main.sidebar-open:after{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;z-index:999}}@media (min-width: 768px) and (max-width: 1023px){.main-content{margin-left:60px}}.page-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:1.5rem}.page-title{letter-spacing:-.025em;font-weight:700;font-size:1.5rem;line-height:2rem}.page-subtitle{color:#64748b}.header-btns{display:flex;gap:.5rem;align-items:center}.btn{display:flex;justify-content:center;align-items:center;gap:.5rem;height:2.25rem;color:#fff;font-size:.875rem;line-height:1.25rem;padding:.5rem 1rem;background-color:#0f172a;border:1px solid #0f172a;border-radius:8px;text-decoration:none}.secondary-btn{color:#020817;background-color:#fff;border:1px solid #e2e8f0}.btn:hover{background-color:#0f172ae6;cursor:pointer}.secondary-btn:hover{background-color:#f1f5f9}.cancel-btn{background-color:#fff;color:#000;border:1px solid #D9D9D9}.danger-btn{background-color:#ef4444;color:#fff;border:1px solid #ef4444}.danger-btn:hover{background-color:#dc2626;cursor:pointer}.table-btn{background-color:transparent;border:none;padding:0 .75rem}.table-container{overflow-x:auto;border:1px solid #e2e8f0;border-radius:8px}table,thead,tbody{background-color:#fff;width:100%;text-align:left;border-collapse:separate;border-spacing:0;font-size:.875rem;line-height:1.25rem;caption-side:bottom;text-indent:0;z-index:1}table{border-radius:8px 8px 0 0}th{color:#64748b;font-weight:500;height:3rem;padding:0 1rem}th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}th.sortable span{margin-left:8px;color:#64748b}th,td{padding:.75rem;border:none;border-bottom:1px solid #e2e8f0;white-space:nowrap}tbody td:first-of-type{font-weight:700}tr:last-child td{border-bottom:none}thead th:last-of-type,tbody td:last-of-type{text-align:end}.table-item:hover{background-color:#f1f5f980;border:none;cursor:pointer}.status-wrapper{display:inline-flex;align-items:center}.status{background-color:#f9fafb;color:#0f172a;font-weight:600;font-size:.75rem;line-height:1rem;padding:.125rem .625rem;border-radius:10px;border:1px solid #e5e7eb;display:flex;justify-content:center;align-items:center}.status.Changes{color:#b45309;background-color:#fffbeb;border-color:#fde68a}.status.New,.status.Scheduled,.status.Sent{color:#1d4ed8;background-color:#eff6ff;border-color:#bfdbfe}.status.Approved,.status.Paid,.status.Completem,.status.Signed{color:#15803d;background-color:#f0fdf4;border-color:#bbf7d0}.status.Overdue,.status.Not.Approved{color:#b91c1c;background-color:#fef2f2;border-color:#fecaca}.specific-page-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:1.5rem}.searchbar-wrapper{position:relative;flex:1 1 0%;max-width:24rem}.searchbar-icon{color:#6b7280;position:absolute;height:1rem;width:1rem;top:.625rem;left:.625rem;vertical-align:middle;z-index:5}.searchbar{height:2.5rem;width:100%;font-size:.875rem;line-height:1.25rem;background-color:#fff;padding:.5rem .75rem .5rem 2rem;border:1px solid #e2e8f0;border-radius:8px}.filter-dropdowns{display:flex;gap:.5rem}.filter-dropdown{position:relative}.dropdown-btn{width:180px;justify-content:space-between;text-align:left;gap:2px}.dropdown-list{position:absolute;width:182px;max-height:300px;overflow-y:auto;margin-top:4px;padding:4px;background-color:#fff;box-shadow:0 0 #000,0 0 #000,0 1px 2px #0000000d;border-radius:8px;border:1px solid #e2e8f0}.client-phone{color:#6b7280;font-weight:500}.client-status{background-color:#0f172a;color:#f8fafc;font-weight:600;font-size:.75rem;line-height:1rem;padding:.125rem .625rem;display:inline-flex;align-items:center;justify-content:center;border-radius:9999px}.invoice-stats{padding-bottom:1.5rem;margin-top:0}.invoice-icon{color:#64748b;height:1rem;width:1rem}.green-text{color:#16a34a}.yellow-text{color:#ca8a04}.red-text{color:#dc2626}.expenses-header{display:grid;gap:1rem;padding:0 .75rem}.expense-number{font-weight:700}.expense-filters-header{display:flex;justify-content:space-between}.clear-filter-btn-only{width:100%;display:flex;justify-content:end}.expenses-filter{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.expense-field{padding:.25rem .5rem}.expenses-container{padding:2rem .75rem;width:100%;display:grid;gap:1rem}.expense{cursor:pointer;display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.expense-name,.expense-total{font-weight:700}.expense-name{padding-bottom:.75rem}.expense-total{padding-left:2rem}.timesheets-container{max-width:1000px;margin:0 auto}.empty-fieldset{padding:2rem;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.empty-icon-wrapper{background-color:#f3f4f6;display:flex;align-items:center;justify-content:center;height:4rem;width:4rem;border-radius:100%;margin-bottom:1rem}.empty-icon{color:#6b7280;height:2rem;width:2rem}.empty-title{font-weight:500;font-size:1.125rem;line-height:1.75rem;margin-bottom:.5rem}.empty-subtitle{color:#6b7280;margin-bottom:1rem}.detail-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:1.5rem}.detail-header-btns{display:flex;gap:.5rem;align-items:center}.detail-title{letter-spacing:-.025em;font-weight:700;font-size:1.5rem;line-height:2rem}.set-container{margin-bottom:1.5rem;background-color:#fff;border:1px solid #e2e8f0;border-radius:8px}.set-header{padding:1.5rem;border-bottom:1px solid #e2e8f0}.set-title{letter-spacing:-.025rem;font-weight:600;font-size:1.25rem;line-height:1}.set-body{padding:1.5rem}.client-information{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.client-info-item{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem}.client-item-icon{color:#64748b;height:1rem;width:1rem}.client-properties{cursor:pointer;text-decoration:underline}.client-detail-item{display:flex;justify-content:space-between;padding:.5rem 0;border-bottom:1px solid #e2e8f0}.settings-tabs{display:flex;gap:1rem;border-bottom:1px solid #e2e8f0;margin-bottom:1.5rem}.settings-tab{padding:.75rem 0;font-weight:500;color:#64748b;background-color:transparent;border:none;border-bottom:2px solid transparent;cursor:pointer}.settings-tab.active{color:#0f172a;border-bottom-color:#0f172a}.client-item-header{display:flex;justify-content:space-between;align-items:center}.job-card{display:flex;justify-content:space-between;align-items:center;cursor:pointer}.item-card-body{flex-grow:1}.new-item-field{width:100%;padding:.5rem .75rem;border:1px solid #e2e8f0;border-radius:8px;margin-bottom:1rem}.new-note{margin-top:1.5rem;display:flex;flex-direction:column;align-items:flex-end}.bulk-action-wrapper{display:flex;align-items:center;gap:.75rem}.selection-count{font-size:.875rem;font-weight:600;color:#0f172a}.checkbox-cell{width:40px;text-align:center}.hidden-file-input{display:none}@media (max-width: 1024px){.specific-page-header{flex-direction:column;align-items:flex-start;gap:1rem}.searchbar-wrapper{width:100%;max-width:none}.filter-dropdowns{width:100%}.filter-dropdowns>*{flex-grow:1}td.checkbox-cell{justify-content:flex-start;padding-bottom:.25rem;border-bottom:none}td.checkbox-cell:before{display:none}}@media (max-width: 768px){.page-header{gap:1rem}.header-btns{align-items:stretch}.page-title{font-size:1.25rem}.detail-header{gap:1rem}.client-information{grid-template-columns:1fr}.settings-tabs{overflow-x:auto}.client-item-header{flex-direction:column;align-items:flex-start;gap:1rem}.detail-btns,.detail-btns .btn{width:100%}.table-container{background-color:transparent;border:none;overflow-x:visible}table{background-color:transparent}thead{display:none}tbody{display:flex;flex-direction:column;gap:1rem;background-color:transparent}tr.table-item{display:flex;flex-direction:column;background-color:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:0;box-shadow:0 1px 2px #0000000d}tr.table-item:hover{background-color:#fff;border-color:#cbd5e1}td{display:flex;justify-content:space-between;align-items:center;text-align:right;border-bottom:1px solid #e2e8f0;padding:.75rem 1rem}tr.table-item td:last-child{border-bottom:none}tbody td:first-of-type{font-weight:400}td:before{content:attr(data-label);font-weight:600;color:#64748b;text-align:left;margin-right:1rem}td>div,td>p{margin:0;text-align:right;display:flex;flex-direction:column;align-items:flex-end}}.modal-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;z-index:999}.sub-modal{z-index:2000}.scroll-container-padding{padding-bottom:100px}form{display:flex;flex-direction:column;flex-grow:1}.new-item{position:absolute;z-index:1000;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#fff;padding:1.5rem;border-radius:5px;width:calc(100% - 2rem);max-width:800px;min-height:500px;max-height:95vh;overflow-y:auto;box-shadow:0 1px 10px #0000001f,0 1px 10px #0000003d;display:flex;flex-direction:column;flex-grow:1}.new-item-wli{max-width:1000px}.new-expense{max-width:600px}.new-item-title,.line-item-title{letter-spacing:-.025em;line-height:1;font-weight:600;font-size:1.25rem;padding-bottom:1.5rem;display:flex;align-items:center;gap:.5rem}.line-item-title{padding:0}.schedule-visit{overflow:visible}.react-datepicker__input-container input{cursor:pointer;caret-color:transparent;-webkit-user-select:none;user-select:none}.react-datepicker__header{background-color:#0f172a!important;border-bottom:none}.react-datepicker__current-month,.react-datepicker__day-name{color:#fff!important}.react-datepicker__day--selected{background-color:#0f172a!important;border-radius:6px}.react-datepicker__day--keyboard-selected,.react-datepicker__day--today{background-color:#0f172a33!important;border-radius:6px}.new-item.edit{width:auto}.client-form.edit{grid-template-columns:1fr}.input-error{border:1px solid #ff3127!important;border-radius:6px}.label-error{color:#ff3127!important;font-size:14px}.new-item-input-group{display:flex;align-items:start;gap:1rem;width:100%;margin:.5rem 0 1.5rem}.team-input-group{margin-top:0;align-items:start;width:100%}.new-item-label{line-height:1;font-weight:500;font-size:.875rem}.new-item-input{display:grid;grid-template-columns:1fr;width:100%;gap:.3rem}.form-header-wrapper{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;border-bottom:2px solid #D9D9D9}.form-input-section{box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);color:#020817;background-color:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:1.5rem;margin-bottom:1.5rem}.form-input-section .li-title-header,.li-title-header .form-input-section-title{padding:0}.form-input-section-title{letter-spacing:-.025em;line-height:1;font-weight:600;font-size:1.5rem;padding-bottom:1.5rem}.submit-btn-icon{height:1rem;width:1rem;margin-right:.5rem}.invoice-header{display:grid;align-items:start;grid-template-columns:repeat(2,1fr);gap:1rem}.invoice-detail-wrapper{padding:.5rem 0;display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid #D9D9D9}.invoice-detail-label{font-weight:400}.invoice-dropdown{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;color:#0f172a;font-size:15px;font-weight:700;text-decoration:underline;text-decoration-thickness:2px;cursor:pointer}.team-header{display:flex;justify-content:space-between;position:relative;width:100%;height:14px}button.assign-btn{font-size:.875rem;height:auto;border:none;background-color:#fff;padding:0;margin:0;text-decoration:underline;color:#0f172a}button.assign-btn:hover{background-color:#fff}.team-members{position:absolute;top:0;left:0;width:100%;background-color:#fff;max-height:200px}.team-member{padding:.25rem 0}.team-list{height:94px;overflow-y:auto}.line-item-input-group{margin:0;margin-top:.25rem}.li-title-header{padding-top:1.5rem;display:flex;justify-content:space-between;align-items:center}.li-header,.li-input-container{display:grid;grid-column-gap:1rem;grid-template-columns:2.5fr 1fr 1fr 1fr;padding-bottom:1rem}.li-header{padding-top:2rem;padding-bottom:4px}.li-group{position:relative}.li-remove{position:absolute;right:0;bottom:1.5rem}.totals-wrapper{display:flex;justify-content:end}.totals-container{width:100%;max-width:320px;height:100%;display:flex;flex-direction:column;justify-content:end}.invoice-totals{max-width:none}.totals-item-wrapper{display:flex;align-items:center;justify-content:space-between;padding-top:.5rem}.totals-item-wrapper:first-of-type{padding-top:0}.totals-item-wrapper:nth-child(3){border-bottom:1px solid #e2e8f0;padding-bottom:.5rem}.total-price{font-weight:700}.add-total-item{color:#0f172a;text-decoration:underline}.add-total-item:hover{cursor:pointer}.totals-field-wrapper{position:relative}.totals-icon{position:absolute;display:flex;align-items:center;justify-content:center;font-weight:700;background-color:#d9d9d9;height:26px;width:20px;right:0;top:50%;transform:translateY(-50%);border-radius:0 5px 5px 0}.totals-item-field{border:1px solid #D9D9D9;overflow:hidden;border-radius:5px;font-size:14px;padding:.3rem 1.5rem .3rem .3rem;max-width:100px;text-align:end}.job-li-footer{display:flex;width:100%;justify-content:end}.job-totals{width:200px;display:grid;gap:.5rem}.job-totals-wrapper{display:flex;justify-content:space-between}.request-header-input-group{display:grid;grid-template-columns:2fr 1fr;gap:2rem}.secondary-label-input{width:50%}.label-input label,.bold-label{font-size:15px;font-weight:700}.preferred-arrival-wrapper{margin:.5rem 0}.preferred-arrival{display:flex;gap:.5rem;align-items:center;font-weight:400}.preferred-label{font-weight:400;font-size:14px}.checkbox-input{justify-content:space-between;gap:1rem}.new-item-field,.asyncSelect__control,.asyncSelectStatic__control{padding:.5rem .75rem;border:1px solid #e2e8f0;width:100%;border-radius:6px;font-size:.875rem;min-height:2.5rem;resize:none}.asyncSelectStatic__control{width:125px}.asyncSelect__menu,.asyncSelectStatic__menu,.filter-dropdown__menu{margin-top:2px;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 0 #000,0 0 #000,0 1px 2px #0000000d;background-color:#fff;padding:4px}.asyncSelect__option,.asyncSelectStatic__option,.filter-dropdown__option{font-size:.875rem;line-height:1.25rem;cursor:pointer;min-width:100%;padding:.5rem 1rem;border-radius:8px}.asyncSelect__option:hover,.asyncSelectStatic__option:hover,.asyncSelect__option--is-focused,.asyncSelectStatic__option--is-focused,.filter-dropdown__option:hover,.filter-dropdown__option--is-focused{cursor:pointer;background-color:#f1f5f9}.asyncSelect__option--is-selected,.asyncSelect__multi-value__label,.asyncSelect__multi-value__remove,.asyncSelectStatic__option--is-selected,.asyncSelectStatic__multi-value__label,.asyncSelectStatic__multi-value__remove{background-color:#f1f5f9}.asyncSelect__multi-value__label,.asyncSelectStatic__multi-value-label{padding:2px 0 2px .25rem;font-size:.875rem;line-height:1;border-radius:4px 0 0 4px}.asyncSelect__multi-value__remove,.asyncSelectStatic__multi-value__remove{border-radius:0 8px 8px 0;padding-right:.25rem;margin-right:.25rem}.onsite-required{display:flex;width:auto;justify-content:start}input:focus,textarea:focus,select:focus{outline:none}.toggle-wrapper{flex-shrink:0}.toggle{position:relative;display:inline-block;width:50px;height:26px}.toggle input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;transition:.4s;border-radius:24px}.slider:before{position:absolute;content:"";height:18px;width:18px;left:5px;bottom:4px;background-color:#fff;transition:.4s;border-radius:50%}input:checked+.slider{background-color:#0f172a}input:checked+.slider:before{transform:translate(22px)}.new-input-section{display:grid;gap:.5rem;margin-top:1rem}.is-recurring-job{cursor:pointer;display:inline-block}.is-recurring-job input{position:absolute;opacity:0;width:0;height:0}.labels{position:relative;display:flex;width:240px;height:35px;border-radius:5px;box-shadow:inset 0 0 0 1px #ccc;overflow:hidden}.labels:before{content:"";position:absolute;top:0;left:0;width:50%;height:100%;background:#0f172a;border-radius:5px;transition:left .3s;z-index:-1}.labels span{flex:1;display:flex;align-items:center;justify-content:center;font-weight:500;transition:color .3s}.labels .one-off{color:#fff}.labels .recurring-job{color:#000}.is-recurring-job input:checked+.labels:before{left:calc(50% + 2px)}.is-recurring-job input:checked+.labels .one-off{color:#333}.is-recurring-job input:checked+.labels .recurring-job{color:#fff}.file-field{display:none}label.file-field-btn{font-weight:400}.file-field-wrapper{display:flex;justify-content:center;align-items:center;gap:.5rem}.search-select-input{width:100%;max-width:400px}.jobs-section-title{padding-bottom:1rem}.form-btn-section{display:flex;justify-content:space-between;gap:1rem;margin-top:auto;padding-top:1.5rem}.expense-form-btns{width:100%;justify-content:end}.form-btn-submit{display:flex;gap:.5rem}.portal-request-form-container{max-width:800px;background:#fff;padding:2rem;border-radius:8px;border:1px solid #e2e8f0;box-shadow:0 1px 3px #0000001a;margin:0 auto}.portal-request-form-btn-container{justify-content:flex-end}.elevated-modal-backdrop{z-index:9999}.allocation-section{padding:1rem}.allocation-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.allocation-title{margin:0;font-size:1rem;font-weight:600}.allocation-hours-input{max-width:150px}.allocation-notes-group{margin-bottom:0}.add-allocation-wrapper{margin-top:1rem}.dashed-btn{width:100%;border-style:dashed}.end-shift-footer{justify-content:flex-end;margin-top:2rem}@media (max-width: 768px){.new-item-input-group{flex-direction:column;gap:.5rem}.form-btn-section{flex-direction:column-reverse;gap:.75rem}.form-btn-submit{flex-direction:column-reverse;gap:.75rem;width:100%}.form-btn-section .btn{width:100%;justify-content:center;padding:.75rem}.li-header{display:none}.li-input-container{display:flex;flex-direction:column;gap:.75rem;background-color:#f8fafc;padding:1rem;border-radius:8px;border:1px solid #e2e8f0;margin-bottom:1rem}.li-input-container>div:nth-child(1) .new-item-input:before{content:"Product/Service *";display:block;font-size:.875rem;font-weight:500;margin-bottom:.25rem}.li-input-container>div:nth-child(2) .new-item-input:before{content:"Quantity *";display:block;font-size:.875rem;font-weight:500;margin-bottom:.25rem}.li-input-container>div:nth-child(3) .new-item-input:before{content:"Unit Price *";display:block;font-size:.875rem;font-weight:500;margin-bottom:.25rem}.li-input-container>div:nth-child(4) .new-item-input:before{content:"Total";display:block;font-size:.875rem;font-weight:500;margin-bottom:.25rem;color:#64748b}.li-group{position:relative;display:flex;flex-direction:column}.allocation-hours-input{max-width:100%}.end-shift-footer{flex-direction:column-reverse;gap:.75rem}.request-header-input-group,.invoice-header,.invoice-detail-wrapper,.form-header-wrapper{grid-template-columns:1fr;gap:1rem}.job-totals{width:100%}}.pagination-container{background-color:#fff;border:1px solid #e2e8f0;border-top:none;border-radius:0 0 8px 8px;display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;font-size:14px;color:#555}.pagination-controls,.pagination-records-per-page,.pagination-status{display:flex;align-items:center;gap:12px}.pagination-btn{background-color:transparent;border:1px solid #ccc;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:4px}.pagination-btn:disabled{cursor:not-allowed;opacity:.5}.pagination-btn:hover:not(:disabled){background-color:#f5f5f5}.itemsPerPage{padding:4px 8px;border-radius:4px;border:1px solid #ccc}.pagination-dropdown .filter-dropdown__control{width:75px}.pagination-dropdown .filter-dropdown__option{padding:.5rem 1rem}@media (max-width: 768px){.pagination-container{flex-direction:column;gap:1rem;border-top:1px solid #e2e8f0;border-radius:8px;margin-top:1rem;background-color:transparent;border:none;padding:0}.pagination-records-per-page{display:none}.pagination-status{font-size:.875rem;color:#6b7280;text-align:center;width:100%;justify-content:center}.pagination-controls{width:100%;justify-content:space-between;background-color:#fff;padding:.75rem;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 1px 2px #0000000d}.pagination-btn{padding:.5rem 1rem}.pagination-page-info{font-weight:500;font-size:.875rem}}.action-items{position:relative}.action-items-list{position:absolute;top:100%;right:0;background-color:#fff;border:1px solid #e2e8f0;border-radius:6px;min-width:8rem;width:170px;min-height:max-content;box-shadow:0 0 #000,0 0 #000,0 0 #000,0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;color:#020817;padding:.25rem;z-index:50}.action-items-list.open-up{top:auto;bottom:100%}.action-item{text-align:left;font-size:.875rem;line-height:1.25rem;padding:.375rem .5rem;width:100%;display:flex;align-items:center;border-radius:6px}.action-item:hover{cursor:pointer;background-color:#f1f5f9}.action-item.convert{color:#16a34a}.action-item.delete{color:#dc2626}.action-item.send{color:#1d4ed8}.expandable-btn{display:flex;align-items:center;justify-content:flex-start;height:2.25rem;max-width:2.25rem;background-color:#fff;color:#0f172a;border:1px solid #e2e8f0;border-radius:8px;cursor:pointer;transition:all .3s ease;overflow:hidden;padding:0;transition:all .5s cubic-bezier(.4,0,.2,1)}.expandable-btn-icon{width:2.25rem;height:100%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.expandable-btn-text{white-space:nowrap;opacity:0;font-size:.875rem;font-weight:500;transition:opacity .3s ease-in-out .1s}.expandable-btn:hover{background-color:#0f172a;border-color:#0f172a;color:#fff;max-width:200px;padding-right:1rem}.expandable-btn:hover .expandable-btn-text{opacity:1}.slide-over-backdrop{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#0f172a66;z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.slide-over-panel{position:fixed;top:0;right:0;height:100vh;width:100%;max-width:600px;background-color:#fff;box-shadow:-4px 0 15px #0000001a;z-index:1001;display:flex;flex-direction:column}.slide-over-close-btn{position:absolute;top:1rem;right:1.5rem;background:#f1f5f9;border:none;border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#64748b;z-index:10;transition:background-color .2s ease,color .2s ease}.slide-over-close-btn:hover{background:#e2e8f0;color:#0f172a}.slide-over-content{flex:1;overflow-y:auto;padding:2rem 1.5rem}.slide-over-content>div:first-child{padding-right:2rem}@media (min-width: 640px){.slide-over-panel{width:80vw}}.subscription-lock-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#ffffffe6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000}.lock-card{background:#fff;padding:2.5rem;border-radius:12px;box-shadow:0 10px 25px #0000001a;max-width:400px;width:90%;text-align:center;border:1px solid #e5e7eb}.lock-icon-circle{width:64px;height:64px;background-color:#fee2e2;color:#ef4444;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem}.lock-card h2{font-size:1.5rem;font-weight:700;color:#111827;margin-bottom:.75rem}.lock-card p{color:#6b7280;font-size:.875rem;line-height:1.5;margin-bottom:2rem}.billing-btn{background-color:#4f46e5;color:#fff;font-weight:600;padding:.75rem 1.5rem;border-radius:8px;border:none;width:100%;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:5px;transition:background-color .2s}.billing-btn:hover{background-color:#4338ca}.feedback-widget-container{position:fixed;bottom:24px;right:24px;z-index:9999;display:flex;flex-direction:column;align-items:flex-end}.feedback-fab{background-color:var(--primary-color, #ffca3a);color:#0f172a;border:none;border-radius:50%;width:56px;height:56px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #00000026;cursor:pointer;transition:transform .2s ease,background-color .2s ease}.feedback-fab:hover{transform:scale(1.05)}.feedback-fab.active{background-color:#e2e8f0;color:#475569}.feedback-popup-card{position:absolute;bottom:76px;right:0;width:340px;max-width:calc(100vw - 48px);background-color:#fff;border-radius:12px;box-shadow:0 10px 25px #0003;overflow:hidden;animation:slideUpFade .3s ease forwards}.feedback-popup-header{display:flex;justify-content:space-between;align-items:center;padding:16px;border-bottom:1px solid #e2e8f0;background-color:#f8fafc}.feedback-popup-title{margin:0;font-size:1rem;font-weight:600;color:#0f172a}.feedback-close-btn{background:none;border:none;color:#64748b;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;border-radius:4px}.feedback-close-btn:hover{background-color:#e2e8f0;color:#0f172a}.feedback-popup-body{padding:16px}.feedback-form{display:flex;flex-direction:column;gap:16px}.feedback-form-group{display:flex;flex-direction:column;gap:.5rem;width:100%}.feedback-textarea{resize:vertical;min-height:100px!important}.feedback-submit-btn{width:100%;margin-top:8px}.feedback-status-msg{padding:16px;text-align:center;border-radius:6px;font-weight:500}.feedback-status-msg.success{background-color:#dcfce7;color:#166534}.feedback-status-msg.error{background-color:#fee2e2;color:#991b1b}@keyframes slideUpFade{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.system-banners-container{display:flex;flex-direction:column;width:100%;z-index:50}.system-banner{display:flex;align-items:center;background-color:#1e293b;color:#f8fafc;padding:.75rem 1.5rem;gap:1rem;border-bottom:1px solid #0f172a}.system-banner-icon{flex-shrink:0;color:#f59e0b;display:flex;align-items:center}.system-banner-content{flex-grow:1;font-size:.875rem;line-height:1.25rem;display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.system-banner-title{font-weight:600}.system-banner-html p{margin:0;display:inline}.system-banner-html a{color:#60a5fa;text-decoration:underline}.system-banner-html a:hover{color:#93c5fd}.system-banner-close{flex-shrink:0;background:none;border:none;color:#94a3b8;cursor:pointer;padding:.25rem;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s ease}.system-banner-close:hover{color:#fff;background-color:#ffffff1a}@media (max-width: 768px){.system-banner{padding:.75rem 1rem;align-items:flex-start}.system-banner-icon{margin-top:.125rem}}