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;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.dashboard-layout{display:flex;height:100vh;margin-left:250px;margin-top:0}.dashboard-content{flex:1 1;margin-top:50px;padding:20px}.dashboard-header{align-items:stretch;display:flex;gap:20px;margin-bottom:20px}.welcome-card{background:#e8f0fe;border-radius:10px;flex:2 1;max-width:450px;padding:20px}.stats-container{display:flex;flex:1 1;gap:20px}.stats-card{background:#fff;border-radius:10px;box-shadow:0 4px 8px #0000001a;flex:1 1;min-width:150px;overflow:hidden;padding:20px;text-align:center}.stats-card h3{color:#333;font-size:20px}.a,.stats-card h3{text-align:left}.stats-card .number{color:#1d1d1d;font-size:42px;font-weight:700;margin-bottom:0;margin-top:0;text-align:left}.graph-container{height:50px;margin-top:10px;overflow:hidden;position:relative}.stats-row{align-items:center;display:flex;justify-content:space-between}.stats-info{flex:1 1}.graph-section{flex:1 1;position:relative;text-align:right}.trend-value{font-size:14px;font-weight:700;position:absolute;right:50px;top:-12px}.trend-down{color:#ff5e57}.trend-up{color:#2ecc71}.trend-box{background:#fdecec;border-radius:5px;color:#ff5e57;display:inline-block;font-size:12px;font-weight:700;margin-right:25px;margin-top:15px;padding:3px 10px}.open .graph-container{background:linear-gradient(0deg,#ff5e574d,#0000)}.closed .graph-container{background:linear-gradient(0deg,#2ecc714d,#0000)}.trend{bottom:10px;font-size:13px;left:70%;position:absolute;transform:translateX(-50%)}.trend.down{color:#ff5e57}.trend.up{color:#2ecc71}.clients-section{background:#fff;border-radius:10px;box-shadow:0 4px 10px #0000001a;padding:20px}h3{font-size:1.5rem;font-weight:600;margin-bottom:15px}.clients-table{margin-top:10px}.clients-table td,.clients-table th{border-bottom:1px solid #e0e0e0;padding:12px 15px}.clients-table th{background-color:#f8f9fa;font-weight:700}.clients-table tr:hover{background-color:#f1f1f1}.clients-table input[type=checkbox]{height:16px;width:16px}.status{border-radius:20px;display:inline-block;font-size:.9rem;font-weight:500;padding:5px 10px}.status.pending{background-color:#ffe5e5;color:#d9534f}.status.closed{background-color:#e5f8e5;color:#5cb85c}.see-more{margin-top:20px;text-align:center}.see-more-btn{background:#00008b;border:none;border-radius:7px;color:#fff;cursor:pointer;padding:10px 15px;width:130px}.see-more-btn:hover{background:#010156}.see-more-container{align-items:center;display:flex;gap:20px;justify-content:center;margin-top:20px}.more-cases-text{color:#666;font-size:14px}@media (max-width:1144px){.dashboard-layout{flex-direction:column;margin-left:0}.dashboard-content{margin-top:20px;padding:15px}.dashboard-header{flex-direction:column}.welcome-card{background:#e8f0fe;border-radius:10px;flex:2 1;margin-left:250px;margin-top:40px;max-width:800px;padding:20px}.stats-container{flex-direction:row;gap:10px;margin-left:250px}.stats-card{width:100%}.clients-section{margin-left:250px;overflow-y:auto;padding:15px}.clients-table td,.clients-table th{font-size:14px;padding:8px}.see-more-container{flex-direction:row}}@media (max-width:768px){.dashboard-layout{flex-direction:column;margin-left:0}.dashboard-content{margin-top:20px;padding:15px}.dashboard-header{flex-direction:column}.stats-container{flex-direction:row;gap:10px;margin-left:0}.stats-card{width:100%}.clients-section{margin-bottom:50px;margin-left:0;padding:15px}.clients-table td,.clients-table th{font-size:14px;padding:8px}.see-more-container{flex-direction:row}.welcome-card{margin-left:0}.bottom-nav{display:flex}}@media (max-width:480px){.dashboard-content{padding:10px}.stats-card,.welcome-card{padding:15px}.stats-card{text-align:center}.clients-table td,.clients-table th{font-size:12px;padding:5px}.see-more-btn{width:100%}.bottom-nav{background:#fff;bottom:0;box-shadow:0 -2px 10px #0000001a;display:flex;justify-content:space-around;left:0;padding:10px 0;position:fixed;width:100%}.nav-item{align-items:center;color:#555;display:flex;flex-direction:column;font-size:12px}.nav-item img{height:20px;width:20px}.see-more-container{flex-direction:row}.see-more-btn{width:40%}.stats-card h3{font-size:15px}.stats-card .number{color:#1d1d1d;font-size:25px;font-weight:700;margin-bottom:0;margin-top:0;text-align:left}.a,.trend-box,.trend-value{font-size:10px}.trend-box{font-weight:700;margin-right:35px;margin-top:15px}}@media (max-width:400px){.stats-container{flex-direction:column;gap:10px;margin-left:0;width:85%}.see-more-btn{font-size:10px;padding:8px 12px;width:30%}}.navbar{background-color:#fff;height:60px;justify-content:flex-end;left:250px;margin-left:10px;padding:0 20px;position:fixed;top:0;width:calc(100% - 250px);z-index:1000}.navbar,.search-bar{align-items:center;display:flex}.search-bar{background:#fff;border:1px solid #c2c1c1;border-radius:7px;padding:8px 12px;width:250px}.search-bar input{background:#0000;border:none;font-size:14px;margin-left:10px;outline:none;width:100%}.search-bar input::placeholder{color:#aaa}.search-icon{color:#aaa;cursor:pointer;left:260px;position:absolute}.profile-section{align-items:center;cursor:pointer;display:flex;margin-right:30px}.profile-info{margin-right:20px;text-align:right}.profile-name{font-weight:700;margin:0}.profile-email{color:gray;font-size:12px;margin:0}.profile-picture{border:2px solid #e0e0e0;border-radius:50%;height:40px;margin-right:10px;object-fit:cover;width:40px}.main-content{margin-top:60px;padding:20px}.dashboard-heading{display:none}@media (max-width:768px){.profile-email,.profile-name,.search-bar{display:none}.navbar{justify-content:flex-end;left:0;margin-left:0;padding-right:20px;position:absolute;width:90%}.navbar,.profile-section{align-items:center;display:flex}.profile-section{cursor:pointer;margin-right:0}.profile-picture{margin-left:auto;margin-right:0}.dashboard-heading{display:block;left:70px;position:absolute;top:20%;transform:translateY(-50%)}}.app-layout{display:flex;min-height:100vh}.main-content{display:flex;flex:1 1;flex-direction:column;margin-left:250px}.content-wrapper{flex:1 1;margin-right:10px;overflow-y:auto;padding-left:280px;padding-top:80px}.clients-container{margin-top:-20px;width:100%}.clients-header{align-items:left;display:flex;flex-direction:column;justify-content:space-between;margin-bottom:15px}.search-container{align-items:center;background:#fff;border:1px solid #ddd;border-radius:7px;display:flex;padding:8px;width:450px}.search-icon1{color:gray;margin-left:5px}.b{margin-left:10px}.filter-button{align-items:center;background:#fff;border:1px solid #ccc;border-radius:5px;cursor:pointer;display:flex;justify-content:center;padding:8px 12px}.filter-button:hover{background:#f1f1f1}.search-filter-container{align-items:center;display:flex;gap:10px;justify-content:space-between;width:100%}.search-container input{border:none;flex:1 1;outline:none}.add-client-btn{background:#00008b;border:none;border-radius:5px;color:#fff;cursor:pointer;margin-left:auto;margin-right:10px;padding:10px 15px;width:170px}.add-client-btn:hover{background-color:#010155}.contact-icons{align-items:center;display:flex}.menu-icon,.phone-icon,.whatsapp-icon{color:gray;cursor:pointer;margin-right:10px}.clients-table td,.clients-table th{border-bottom:1px solid #ddd;padding:12px;text-align:left}.status-badge{border-radius:20px;font-weight:500;padding:5px 10px}.status-badge.pending{background-color:#ffe5e5;color:#d9534f}.status-badge.closed{background-color:#e5f8e5;color:#5cb85c}.pagination{align-items:center;margin-top:15px}.pagination-info{color:#555;font-size:14px}.pagination-buttons{display:flex;gap:10px}.next-btn,.prev-btn{border:none;border-radius:5px;cursor:pointer;padding:8px 15px}.next-btn{background-color:#00008b;color:#fff}.prev-btn{background-color:#fff;border:1px solid #000;border-radius:4px;color:#00008b;cursor:pointer;padding:8px 16px;transition:all .3s ease}.icon-button{background:none;border:none;cursor:pointer;padding:5px}.icon-button:hover{opacity:.7}.dropdown-menu{background:#fff;border:1px solid #ccc;border-radius:5px;box-shadow:0 2px 5px #0003;padding:5px;position:absolute;z-index:100}.dropdown-menu button{background:none;border:none;cursor:pointer;padding:5px 10px;width:100%}.dropdown-menu button:hover{background:#d3d3d3}.edit-actions{display:flex;gap:8px}.cancel-btn,.save-btn{background:none;border:none;border-radius:4px;cursor:pointer;padding:5px}.save-btn{color:#2ecc71}.save-btn:hover{background-color:#2ecc711a}.cancel-btn{color:#e74c3c}.cancel-btn:hover{background-color:#e74c3c1a}.clients-table input[type=text],.clients-table select{border:1px solid #ddd;border-radius:4px;box-sizing:border-box;padding:6px;width:100%}.clients-table select{-webkit-appearance:none;appearance:none;background-color:#fff;cursor:pointer}.autocomplete-container input{border:1px solid #ccc;border-radius:4px;box-sizing:border-box;padding:8px;width:100%}@media (max-width:1200px){.main-content{margin-left:220px}.search-container{width:320px}.clients-table td,.clients-table th{padding:10px}.table-container{overflow-x:auto;width:100%}.clients-table{width:100%}}@media (max-width:1060px){.add-client-btn{margin-right:auto}.pagination{align-items:center;flex-direction:column;gap:10px}.table-container{overflow-x:auto;width:100%}.clients-table{width:100%}}@media (max-width:955px){.app-layout{flex-direction:column}.main-content{margin-left:230px;margin-top:30px;width:100%}.search-filter-container{align-items:stretch;flex-direction:row}.search-container{width:30%}.table-container{overflow-x:auto;width:100%}.clients-table{min-width:750px;width:100%}.pagination{align-items:center;flex-direction:column;gap:10px}}@media (max-width:768px){.search-filter-container{flex-direction:row;gap:8px}.add-client-btn{width:20%}.clients-table td,.clients-table th{font-size:14px;padding:8px}.contact-icons{flex-direction:column;gap:5px}.pagination{align-items:center;flex-direction:row;gap:10px}.clients-header h2{display:none}.clients-container{margin-bottom:80px;margin-left:0;margin-top:20px;width:100%}.main-content{display:flex;flex:1 1;flex-direction:column;margin-left:0}.search-container{width:50%}.filter-button{width:8%}.content-wrapper{padding-left:20px;padding-right:20px}}@media (max-width:530px){.search-filter-container{flex-direction:row}.add-client-btn{display:none}.filter-button{margin-right:auto}.search-container{width:100%}}.add-client-container{background:#fff;border-radius:8px;margin:auto 20px auto 250px;max-width:1000px;padding:50px 20px 20px}.form-title{font-size:22px;font-weight:700;margin-bottom:20px}.grouped-inputs{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr;margin-bottom:20px}.left-inputs{gap:15px}.left-inputs,.right-input{display:flex;flex-direction:column}.input-group textarea{height:150px;resize:vertical}.input-group{display:flex;flex-direction:column;width:100%}.input-group label{color:#333;font-weight:600;margin-bottom:5px}.input-group input,.input-group select,.input-group textarea{background:#fff;border:1px solid #ccc;border-radius:10px;font-size:14px;outline:none;padding:10px}.input-group textarea{height:80px;resize:none}.form-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(2,1fr)}.date-input{align-items:center;display:flex;position:relative}.date-input input{padding-right:30px;width:100%}.calendar-icon{color:#666;position:absolute;right:10px}.button-group{display:flex;gap:10px;justify-content:flex-end;margin-top:20px}.cancel-btnn,.save-btn{border:none;border-radius:5px;cursor:pointer;font-size:14px;padding:10px 20px}.cancel-btnn{background-color:#fff;border:1px solid #000;color:#00008b}.cancel-btnn,.save-btn1{border-radius:8px;cursor:pointer;padding:8px 16px;text-align:center;width:20%}.save-btn1{background:#00008b;color:#fff}.save-btn1 :hover{background:#002366}.autocomplete-container{position:relative;width:100%}.suggestions-list{background:#fff;border:1px solid #ccc;border-radius:0 0 4px 4px;border-top:none;box-shadow:0 2px 4px #0000001a;left:0;list-style:none;margin:0;max-height:200px;overflow-y:auto;padding:0;position:absolute;right:0;top:100%;z-index:1000}.suggestions-list li{border-bottom:1px solid #eee;cursor:pointer;padding:10px}.suggestions-list li:hover{background-color:#f5f5f5}.suggestions-list li:last-child{border-bottom:none}.suggestion-loading{background:#fff;border:1px solid #ccc;border-top:none;color:#666;font-size:14px;left:0;padding:10px;position:absolute;right:0;top:100%;z-index:1000}@media (max-width:768px){.grouped-inputs{grid-template-columns:1fr}.form-title{display:none}.add-client-container{margin-bottom:80px;margin-left:0;margin-top:30px}.form-grid{grid-template-columns:1fr}}@media (max-width:480px){.button-group{justify-content:space-between}}.client-reports{margin-left:280px;margin-right:20px;max-width:1200px;padding-top:50px}h2{margin-bottom:15px}.clients-table-wrapper{overflow-x:auto;width:100%}.clients-table{border-collapse:collapse;width:100%}.top-bar{gap:16px;justify-content:space-between;margin-bottom:20px}.left-side,.right-side,.top-bar{align-items:center;display:flex;flex-wrap:wrap}.left-side,.right-side{gap:12px}.date-range,.search-box{align-items:center;background-color:#f9f9f9;border:1px solid #e5e7eb;border-radius:8px;display:flex;padding:10px 14px}.date-range input,.search-box input{background:#0000;border:none;font-size:14px;margin-left:10px;outline:none}.icon{color:#6b7280}.filter-btn{background-color:#f9f9f9;padding:10px}.filter-btn,.outline-btn{border:1px solid #e5e7eb;border-radius:8px;cursor:pointer}.outline-btn{align-items:center;background-color:#fff;display:flex;font-size:14px;gap:8px;padding:10px 16px}.filter-btn:hover,.outline-btn:hover{background-color:#f3f4f6}.status{border-radius:5px;font-weight:700;padding:5px 8px}.status.pending{background-color:red;color:#fff}.status.closed{background-color:green;color:#fff}.pagination{display:flex;justify-content:space-between;margin-top:20px}.pagination button:disabled{background:#f0f0f0;cursor:not-allowed}.search-box input:focus{background-color:#fff}.filter-btn:hover,.message-btn:hover,.print-btn:hover{background-color:#f0f0f0}.date-range-container{min-width:250px;position:relative}.date-range-input{align-items:center;background:#fff;border:1px solid #ddd;border-radius:4px;cursor:pointer;display:flex;gap:8px;padding:8px 12px;-webkit-user-select:none;user-select:none}.date-range-input:hover{border-color:#aaa}.date-range-popup{background:#fff;border:1px solid #eee;border-radius:4px;box-shadow:0 2px 15px #0000001a;left:0;margin-top:5px;position:absolute;top:100%;z-index:1000}.rdp{margin:0}.rdp-day_selected{background-color:#4f46e5;color:#fff}@media (max-width:1024px){.client-reports{margin-left:260px;max-width:700px;padding-top:50px}.top-bar{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between}.left-side{flex:1 1;min-width:500px}.left-side,.right-side{align-items:center;display:flex;gap:12px}.right-side{flex-shrink:0}}@media (max-width:768px){.top-bar{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-top:30px}.left-side{flex:1 1;min-width:500px}.left-side,.right-side{align-items:center;display:flex;gap:12px}.right-side{flex-shrink:0}.client-reports{margin-left:20px;margin-right:20px;padding-bottom:100px}.clients-table-wrapper{overflow-x:auto}.clients-table{min-width:600px}.search-box{margin-bottom:10px;width:40%}.message-btn,.print-btn{justify-content:center;width:48%}.right-side{margin-top:10px}.pagination{align-items:center;flex-direction:column}h2{display:none}}@media (max-width:480px){.top-bar{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-top:30px}.client-reports{margin-left:20px;padding-bottom:100px}.left-side{flex:1 1;min-width:400px}.left-side,.right-side{align-items:center;display:flex;gap:12px}.right-side{flex-shrink:0;margin-top:10px}.search-box{margin-bottom:10px;width:50%}.date-range{margin-bottom:10px;margin-right:50px;width:40%}.message-btn,.print-btn{justify-content:center;width:48%}.filter-btn{font-size:14px;margin-bottom:0;margin-left:10px;padding:6px 10px}}.rdp-root{--rdp-accent-color:blue;--rdp-accent-background-color:#f0f0ff;--rdp-day-height:44px;--rdp-day-width:44px;--rdp-day_button-border-radius:100%;--rdp-day_button-border:2px solid #0000;--rdp-day_button-height:42px;--rdp-day_button-width:42px;--rdp-selected-border:2px solid var(--rdp-accent-color);--rdp-disabled-opacity:0.5;--rdp-outside-opacity:0.75;--rdp-today-color:var(--rdp-accent-color);--rdp-dropdown-gap:0.5rem;--rdp-months-gap:2rem;--rdp-nav_button-disabled-opacity:0.5;--rdp-nav_button-height:2.25rem;--rdp-nav_button-width:2.25rem;--rdp-nav-height:2.75rem;--rdp-range_middle-background-color:var(--rdp-accent-background-color);--rdp-range_middle-color:inherit;--rdp-range_start-color:#fff;--rdp-range_start-background:linear-gradient(var(--rdp-gradient-direction),#0000 50%,var(--rdp-range_middle-background-color) 50%);--rdp-range_start-date-background-color:var(--rdp-accent-color);--rdp-range_end-background:linear-gradient(var(--rdp-gradient-direction),var(--rdp-range_middle-background-color) 50%,#0000 50%);--rdp-range_end-color:#fff;--rdp-range_end-date-background-color:var(--rdp-accent-color);--rdp-week_number-border-radius:100%;--rdp-week_number-border:2px solid #0000;--rdp-week_number-height:var(--rdp-day-height);--rdp-week_number-opacity:0.75;--rdp-week_number-width:var(--rdp-day-width);--rdp-weeknumber-text-align:center;--rdp-weekday-opacity:0.75;--rdp-weekday-padding:0.5rem 0rem;--rdp-weekday-text-align:center;--rdp-gradient-direction:90deg;--rdp-animation_duration:0.3s;--rdp-animation_timing:cubic-bezier(0.4,0,0.2,1)}.rdp-root[dir=rtl]{--rdp-gradient-direction:-90deg}.rdp-root[data-broadcast-calendar=true]{--rdp-outside-opacity:unset}.rdp-root{position:relative}.rdp-root,.rdp-root *{box-sizing:border-box}.rdp-day{height:var(--rdp-day-height);text-align:center;width:var(--rdp-day-width)}.rdp-day_button{align-items:center;background:none;border:var(--rdp-day_button-border);border-radius:var(--rdp-day_button-border-radius);color:inherit;cursor:pointer;display:flex;font:inherit;height:var(--rdp-day_button-height);justify-content:center;margin:0;padding:0;width:var(--rdp-day_button-width)}.rdp-day_button:disabled{cursor:revert}.rdp-caption_label{align-items:center;border:0;display:inline-flex;position:relative;white-space:nowrap;z-index:1}.rdp-dropdown:focus-visible~.rdp-caption_label{outline:5px auto Highlight;outline:5px auto -webkit-focus-ring-color}.rdp-button_next,.rdp-button_previous{align-items:center;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:none;border:none;color:inherit;cursor:pointer;display:inline-flex;font:inherit;height:var(--rdp-nav_button-height);justify-content:center;margin:0;padding:0;position:relative;width:var(--rdp-nav_button-width)}.rdp-button_next:disabled,.rdp-button_next[aria-disabled=true],.rdp-button_previous:disabled,.rdp-button_previous[aria-disabled=true]{cursor:revert;opacity:var(--rdp-nav_button-disabled-opacity)}.rdp-chevron{fill:var(--rdp-accent-color);display:inline-block}.rdp-root[dir=rtl] .rdp-nav .rdp-chevron{transform:rotate(180deg);transform-origin:50%}.rdp-dropdowns{align-items:center;display:inline-flex;gap:var(--rdp-dropdown-gap);position:relative}.rdp-dropdown{-webkit-appearance:none;appearance:none;border:none;cursor:inherit;inset-block-end:0;inset-block-start:0;inset-inline-start:0;line-height:inherit;margin:0;opacity:0;padding:0;position:absolute;width:100%;z-index:2}.rdp-dropdown_root{align-items:center;display:inline-flex;position:relative}.rdp-dropdown_root[data-disabled=true] .rdp-chevron{opacity:var(--rdp-disabled-opacity)}.rdp-month_caption{align-content:center;display:flex;font-size:large;font-weight:700;height:var(--rdp-nav-height)}.rdp-months{display:flex;flex-wrap:wrap;gap:var(--rdp-months-gap);max-width:fit-content;position:relative}.rdp-month_grid{border-collapse:collapse}.rdp-nav{align-items:center;display:flex;height:var(--rdp-nav-height);inset-block-start:0;inset-inline-end:0;position:absolute}.rdp-weekday{font-size:smaller;font-weight:500;opacity:var(--rdp-weekday-opacity);padding:var(--rdp-weekday-padding);text-align:var(--rdp-weekday-text-align);text-transform:var(--rdp-weekday-text-transform)}.rdp-week_number{border:var(--rdp-week_number-border);border-radius:var(--rdp-week_number-border-radius);font-size:small;font-weight:400;height:var(--rdp-week_number-height);opacity:var(--rdp-week_number-opacity);text-align:var(--rdp-weeknumber-text-align);width:var(--rdp-week_number-width)}.rdp-today:not(.rdp-outside){color:var(--rdp-today-color)}.rdp-selected{font-size:large;font-weight:700}.rdp-selected .rdp-day_button{border:var(--rdp-selected-border)}.rdp-outside{opacity:var(--rdp-outside-opacity)}.rdp-disabled{opacity:var(--rdp-disabled-opacity)}.rdp-hidden{color:var(--rdp-range_start-color);visibility:hidden}.rdp-range_start{background:var(--rdp-range_start-background)}.rdp-range_start .rdp-day_button{background-color:var(--rdp-range_start-date-background-color);color:var(--rdp-range_start-color)}.rdp-range_middle{background-color:var(--rdp-range_middle-background-color)}.rdp-range_middle .rdp-day_button{border:initial;border-radius:0;border-radius:initial;color:var(--rdp-range_middle-color)}.rdp-range_end{background:var(--rdp-range_end-background);color:var(--rdp-range_end-color)}.rdp-range_end .rdp-day_button{background-color:var(--rdp-range_end-date-background-color);color:var(--rdp-range_start-color)}.rdp-range_start.rdp-range_end{background:revert}.rdp-focusable{cursor:pointer}@keyframes rdp-slide_in_left{0%{transform:translateX(-100%)}to{transform:translateX(0)}}@keyframes rdp-slide_in_right{0%{transform:translateX(100%)}to{transform:translateX(0)}}@keyframes rdp-slide_out_left{0%{transform:translateX(0)}to{transform:translateX(-100%)}}@keyframes rdp-slide_out_right{0%{transform:translateX(0)}to{transform:translateX(100%)}}.rdp-weeks_before_enter{animation:rdp-slide_in_left var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-weeks_before_exit{animation:rdp-slide_out_left var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-weeks_after_enter{animation:rdp-slide_in_right var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-weeks_after_exit{animation:rdp-slide_out_right var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-root[dir=rtl] .rdp-weeks_after_enter{animation:rdp-slide_in_left var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-root[dir=rtl] .rdp-weeks_before_exit{animation:rdp-slide_out_right var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-root[dir=rtl] .rdp-weeks_before_enter{animation:rdp-slide_in_right var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-root[dir=rtl] .rdp-weeks_after_exit{animation:rdp-slide_out_left var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}@keyframes rdp-fade_in{0%{opacity:0}to{opacity:1}}@keyframes rdp-fade_out{0%{opacity:1}to{opacity:0}}.rdp-caption_after_enter{animation:rdp-fade_in var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-caption_after_exit{animation:rdp-fade_out var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-caption_before_enter{animation:rdp-fade_in var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-caption_before_exit{animation:rdp-fade_out var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.sidebar{background:#f8f9fa;border-right:1px solid #ddd;height:100vh;margin-top:0;overflow-y:auto;padding:20px;position:fixed;transition:transform .3s ease-in-out;width:200px;z-index:1000}.sidebar-header{align-items:center;display:flex;margin-bottom:20px}.logo{margin-right:10px;width:30px}.brand-name{color:#00008b;font-size:18px;font-weight:700;margin-top:0}.sidebar-menu{display:flex;flex-direction:column}.menu-title{color:#888;font-size:12px;margin-bottom:10px;text-transform:uppercase}.sidebar-menu ul{list-style:none;padding:0}.sidebar-menu ul li{align-items:center;border-radius:8px;color:#2c3e50;cursor:pointer;display:flex;font-size:16px;gap:12px;margin-top:10px;padding:12px;transition:all .3s ease-in-out}.sidebar-menu ul li:hover{background:#e9ecef;border-radius:5px;transform:scale(1.05)}.sidebar-menu ul li.active{color:#00008b;font-weight:700}.sidebar-menu ul li.active .icon{color:#00008b}.icon{color:#555;font-size:18px}.logout{color:#555;margin-top:0}.sidebar-toggle{align-items:center;background:#00008b;border-radius:5px;color:#fff;cursor:pointer;display:none;height:33px;justify-content:center;left:15px;position:fixed;top:18px;width:33px;z-index:1101}.sidebar-toggle svg{font-size:18px}@media (max-width:768px){.sidebar{background:#f8f9fa;box-shadow:2px 0 5px #0003;height:100vh;left:0;position:fixed;top:0;transform:translateX(-100%);width:200px;z-index:1100}.sidebar.open{transform:translateX(0)}.sidebar-toggle{display:flex}.sidebar-header{margin-top:50px}.brand-name{color:#00008b!important;display:block!important;font-size:18px!important;font-weight:700!important;margin-top:0!important;text-align:center!important}}.bottom-nav{display:none}@media (max-width:768px){.bottom-nav{background:#fff;bottom:0;box-shadow:0 -2px 10px #0000001a;justify-content:space-between;left:0;padding:10px 0;position:fixed;width:100%}.bottom-nav,.fab,.nav-item{align-items:center;display:flex}.fab,.nav-item{border-radius:8px;color:gray;cursor:pointer;flex:1 1;flex-direction:column;font-size:14px;justify-content:center;padding:10px;transition:background .3s,color .3s}.fab-icon,.nav-icon{font-size:20px;margin-bottom:5px}.nav-item.active{color:#002366}.fab{align-items:center;background-color:#08a045;border:none;border-radius:50%;box-shadow:0 4px 10px #0080004d;color:#fff;cursor:pointer;display:flex;flex-shrink:0;height:50px;justify-content:center;padding:0;transition:background .3s;width:50px}.fab.active{background-color:#002366;color:#fff}}@media (max-width:480px){.bottom-nav{align-items:center;background:#fff;bottom:0;box-shadow:0 -2px 10px #0000001a;display:flex;justify-content:space-between;left:0;padding:10px 0;position:fixed;width:100%}.fab,.nav-item{font-size:10px;padding:6px}.fab-icon,.nav-icon{font-size:18px;margin-bottom:3px}.fab{height:40px;width:40px}}.login-container{display:flex;font-family:Poppins,sans-serif;height:100vh}.login-left{align-items:center;background:#2c53a2;display:flex;flex:1 1;justify-content:center}.password-input-wrap{align-items:center;display:flex;position:relative}.password-input-wrap input{padding-right:40px;width:100%}.password-toggle-icon{color:#666;cursor:pointer;font-size:18px;position:absolute;right:10px;top:15px}.login-image{border-radius:20px;height:auto;max-width:80%}.a{font-size:30px;margin-top:60px}.login-right{background:#fff;flex:1 1;justify-content:center;padding:40px}.login-right,.logo{align-items:center;display:flex}.logo{justify-content:flex-start;margin-bottom:20px;margin-left:0}.logo img{margin-right:10px;width:40px}.logo-text{color:#2c53a2;font-size:24px;font-weight:700}.login-form{display:flex;flex-direction:column;gap:20px;margin-top:20px;max-width:400px;width:100%}.login-form input{border:1px solid #ccc;border-radius:30px;font-size:16px;outline:none;padding:15px}.login-options{align-items:center;display:flex;font-size:14px;justify-content:space-between}.login-options a{color:#00b894;text-decoration:none}.login-button{background:#2c53a2;border:none;border-radius:30px;color:#fff;cursor:pointer;font-size:18px;padding:15px;transition:background .3s}.login-button:hover{background:#234da0}.signup-link{font-size:14px;margin-top:10px;text-align:center}.signup-link a{color:#00b894;text-decoration:none}.forgot-password-link{cursor:pointer;font-size:14px;padding:0;text-decoration:none}.forgot-password-link,.signup-button{background:none;border:none;color:#00b894}@media (max-width:768px){.login-left{display:none}}.forgot-container{display:flex;font-family:Poppins,sans-serif;min-height:100vh}.forgot-left{align-items:center;background-color:#f0f0f0;display:flex;flex:1 1;justify-content:center}.forgot-image{height:100%;object-fit:cover;width:100%}.forgot-right{align-items:center;display:flex;flex:1 1;justify-content:center;padding:40px}.forgot-wrapper{max-width:400px;width:100%}.forgot-logo{align-items:center;display:flex;margin-bottom:30px}.forgot-logo-img{height:40px;margin-right:10px}.forgot-logo-text{color:#0b2b97;font-size:24px;font-weight:600}.forgot-heading{color:#2e2e2e;font-size:32px;font-weight:700;margin-bottom:10px;margin-top:50px}.forgot-description{color:#6b6b6b;font-size:16px;margin-bottom:30px}.forgot-form{display:flex;flex-direction:column}.forgot-label{color:#333;font-weight:500;margin-bottom:8px}.forgot-input{border:1px solid #ddd;border-radius:50px;font-size:16px;margin-bottom:20px;padding:12px 20px;width:100%}.forgot-btn{background-color:#19c37d;border:none;border-radius:50px;color:#fff;cursor:pointer;font-size:16px;padding:14px;transition:background-color .3s ease}.forgot-btn:hover{background-color:#17b173}.forgot-back{margin-top:20px;text-align:center}.forgot-back-arrow{color:#0b2b97;font-size:16px}.forgot-back-link{align-items:center;background:none;border:none;color:#0b2b97;cursor:pointer;display:flex;font-size:14px;gap:5px;margin-left:125px;text-decoration:none}.createaccount-container{background-color:#f9f9f9;display:flex;min-height:100vh;overflow:hidden}.createaccount-left{align-items:center;background:#eef2f7;display:flex;flex:1 1;justify-content:center}.createaccount-image{max-width:450px;object-fit:contain;width:80%}.createaccount-right{align-items:center;background:#fff;display:flex;flex:1 1;justify-content:center;padding:3rem}.createaccount-content{max-width:500px;width:100%}.createaccount-logo{align-items:center;display:flex;margin-bottom:2rem}.createaccount-logo img{height:40px;margin-right:10px;width:40px}.createaccount-logo-text{color:#0056b3;font-size:1.75rem;font-weight:700}.createaccount-heading{color:#222;font-size:30px;font-weight:700;margin-bottom:8px}.createaccount-content p{color:#666;font-size:15px;margin-bottom:20px}.createaccount-form{margin-top:20px}.createaccount-form-row{display:flex;flex-wrap:wrap;gap:15px;margin-bottom:15px}.createaccount-form-group{display:flex;flex:1 1 45%;flex-direction:column}.createaccount-form-group label{color:#333;font-weight:500;margin-bottom:8px}.createaccount-form-group input{border:1px solid #ccc;border-radius:50px;font-size:14px;padding:10px 12px;transition:border-color .3s}.createaccount-form-group input:focus{border-color:#0056b3;outline:none}.createaccount-button{background-color:#2c53a2;border:none;border-radius:50px;color:#fff;cursor:pointer;font-size:17px;font-weight:600;margin-top:25px;padding:14px;transition:background-color .3s ease;width:100%}.createaccount-button:hover{background-color:#234da0}.createaccount-login-link{font-size:14px;margin-top:18px;text-align:center}.createaccount-login-link a{color:#19c37d;font-weight:600;text-decoration:none}@media (max-width:768px){.createaccount-container{flex-direction:column}.createaccount-left,.createaccount-right{flex:none;height:50vh;width:80%}.createaccount-right{height:auto;padding:2rem}.createaccount-form-row{flex-direction:column}}.otp-container{display:flex;height:100vh}.otp-left{align-items:center;background-color:#f5f5f5;display:flex;flex:1 1;justify-content:left}.otp-image{height:auto;width:80%}.otp-right{align-items:center;display:flex;flex:1 1;justify-content:center}.otp-content{max-width:400px;text-align:center;width:80%}.otp-logo{align-items:center;display:flex;justify-content:left;margin-bottom:20px}.otp-logo img{height:40px;margin-right:10px;width:40px}.otp-logo-text{color:#00008b;font-size:20px;font-weight:700}.otp-title{font-size:30px;font-weight:700;margin-bottom:10px;text-align:left}.otp-subtext{color:#555;font-size:14px;margin-bottom:20px;text-align:left}.otp-inputs{display:flex;justify-content:space-between;margin-bottom:20px}.otp-input{border:1px solid #ccc;border-radius:50%;font-size:18px;height:40px;text-align:center;width:40px}.otp-verify-button{background-color:#00b87c;border:none;border-radius:25px;color:#fff;cursor:pointer;font-size:16px;margin-bottom:15px;padding:10px;width:100%}.otp-verify-button:hover{background-color:#009e6f}.otp-back-link{background:none;border:none;color:#00008b;cursor:pointer;font-size:14px}.profile-container{margin-left:250px;max-width:600px;padding:50px}.profile-container h2{color:#333;font-size:24px;margin-bottom:20px;text-align:left}.profile-form{gap:15px}.form-group,.profile-form{display:flex;flex-direction:column}.form-group label{color:#333;font-weight:600;margin-bottom:6px}.form-group input:disabled{background-color:#fff}.form-group input{background:#f5f5f5;border:1px solid #ccc;border-radius:10px;font-size:16px;outline:none;padding:10px 12px;transition:.3s}.profile-buttons{display:flex;gap:10px;justify-content:flex-end;margin-top:20px}.edit-btn2,.save-btn2{border:none;border-radius:6px;cursor:pointer;font-weight:600;padding:10px 20px}.edit-btn2{background:#00008b;color:#fff}.save-btn2{background:#2d2df6;color:#fff}@media (max-width:768px){.profile-container{margin:50px 20px 80px;padding:20px}.form-group input{font-size:14px}.edit-btn2,.save-btn2{padding:8px 16px}}.billing-layout{display:flex;height:100vh;margin-left:250px;margin-top:0}.billing-content{background-color:#f8f9fa;flex:1 1;margin-top:50px;padding:20px}.billing-header{align-items:center;background:#fff;border-radius:10px;box-shadow:0 2px 8px #0000001a;display:flex;justify-content:space-between;margin-bottom:30px;padding:20px}.billing-header h2{color:#333;font-size:1.8rem;margin:0}.search-container{position:relative;width:400px}.search-input{border:2px solid #e0e0e0;border-radius:8px;font-size:16px;padding:12px 16px;transition:border-color .3s ease;width:100%}.search-input:focus{border-color:#4285f4;outline:none}.search-loader{color:#666;font-size:14px;padding:10px}.search-loader,.search-results{background:#fff;border:1px solid #e0e0e0;border-radius:0 0 8px 8px;border-top:none;left:0;position:absolute;right:0;top:100%}.search-results{box-shadow:0 4px 12px #00000026;max-height:300px;overflow-y:auto;z-index:1000}.search-result-item{border-bottom:1px solid #f0f0f0;cursor:pointer;padding:12px 16px;transition:background-color .2s ease}.search-result-item:hover{background-color:#f8f9fa}.search-result-item:last-child{border-bottom:none}.client-info{display:flex;flex-direction:column;gap:4px}.client-info strong{color:#333;font-size:16px}.case-number,.suit-type{color:#666;font-size:14px}.bill-section{background:#fff;border-radius:10px;box-shadow:0 2px 8px #0000001a;overflow:hidden}.bill-actions{background:#f8f9fa;border-bottom:1px solid #e0e0e0;display:flex;gap:10px;justify-content:flex-end;padding:20px}.clear-btn,.download-btn{border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .3s ease}.download-btn{background:#4285f4;color:#fff}.download-btn:hover{background:#3367d6}.clear-btn{background:#dc3545;color:#fff}.clear-btn:hover{background:#c82333}.bill-container{background:#fff;margin:0 auto;max-width:800px;padding:40px}.bill-header-section{align-items:flex-start;border-bottom:2px solid #4285f4;display:flex;justify-content:space-between;margin-bottom:30px;padding-bottom:20px}.firm-info h1{color:#4285f4;font-size:2.2rem;font-weight:700;margin:0 0 10px}.firm-info p{color:#666;font-size:14px;margin:5px 0}.bill-info{text-align:left}.bill-info h2{color:#333;font-size:1.8rem;font-weight:600;margin:0 0 15px}.bill-info p{color:#666;font-size:14px;margin:5px 0}.client-details{background:#f8f9fa;border-left:4px solid #4285f4;border-radius:8px;margin-bottom:30px;padding:20px}.client-details h3{color:#333;font-size:1.3rem;margin:0 0 15px}.client-info-bill{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr}.client-info-bill p{color:#666;font-size:14px;margin:5px 0}.client-info-bill strong{color:#333}.bill-items{margin-bottom:30px}.bill-table{border-collapse:collapse;margin-bottom:20px;width:100%}.bill-table td,.bill-table th{border-bottom:1px solid #e0e0e0;padding:12px;text-align:left}.bill-table th{background:#f8f9fa;color:#333;font-size:14px;font-weight:600}.bill-table td{color:#666;font-size:14px}.bill-table td:first-child,.bill-table th:first-child{text-align:center;width:60px}.bill-table td:last-child,.bill-table th:last-child{text-align:right;width:150px}.amount-input{border:1px solid #e0e0e0;border-radius:4px;font-size:14px;padding:8px;text-align:right;transition:border-color .3s ease;width:100%}.amount-input:focus{border-color:#4285f4;outline:none}.bill-summary{background:#f8f9fa;border-radius:8px;margin-bottom:30px;padding:20px}.summary-row{color:#666;display:flex;font-size:14px;justify-content:space-between;margin-bottom:10px}.summary-row.total{border-top:2px solid #4285f4;color:#333;font-size:18px;margin-top:15px;padding-top:15px}.bill-footer{border-top:1px solid #e0e0e0;padding-top:20px}.bill-footer p{color:#666;font-size:14px;margin:10px 0}.bill-footer ul{margin:10px 0;padding-left:20px}.bill-footer li{color:#666;font-size:12px;margin:5px 0}.signature-section{margin-top:30px;text-align:right}.signature-section p{color:#666;font-size:14px;margin:10px 0}.no-client-message{background:#fff;border-radius:10px;box-shadow:0 2px 8px #0000001a;padding:60px 20px;text-align:center}.no-client-message p{color:#666;font-size:16px;margin:0}.error-message{background:#f8d7da;border:1px solid #f5c6cb;border-radius:8px;color:#721c24;margin-bottom:20px;padding:15px}@media print{.billing-layout{margin-left:0}.billing-content{margin-top:0;padding:0}.no-print{display:none!important}.bill-container{box-shadow:none;padding:20px}.bill-header-section,.bill-table{page-break-inside:avoid}}@media (max-width:1144px){.billing-layout{margin-left:0}.billing-content{margin-top:20px;padding:15px}.billing-header{align-items:stretch;flex-direction:column;gap:20px}.search-container{width:100%}.bill-container{padding:30px 20px}.bill-header-section{flex-direction:column;gap:20px}.bill-info{text-align:left}.client-info-bill{grid-template-columns:1fr}}@media (max-width:768px){.billing-content{margin-top:60px;padding:10px}.billing-header{padding:15px}.billing-header h2{font-size:1.5rem}.bill-container{margin-bottom:80px;padding:20px 15px}.firm-info h1{font-size:1.8rem}.bill-info h2{font-size:1.5rem}.bill-table td,.bill-table th{font-size:12px;padding:8px 4px}.bill-table td:first-child,.bill-table th:first-child{width:40px}.bill-table td:last-child,.bill-table th:last-child{width:100px}.amount-input{font-size:12px;padding:6px}.bill-actions{flex-direction:column;gap:10px}.clear-btn,.download-btn{width:100%}}@media (max-width:480px){.billing-header{padding:10px}.billing-header h2{font-size:1.3rem}.bill-container{padding:15px 10px}.firm-info h1{font-size:1.5rem}.bill-info h2{font-size:1.3rem}.bill-summary,.client-details{padding:15px}.summary-row{font-size:13px}.summary-row.total{font-size:16px}.search-container{width:100%}.search-input{font-size:14px;padding:10px}}
/*# sourceMappingURL=main.71f169ac.css.map*/