@import url(https://fonts.googleapis.com/icon?family=Material+Icons);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}.pointer{cursor:pointer}.equal-space{padding:20px 55px}.btn-primary{background-color:#0056b3;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:10px 20px}.w-100{max-width:100%}.fw-100{width:100%}.h-100{max-height:100%}.px-5{padding:0 5px}.px-10{padding:0 10px}.px-20{padding:0 20px}.px-30{padding:0 30px}.py-5{padding:5px 0}.py-10{padding:10px 0}.py-20{padding:20px 0}.py-30{padding:30px 0}.mx-5{margin:0 5px}.mx-10{margin:0 10px}.mx-20{margin:0 20px}.mx-30{margin:0 30px}.my-5{margin:5px 0}.my-10{margin:10px 0}.my-20{margin:20px 0}.my-30{margin:30px 0}.p-ab{position:absolute}.p-re{position:relative}.r-0{right:0}.l-0{left:0}.t-0{top:0}.b-0{bottom:0}.tac{text-align:center}.fr{float:right}.fl{float:left}.Main-container{display:flex;height:90vh}p{margin-bottom:0}.center-table-div{align-items:center;display:flex;justify-content:center;width:100%}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none;margin:0}.content-mainDiv{align-items:center;background:#eee;border-bottom-left-radius:3px;display:flex;justify-content:center;padding:10px;width:100%}.content-container{background-color:#fff;height:100%;max-height:100%;overflow-y:auto;width:100%}.tab_badge{background-color:#0056b3;border-radius:50%;color:#fff;font-size:9px;padding:4px 8px;text-align:center}.outflowbill-button-searchbox{margin:10px 0}.outflowbill-main-button-box{align-items:center;display:flex;gap:10px;justify-content:flex-end;padding:0 10px 10px 0}.outflowbill-box1{box-shadow:1px 1px 4px #00000080;padding:5px 20px 20px 30px}.outflowform-button-bill{background-color:#0056b3;border:none;border-radius:4px;color:#fff;font-size:1rem;margin-left:18px;padding:8px 16px}.outflowbill-container-box{margin:1rem 0}.outflow-invoice-number{color:#0056b3;cursor:pointer;font-weight:700}.pdfLogo-img img{height:30px;width:30px}.tags{color:grey}.tags1{font-weight:500}.outflowbill-invoice{align-items:center;display:flex;flex-direction:column;justify-content:center}.field{display:flex;padding:0}.row-flex,.row-flex1{column-gap:40px;display:flex}.row-flex1{margin-left:140px;margin-top:-22px}p{font-size:.8rem}.outflowbill-3button{background-color:#fff;border:2px solid #0056b3;border-radius:4px;box-shadow:1px 1px 4px #0056b3;color:#0056b3;font-size:.8rem;padding:6px 12px}.outflowbill-3button:hover{color:none;cursor:pointer}.table-details-bill{align-items:flex-start;display:flex;gap:3rem}.table-details-bill-left{margin:10px}.table-details-bill-right{align-items:flex-start;display:flex;gap:2rem;justify-content:flex-start}.field-col{align-items:flex-start;flex-direction:column}.field-col,.right-field{display:flex;justify-content:center}.right-field{align-items:center;gap:2rem}.even-bg{background-color:#f8f8f8}.odd-bg{background-color:#fff}.outflowsplitbill-semi-container{align-items:center;display:flex;gap:1rem;justify-content:flex-end;padding:10px}.outflowsplitbill-rule-glcode{display:flex;gap:6px}.outflowsplitbill-rule-glcode label{color:grey;font-size:14px;font-weight:500}.outflowsplitbill-select{border-radius:4px;font-size:.8rem;padding:5px}.outflowsplitbill-select-option{font-weight:500}.outflowsplitbill-cancel-confirm-button{align-items:center;display:flex;gap:10px;justify-content:end;padding:0 10px 10px 0}.outflowsplitbill-2buttons button{background-color:#0056b3;border:none;border-radius:5px;color:#fff;font-size:.8rem;padding:8px}.outflowsplitbill-semi-container select{border-radius:3px;font-size:12px;height:30px;width:150px}.outflowsplitbillshare{height:30px;width:150px}.special-input{width:45px}@keyframes spinner{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.loading-spinner{animation:spinner 1.5s linear infinite;border:10px solid #f3f3f3;border-radius:50%;border-top-color:#0056b3;height:60px;width:60px}.spinner-container{align-items:center;display:grid;height:350px;justify-content:center}.outflowform-container{padding:10px 16px}.box-1{justify-content:center}.box-1,.box-2,.box-3{column-gap:20px;display:flex;margin:20px}.box1-options{border-radius:5px;width:200px}.box2-options{border-radius:5px;width:190px}.box3-options{border-radius:5px;width:200px}.outflowbill-totals{align-items:end;display:flex;justify-content:flex-end}.outflowbill-h1-tag{margin-left:20px}.outflowform-button-submit{align-items:end;display:flex;gap:10px;justify-content:flex-end;padding:10px 32px}.outflow-totals-box label{font-size:.8rem;font-weight:500}.outflow-totals-box input{font-size:.8rem}.outflowform-button-cancel{background-color:#0056b3;border:none;border-radius:4px;color:#fff;font-size:.8rem;margin-right:8px;padding:6px 16px}.outflowform-cancel{background-color:#fff;border-color:currentcolor currentcolor #0056b3;border-radius:4px;border-style:none solid;border-width:3px medium medium;box-shadow:1px 1px 4px #0056b3;color:#0056b3;font-size:.8rem;margin-right:10px;padding:6px 16px}.form-div{gap:2rem;width:100%}.form-div,.form-div-field{align-items:flex-start;display:flex;justify-content:flex-start}.form-div-field{flex-direction:column;gap:1rem}.billProduct th{border:1px solid #d3d3d3;font-size:.9rem;font-weight:500;height:5px;padding:2px;text-align:left;width:150px}.billProduct table{border-collapse:collapse;margin-left:20px}.billProduct td{border:1px solid #d3d3d3;font-size:.9rem;height:5px;width:120px}.billProduct td input{border:#d3d3d3;width:120px}.readytosendtoXERO-box1{box-shadow:1px 1px 4px #00000080;padding:5px 20px 20px 30px}.readyToSentXero_bill{margin:6px 0;padding:0 6px}.send-to-xero-buttons{align-items:center;display:flex;gap:10px;justify-content:flex-end;padding:6px}.sendToXero-rec-table{align-items:center;display:flex;justify-content:center;width:100%}.send-to-xero-approved-button{color:#15af15;font-size:.9rem;font-weight:500}.send-to-xero button{background-color:#0056b3;border:none;border-radius:4px;color:#fff;font-size:.9rem;padding:4px 16px}.link-active{color:#0056b3}.link{color:#000}.rec-inv-connect-to-xero{background-color:#0056b3;border-color:currentcolor currentcolor #0056b3;border-radius:4px;border-style:none solid;border-width:3px medium medium;color:#fff;cursor:pointer;font-size:1rem;margin-left:5px;margin-right:10px;margin-top:15px;padding:6px 16px}.Button-send-invoice{cursor:pointer}.sentToXero-bill{margin:.5rem;padding:0 10px}.readytosendtoXEROpayinv-box1{box-shadow:1px 1px 4px #00000080;margin:20px;padding:15px}.sendpayinvtoxero button{background-color:#0056b3;border:none;border-radius:4px;color:#fff;font-size:.9rem;padding:4px 16px}.filter-by-org{border-radius:3px;box-shadow:1px 1px 3px #00000080;gap:10px;margin:20px;padding:15px;width:270px}.filter-by-org select{border:1px solid #0056b3;border-radius:2px;color:#0056b3;font-size:.6rem;font-weight:700;padding:5px}.filter-by-org select option{font-weight:700}.send-to-xero-pay-inv{margin:20px}.send-to-xero-pay-inv button{border:none;border-radius:4px;font-size:.9rem;padding:4px 16px}.pay-connect-to-xero,.send-to-xero-pay-inv button{background-color:#0056b3;color:#fff;cursor:pointer}.pay-connect-to-xero{border-color:currentcolor currentcolor #0056b3;border-radius:4px;border-style:none solid;border-width:3px medium medium;font-size:1rem;padding:6px 16px}.send-to-xero-container{padding:16px}.loading-container{align-items:center;height:100vh}.filter-by-org,.loading-container{display:flex;justify-content:center}.filter-by-org{margin-bottom:16px}.org-select-dropdown{width:300px}.table-container{margin-top:16px}.MuiTableCell-root{font-size:12px;font-weight:600}.MuiTableRow-root:nth-of-type(odd){background-color:#f9f9f9}.MuiTableRow-root:nth-of-type(2n){background-color:#fff}.send-to-xero-button{display:flex;justify-content:flex-end;margin-top:16px}.child-active{color:#0056b3}.link-appv{color:#000}.outflowapprovalbill-box1{box-shadow:1px 1px 4px #00000080;padding:5px 20px 20px 30px}.outflowapproval-container-box{box-shadow:1px 1px 4px #00000080;margin:20px;padding:15px}.director-approval-buttons{align-items:center;column-gap:10px;display:flex;justify-content:flex-end}.director-approval{color:orange;font-size:.9rem}.director-approval-refuse{background-color:#fff;border:1px solid #0056b3;box-shadow:1px 1px 4px #0056b3;color:#0056b3;padding:4px}.director-approval-approve,.director-approval-refuse{border-radius:5px;font-size:.8rem;text-decoration:none}.director-approval-approve{background-color:#0056b3;border:none;color:#fff;padding:6px}.director-approval-bill table tr th{font-weight:600}.director-approval-bill table tr td{font-weight:500!important}.Refusal-page-container{padding:1rem}.Refusal-bill-left-div{font-size:1.8rem;font-weight:700;width:900px}.Refusal-page-center-div textarea{border:1px solid #ccc;border-radius:3px;height:40vh;letter-spacing:.0075em;line-height:1rem;text-decoration:none;width:100%}.Refusal-page-right-div{align-items:center;display:flex;gap:1rem;justify-content:flex-end}.button1{background-color:#fff;border:1px solid #0056b3;border-radius:5px;box-shadow:1px 1px 4px #0056b3;color:#0056b3;font-size:.9rem;padding:8px}.button2{background-color:#0056b3;border:none;border-radius:5px;color:#fff;font-size:.9rem;margin-left:10px;padding:9px}.dir_bill_apprvd_data{align-items:flex-start;display:flex;gap:4rem;justify-content:flex-start;width:100%}.dir_bill_apprvd_data_div1{flex-direction:column}.dir_bill_apprvd_data_div,.dir_bill_apprvd_data_div1{align-items:center;display:flex;justify-content:flex-start;padding:10px}.dir_bill_apprvd_data_div{gap:4rem}.dir_bill_apprvd_data_div_field{flex-direction:column}.dir_bill_apprvd_data_div_field,.field_div_data{align-items:flex-start;display:flex;justify-content:flex-start}.directorbillapproved-box1{box-shadow:1px 1px 4px #00000080;padding:5px 20px 20px 30px}.director-approved-button{align-items:center;color:#15af15;display:flex;font-size:1rem;font-weight:500;justify-content:flex-end}.directorbillapproved-box1 table tr,td,th{border:1px solid #e0e0e0}.remarks2 span{font-weight:500}.remarks2{font-size:.9rem}.director-chat-button{align-items:center;display:flex;gap:1rem;justify-content:flex-end;padding:1rem}.chat-button{background-color:#0056b3;border:none;border-radius:5px;color:#fff;margin-right:10px;padding:6px}.chat-button,.resolve-button{font-size:.8rem;text-decoration:none}.resolve-button{background-color:#fff;border:1px solid #0056b3;border-radius:5px;box-shadow:1px 1px 4px #0056b3;color:#0056b3;padding:4px}.editForm_Content{align-items:flex-start;display:flex;flex-direction:row;flex-wrap:nowrap;gap:1rem;justify-content:flex-start}.editForm_fieldContent{width:60%}.editForm_fields{padding:10px}.editForm_fieldContent input{border:1px solid #ccc;width:90%}.first-box-central-name{color:#1b1b1b;font-family:Open Sans,Roboto,Helvetica Neue,sans-serif;font-size:38px;font-weight:600;margin:0;padding:0;text-align:center}#logo-h1{padding:0}.Login-semi-container{align-items:center;background:#fff;background-color:#fff9;border-radius:20px;box-sizing:border-box;display:flex;flex-direction:column;gap:2rem;justify-content:flex-start;padding:40px 10px;width:auto}.Login-semi-container button{background-color:#0056b8;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:16px;padding:10px;text-align:center;width:200px}.sign-in-button{margin-top:20px;text-align:center}.navbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#fff,#f8fafc);border-bottom:1px solid #e2e8f0;box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;position:-webkit-sticky;position:sticky;top:0;z-index:1000}.navbar-container{justify-content:space-between;margin:0 auto;max-width:100%;padding:.5rem 1rem}.navbar-container,.navbar-logo{align-items:center;display:flex}.logo-image{height:40px;transition:transform .2s ease;width:auto}.logo-image:hover{transform:scale(1.05)}.navbar-user{position:relative}.user-profile{align-items:center;background:#fffc;border:1px solid #e2e8f0;border-radius:12px;cursor:pointer;display:flex;gap:.75rem;padding:.5rem 1rem;transition:all .2s ease}.user-profile:hover{background:#fff;box-shadow:0 4px 12px #0000001a;transform:translateY(-1px)}.user-info{align-items:flex-end;display:flex;flex-direction:column;text-align:right}.user-name{color:#1e293b;font-size:.875rem;font-weight:600;line-height:1.2}.user-email{color:#64748b;font-size:.75rem;font-weight:400;line-height:1.2}.user-avatar{position:relative}.avatar-image{border:2px solid #e2e8f0;border-radius:50%;height:40px;object-fit:cover;transition:border-color .2s ease;width:40px}.user-profile:hover .avatar-image{border-color:#2563eb}.avatar-fallback{align-items:center;background:linear-gradient(135deg,#3b82f6,#2563eb);border:2px solid #e2e8f0;border-radius:50%;color:#fff;display:flex;font-size:1rem;font-weight:600;height:40px;justify-content:center;width:40px}.dropdown-arrow{color:#64748b;transition:transform .2s ease}.dropdown-arrow.open{transform:rotate(180deg)}.dropdown-menu{animation:dropdownSlide .2s ease;background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 10px 25px #0000001a;min-width:200px;overflow:hidden;position:absolute;right:0;top:calc(100% + .5rem);z-index:1001}@keyframes dropdownSlide{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.dropdown-item{align-items:center;color:#374151;cursor:pointer;display:flex;font-size:.875rem;gap:.75rem;padding:.75rem 1rem;transition:background-color .2s ease}.dropdown-item:hover{background-color:#f8fafc}.dropdown-item svg{color:#6b7280}.logout-item:hover{background-color:#fef2f2;color:#dc2626}.logout-item:hover svg{color:#dc2626}.dropdown-divider{background-color:#e5e7eb;height:1px;margin:.25rem 0}@media (max-width:768px){.navbar-container{padding:.5rem 1rem}.user-info{display:none}.user-profile{padding:.5rem}.logo-image{height:32px}}.sidebar{background:linear-gradient(180deg,#fff,#f8fafc);border-right:1px solid #e2e8f0;box-shadow:2px 0 10px #0000000d;display:flex;flex-direction:column;height:100vh;left:0;position:fixed;top:0;transition:all .3s cubic-bezier(.4,0,.2,1);width:250px;z-index:999}.sidebar.collapsed{width:80px}.sidebar-header{border-bottom:1px solid #e2e8f0;display:flex;justify-content:flex-end;padding:1.5rem 1rem}.collapse-btn{align-items:center;background:none;background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;justify-content:center;padding:.5rem;transition:all .2s ease}.collapse-btn:hover{background-color:#f1f5f9;background:linear-gradient(135deg,#3b82f6,#2563eb)}.collapse-btn svg{transition:transform .3s ease}.collapse-btn svg.rotate-180{transform:rotate(180deg)}.sidebar-nav{flex:1 1;overflow-y:auto;padding:1rem 0}.nav-list{list-style:none;margin:0;padding:0}.nav-item{margin:.25rem 0}.nav-link{align-items:center;background:none;border:none;border-radius:12px;color:#475569;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:1rem;margin:0 .75rem;overflow:hidden;padding:.875rem 1.5rem;position:relative;text-align:left;transition:all .2s ease;width:calc(100% - 1.5rem)}.sidebar.collapsed .nav-link{justify-content:center;margin:0 .5rem;padding:.875rem;width:calc(100% - 1rem)}.nav-link:hover{background:linear-gradient(135deg,#f0fdf4,#dcfce7);transform:translateX(4px)}.nav-link.active,.nav-link:hover{background:linear-gradient(135deg,#3b82f6,#2563eb)}.nav-link.active{box-shadow:0 4px 12px #22b2c54d;color:#fff}.nav-link.active:hover{background:linear-gradient(135deg,#3b82f6,#2563eb);transform:translateX(0)}.nav-icon{align-items:center;display:flex;justify-content:center;min-width:20px}.nav-text{font-weight:600;letter-spacing:.025em;white-space:nowrap}.active-indicator{animation:pulse 2s infinite;background:#fffc;border-radius:50%;height:6px;position:absolute;right:.5rem;width:6px}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.sidebar-footer{background:#f8fafccc;border-top:1px solid #e2e8f0;flex-direction:column;gap:10px;padding:1rem}.sidebar-footer,.user-card{align-items:center;display:flex;justify-content:center}.user-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;gap:.75rem;padding:.5rem;transition:all .2s ease;width:100%}.user-card:hover{box-shadow:0 4px 12px #0000001a}.user-avatar-small,.user-card.collapsed{justify-content:center}.user-avatar-small{align-items:center;background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:.875rem;font-weight:600;height:30px;width:30px}.user-details{display:flex;flex-direction:column;min-width:0}.user-name-small{color:#1e293b;font-size:.875rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-role{color:#64748b;font-size:.75rem;font-weight:500}.sidebar-nav::-webkit-scrollbar{width:4px}.sidebar-nav::-webkit-scrollbar-track{background:#0000}.sidebar-nav::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:2px}.sidebar-nav::-webkit-scrollbar-thumb:hover{background:#94a3b8}@media (max-width:768px){.sidebar{height:100dvh;transform:none}.sidebar,.sidebar.collapsed{width:80px}.sidebar .nav-text,.user-role{display:none}}@media (prefers-color-scheme:dark){.sidebar{background:linear-gradient(180deg,#1e293b,#0f172a);border-right-color:#334155}.sidebar-header{border-bottom-color:#334155}.collapse-btn{color:#94a3b8}.collapse-btn:hover{background-color:#334155;color:#22c55e}.nav-link{color:#cbd5e1}.nav-link:hover{background:linear-gradient(135deg,#22c55e1a,#22c55e33);color:#22c55e}.sidebar-footer{background:#0f172acc;border-top-color:#334155}.user-card{background:#334155;border-color:#475569}.user-name-small{color:#f1f5f9}.user-role{color:#94a3b8}}.layout{display:flex}.content{flex:1 1;margin-left:250px;transition:margin-left .3s ease;width:60%}.sidebar.collapsed~.content{margin-left:80px}@media (max-width:1024px){.content{margin-left:250px}.sidebar.collapsed~.content{margin-left:80px}}@media (max-width:768px){.content{margin-left:80px}.sidebar.collapsed~.content{margin-left:60px}}.curr_container{align-items:flex-start;background-color:#eee;display:flex;justify-content:center;width:100%}.curr_mainDiv{background-color:#fff;border-radius:3px;gap:1rem;height:86vh;justify-content:space-evenly;margin:12px;overflow-y:auto;width:100%}.curr_div,.curr_mainDiv{align-items:center;display:flex}.curr_div{justify-content:center}.curr_form{align-items:flex-start;display:flex;flex-direction:column;justify-content:flex-start;padding:1rem}.curr_head{font-size:1.25rem;font-weight:500;letter-spacing:.0075em;line-height:1.6}.curr_inputs{align-items:flex-start;flex-direction:column}.curr_btn,.curr_inputs{display:flex;justify-content:flex-start}.curr_btn{align-items:center;padding:1rem}label{letter-spacing:.0075em;line-height:1.6}input,select{border:1px solid #cccccce5;border-radius:3px;padding:6px;width:80%}.currency-button{border:none;border-radius:4px;color:#fff;cursor:pointer;padding:10px 20px}.currency-button,.currency-button:hover{background-color:#0056b3}@media only screen and (max-width:768px){input{width:100%}}.activeProjects-mainDiv{align-items:center;background:#eee;border-bottom-left-radius:3px;display:flex;justify-content:center;padding:10px;width:100%}.project-container{background-color:#fff;height:100%;max-height:100%;overflow-y:auto;width:100%}.project-inner-container{margin:18px;padding:.5rem}.business-unit-div{align-items:center;display:flex;gap:1rem;justify-content:flex-start;padding:1rem}.project-nav{padding:0 1rem}.des-cost-1,.des-cost-2{font-size:1rem;font-weight:500;letter-spacing:.0075em;line-height:1.6}.des-cost{display:flex;flex-direction:row;justify-content:space-between;margin:0 0 10px}.description{font-size:medium}.category{flex:1 1}.p{color:grey}.p,.span{font-weight:500}.span{color:#000}.box1-options-project{border:2px solid #0056b3;border-radius:5px;color:#0056b3;cursor:pointer;padding:4px;width:200px}.add-project-button{background-color:#0056b3;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:.8rem;margin:0 0 0 8px;padding:7px}.dates-staff-split{display:flex}.addProjectform-container{align-items:center;display:flex;justify-content:center}.addPro-plus-section{align-items:flex-start;display:flex;flex-direction:column;gap:1rem;justify-content:flex-start;padding:0 1rem}#split-add{width:100%}#add,#split-add{font-size:1rem;font-weight:500;letter-spacing:.0075em;line-height:1.6}.outflowform-button-cancel,.outflowform-cancel{cursor:pointer}.addProjectform-container .flex{column-gap:20px;display:flex;margin:20px}.addProjectform-container input,select{border:1px solid #cccccce5;border-radius:3px;padding:6px;width:100%}.split-input{width:80%!important}.addProjectform-container .p-flex{column-gap:20px;display:flex;margin:10px 0}.super-container{background-color:#f1f1f1;min-height:80vh}.buttons{display:flex;gap:15px}h3{font-size:20px}.p-10{padding:10px}form label{display:inline-block;font-size:12px}.form-control{width:100%}.text-danger{color:red;font-size:12px}.employee-form input[type=checkbox],.employee-form input[type=radio]{width:10%}.employee-form [type=radio]:checked,.employee-form [type=radio]:not(:checked){left:-9999px;position:absolute}.employee-form [type=radio]:checked+label,.employee-form [type=radio]:not(:checked)+label{color:#666;cursor:pointer;display:inline-block;line-height:20px;padding-left:28px;position:relative}.employee-form [type=radio]:checked+label:before,.employee-form [type=radio]:not(:checked)+label:before{background:#fff;border:1px solid #aeacac;border-radius:100%;content:"";height:18px;left:0;position:absolute;top:0;width:18px}.employee-form [type=radio]:checked+label:after,.employee-form [type=radio]:not(:checked)+label:after{background:#0056b3;border-radius:100%;content:"";height:12px;left:4px;position:absolute;top:4px;transition:all .2s ease;width:12px}.employee-form [type=radio]:not(:checked)+label:after{opacity:0;transform:scale(0)}.employee-form [type=radio]:checked+label:after{opacity:1;transform:scale(1)}.employee-form .border{border:1px solid #aeacac;border-radius:10px;padding:5px 10px}.employee-form [type=checkbox]:checked+label,.employee-form [type=checkbox]:not(:checked)+label{display:inline-block;font-weight:400;line-height:20px}.superadmin table th{font-weight:600;max-width:150px}.superadmin table tbody tr td{overflow-x:auto;overflow-y:auto}svg{font-size:10px}.week-view-navbar{border:none;border-radius:15px;color:#fff;cursor:pointer;margin:10px;padding:8px}.TimesheetNav-mainDiv{align-items:center;background:#eee;border-bottom-left-radius:3px;display:flex;justify-content:center;padding:20px 10px;width:100%}.TimesheetNav-Container{background-color:#fff;height:100%;padding:10px;width:100%}.outflownavbarTimesheet-container{column-gap:1rem}.outflownavbarTimesheet-container,.view-navbar{align-items:center;display:flex;justify-content:flex-start}.view-navbar{padding:1rem}.view-navbar select{border:1px solid #000;border-radius:3px;font-size:16px;height:2rem}.reports-navbar{font-size:1rem;font-weight:500;letter-spacing:.0075em;line-height:1.6;padding:10px 0}.calendar-header,.calender-main-container{align-items:center;display:flex}.calender-main-container{justify-content:space-between}.calendar-logo{height:40px;margin-right:8px;width:40px}.calendar-title{color:#888;font-size:1rem;font-weight:500;margin-right:20px}.calendar-button{background-color:#fff;border:1px solid #ccc;border-radius:4px;font-size:.8rem;margin-right:10px;padding:5px 10px}.calendar-icon-button{background-color:#fff;border:1px solid #ccc;cursor:pointer;margin-left:10px}.material-icons-outlined{background-color:none;background-color:#fff;border:none;font-size:16px}.date{color:#888;font-size:1rem;font-weight:500;margin-left:1rem}.button-1{margin:0 12px}.project-timer-div{padding:1px}.project-timer-div button{background-color:#0056b3;border:none;color:#fff;cursor:pointer;padding:5px}.project-timer-div-1 button:disabled{background-color:#ccc;cursor:not-allowed}.project-timer-div select{cursor:pointer;padding:5px}.project-timer-div-1{column-gap:5px}.create-event-button{align-items:center;background-color:#fff;border:1px solid #ccc;border-radius:25px;box-shadow:0 2px 4px #0003;display:flex}.create-event-button:hover{box-shadow:0 4px 8px #0006}.create-event-button img{height:1.8rem;width:1.8rem}.create-event-button span{font-size:1rem;padding-left:.5rem;padding-right:1.5rem}.new-event-tag{cursor:pointer;margin:2px;padding:0 0 10px}.add-button{align-items:end;background-color:#fff;border:none;border-radius:5px;color:#0056b3;cursor:pointer;margin-right:0}.add-button-container{margin-left:1px}#event-tag-title{margin-bottom:2px}.events-container{align-items:center;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100%}.events-form{background-color:#fff;border-radius:.5rem;box-shadow:0 8px 16px #0003;width:25%;z-index:999}.events-header{align-items:center;background-color:#f0f0f0;display:flex;justify-content:space-between;padding:.5rem 1rem}.events-header-icon{color:#888;cursor:grab;font-size:1.5rem}.events-header-button{background:none;border:none;cursor:pointer}.events-header-button-icon{color:#888;cursor:pointer;font-size:1.5rem}.Time{display:flex}.input-tag{border:0;border-bottom:2px solid #ccc;color:#666;cursor:pointer;font-size:1rem;font-weight:300;outline:none;transition:border-color .3s;width:100%}.addEvent-field-div{align-items:center;display:flex;justify-content:center;padding:1rem}.select-tag{border:1px solid #ccc;border-radius:3px;cursor:pointer;font-size:1rem;font-weight:400;height:50px;width:100%}.date-time{align-items:flex-start;display:flex;justify-content:flex-start;margin:5px 0 5px 15px}.date-time p{font-size:medium}.segment-input{align-items:center;display:flex;justify-content:center;width:90%}.bookmark-color{display:flex;gap:1rem;margin:5px 0 5px 15px}.bookmark-color span{font-size:1.8rem}.timingInput{height:1rem;margin-right:15px;margin-top:10px;width:5rem}.schedule-icon{margin-left:15px;margin-right:15px}.footer-save{margin:.8rem}.footer-save button{background-color:#0056b3;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:1rem;margin-top:10px;padding:5px 8px}input[type=text]:focus{border-color:#0056b3}.material-icons-schedule-icon{color:grey;font-size:80px}.horizontal-container{gap:6px}#Color-coding,.horizontal-container{align-items:center;display:flex;flex-direction:row}#Color-coding{border-radius:50%;color:#fff;cursor:pointer;font-size:.875rem;height:1.5rem;justify-content:center;width:1.5rem}.material-icons-check{color:#fff}.bg-indigo-500{background-color:#6c63ff}.bg-gray-500{background-color:#b7950b}.bg-green-500{background-color:#117864}.bg-blue-500{background-color:#3498db}.bg-red-500{background-color:#cd5c5c}.bg-purple-500{background-color:#a569bd}.Login-container{background-image:url(/static/media/Login.a7affbdaf9b5f767835b.jpg);height:100vh;margin-top:-20px}.Login-container,.users-login-tabs{align-items:center;display:flex;justify-content:center;width:100%}.users-login-tabs{padding:1rem}.user-login-tab{align-items:center;background-color:#fff;border-radius:6px;display:flex;flex-direction:column;gap:1rem;height:300px;justify-content:center;width:300px}.redirect-btn{background-color:#0163f7e6;border:none;border-radius:8px;box-shadow:0 4px 10px #0003;color:#fff;cursor:pointer;font-size:16px;font-weight:600;outline:none;padding:14px 20px;text-align:center;transition:background-color .3s ease,transform .3s ease;width:80%}.redirect-btn:hover{background-color:#0150e6;transform:translateY(-3px)}.redirect-btn:hover:disabled{background-color:#0163f7e6;transform:none}.redirect-btn:active{background-color:#0163f7cc;transform:translateY(0)}.bi-reports-container{align-items:flex-start;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);display:flex;justify-content:center;width:100%}.bi-reports-main{background-color:#fff;box-shadow:0 10px 40px #00000014;display:flex;flex-direction:column;max-width:1400px;overflow:hidden;width:100%}.bi-reports-header{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;padding:16px 12px}.bi-reports-header-content{align-items:center;display:flex;gap:16px}.bi-reports-title{font-size:24px;font-weight:700;letter-spacing:-.025em;margin:0}.bi-reports-content{flex:1 1;padding:40px 24px}.bi-reports-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));width:100%}.report-tab-wrapper{display:flex;justify-content:center}.report-tab-card{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:12px;box-shadow:0 4px 12px #0000000d;display:flex;flex-direction:column;height:320px;justify-content:space-between;max-width:280px;padding:24px;transition:all .3s ease;width:100%}.report-tab-card:hover{border-color:#667eea;box-shadow:0 12px 24px #667eea26;transform:translateY(-4px)}.report-tab-image-container{align-items:center;display:flex;flex:1 1;justify-content:center;margin-bottom:16px}.report-tab-image-container img{max-height:100%;max-width:100%;object-fit:contain}.report-tab-name{color:#1e293b;font-size:16px;font-weight:600;line-height:1.4;margin-bottom:16px;text-align:center}.report-view-btn{background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:8px;box-shadow:0 4px 12px #667eea40;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 16px;transition:all .2s ease;width:100%}.report-view-btn:hover:not(:disabled){box-shadow:0 8px 20px #667eea59;transform:translateY(-2px)}.report-view-btn:disabled{background:#e5e7eb;box-shadow:none;color:#9ca3af;cursor:not-allowed}@media (max-width:768px){.bi-reports-container{padding:12px}.bi-reports-header{padding:24px 16px}.bi-reports-header-content{align-items:flex-start;flex-direction:column}.bi-reports-title{font-size:24px}.bi-reports-content{padding:24px 16px}.bi-reports-grid{gap:16px;grid-template-columns:1fr}.report-tab-card{max-width:100%}}.modal-overlay{z-index:50}.modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#00000080;bottom:0;left:0;position:absolute;right:0;top:0}.modal-container{background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 25px 50px -12px #00000040;max-height:80vh;max-width:672px;overflow:hidden;position:relative;width:100%}.modal-header{padding:24px}.modal-title{color:#111827;font-size:20px;font-weight:600;margin:0}.close-button{align-items:center;background-color:initial;border:none;border-radius:50%;cursor:pointer;display:flex;height:32px;justify-content:center;transition:background-color .2s ease;width:32px}.close-button:hover{background-color:#f3f4f6}.close-button svg{color:#6b7280;height:16px;width:16px}.modal-content{max-height:calc(80vh - 120px);padding:24px}.reports-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr}@media (min-width:640px){.reports-grid{grid-template-columns:repeat(2,1fr)}}.report-card{background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:16px;transition:box-shadow .2s ease}.report-card:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.report-card-content{display:flex;flex-direction:column;gap:12px}.report-name-container{align-items:flex-start;display:flex;min-height:40px}.report-name{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#374151;display:-webkit-box;font-size:14px;font-weight:500;line-height:1.25;margin:0;overflow:hidden}.view-report-button{align-items:center;background-color:#3b82f6;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;justify-content:center;padding:8px 16px;transition:background-color .2s ease;width:100%}.view-report-button:hover{background-color:#2563eb}.view-report-button svg{height:12px;width:12px}.empty-state{padding:48px 0;text-align:center}.empty-state p{color:#6b7280;margin:0}.sr-only{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}@media (prefers-color-scheme:dark){.modal-container{background-color:#1f2937;border-color:#374151}.modal-header{border-bottom-color:#374151}.modal-title{color:#f9fafb}.close-button:hover{background-color:#374151}.close-button svg{color:#d1d5db}.report-card{background-color:#1f2937;border-color:#374151}.report-name{color:#e5e7eb}.empty-state p{color:#9ca3af}}.franchisee-directory{background-color:#f8fafc;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh;padding:20px}@media (max-width:768px){.franchisee-directory{padding:12px}}.header{align-items:center;display:flex;justify-content:space-between;margin-bottom:32px}.header-title{color:#1e293b;font-size:32px;font-weight:700;letter-spacing:-.025em;margin:0}.header-buttons{align-items:center;display:flex;gap:12px}.add-franchisee-btn{align-items:center;background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:12px;box-shadow:0 4px 12px #1078b940;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 20px;transition:all .2s ease}.add-franchisee-btn:hover{box-shadow:0 8px 20px #106db959;transform:translateY(-2px)}.add-staff-btn{align-items:center;background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:12px;box-shadow:0 4px 12px #3b82f640;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 20px;transition:all .2s ease}.add-staff-btn:hover{box-shadow:0 8px 20px #3b82f659;transform:translateY(-2px)}.btn-icon{font-size:18px;font-weight:700}@media (max-width:768px){.header{align-items:stretch;flex-direction:column;gap:16px}.header-title{font-size:24px;text-align:center}.header-buttons{flex-direction:column;gap:8px}}.stat-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:16px;transition:all .2s ease}.stat-card:hover{box-shadow:0 8px 25px #00000026;transform:translateY(-2px)}.stat-card-content{align-items:center;display:flex;justify-content:space-between}.stat-info{flex:1 1}.stat-title{color:#64748b;font-size:12px;font-weight:500;letter-spacing:.05em;margin:0 0 6px;text-transform:uppercase}.stat-value{color:#1e293b;font-size:22px;font-weight:700;line-height:1;margin:0}.stat-icon{align-items:center;border-radius:10px;display:flex;font-size:20px;height:44px;justify-content:center;margin-left:12px;width:44px}.stats-cards{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:24px}@media (max-width:768px){.stats-cards{gap:12px;grid-template-columns:1fr}}.search-bar{position:relative;width:100%}.search-icon{color:#64748b;font-size:16px;left:16px;position:absolute;top:50%;transform:translateY(-50%);z-index:1}.search-input{background:#f8fafc;border:2px solid #e2e8f0;border-radius:12px;font-size:14px;padding:12px 16px 12px 44px!important;transition:all .2s ease;width:93%}.search-input:focus{background:#fff;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.search-input::placeholder{color:#94a3b8}.dropdown{display:flex;flex-direction:column;gap:6px}.dropdown-label{color:#374151;font-size:12px;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.dropdown-select{background:#f8fafc;border:2px solid #e2e8f0;border-radius:12px;color:#374151;cursor:pointer;font-size:14px;padding:12px 16px;transition:all .2s ease}.dropdown-select:focus{background:#fff;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.dropdown-select:hover{border-color:#cbd5e1}.filter-section{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 1px 3px #0000001a;margin-bottom:24px;padding:24px}.filter-header{gap:16px;margin-bottom:16px}.filter-header,.reset-button{align-items:center;display:flex}.reset-button{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;color:#64748b;cursor:pointer;font-size:14px;font-weight:500;gap:8px;padding:10px 16px;transition:all .2s ease;white-space:nowrap}.filter-dropdowns{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:16px}@media (max-width:768px){.filter-dropdowns{grid-template-columns:1fr}}.loader-container{flex-direction:column;gap:1rem}.loader,.loader-container{align-items:center;display:flex;justify-content:center}.loader-small{height:24px;width:24px}.loader-medium{height:40px;width:40px}.loader-large{height:56px;width:56px}.loader-spinner{height:100%;position:relative;width:100%}.spinner-ring{animation:spin 1.5s cubic-bezier(.4,0,.2,1) infinite;border:2px solid #0000;border-radius:50%;height:100%;left:0;position:absolute;top:0;width:100%}.spinner-ring:first-child{animation-delay:0s;border-top-color:#22c55e}.spinner-ring:nth-child(2){animation-delay:-.5s;animation-duration:1.8s;border-right-color:#16a34a}.spinner-ring:nth-child(3){animation-delay:-1s;animation-duration:2.1s;border-bottom-color:#15803d}@keyframes spin{0%{opacity:1;transform:rotate(0deg)}50%{opacity:.6}to{opacity:1;transform:rotate(1turn)}}.loader-text{color:#64748b;font-size:.875rem;font-weight:500;letter-spacing:.025em;margin:0;text-align:center}.loader-small+.loader-text{font-size:.75rem}.loader-large+.loader-text{font-size:1rem;font-weight:600}.loader-text{animation:textPulse 2s ease-in-out infinite}@keyframes textPulse{0%,to{opacity:1}50%{opacity:.6}}@media (prefers-color-scheme:dark){.spinner-ring:first-child{border-top-color:#22c55e}.spinner-ring:nth-child(2){border-right-color:#34d399}.spinner-ring:nth-child(3){border-bottom-color:#10b981}.loader-text{color:#94a3b8}}@media (prefers-reduced-motion:reduce){.loader-text,.spinner-ring{animation:none}.spinner-ring:first-child{border:2px solid #22c55e;border-right-color:#0000}.spinner-ring:nth-child(2),.spinner-ring:nth-child(3){display:none}}.franchisee-table-container{padding:20px;position:relative;width:98%}.table-wrapper{border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 8px #00000014;max-height:calc(100vh - 200px);overflow:auto}.franchisee-table{background:#fff;border:none;border-collapse:initial;border-spacing:0;font-size:14px;width:100%}.franchisee-table tbody td:first-child,.franchisee-table thead th:first-child{background:#fff;box-shadow:2px 0 4px #0000001a;left:0;max-width:200px;min-width:200px;position:-webkit-sticky;position:sticky;width:200px;z-index:10}.franchisee-table thead th:first-child{background:linear-gradient(90deg,#f8fafc,#f1f5f9);z-index:102}.franchisee-table tbody td:nth-child(2),.franchisee-table thead th:nth-child(2){background:#fff;box-shadow:2px 0 4px #0000001a;left:220px;max-width:120px;min-width:120px;position:-webkit-sticky;position:sticky;width:120px;z-index:9}.franchisee-table thead th:nth-child(2){background:linear-gradient(90deg,#f8fafc,#f1f5f9);z-index:101}.franchisee-table tbody tr:hover td:first-child,.franchisee-table tbody tr:hover td:nth-child(2){background-color:#f8fafc}.franchisee-table .selected-row td:first-child,.franchisee-table .selected-row td:nth-child(2){background-color:#3b82f6!important}.franchisee-table tbody tr.inactive-row td:first-child,.franchisee-table tbody tr.inactive-row td:nth-child(2){background-color:#f3f4f6}.franchisee-table tr{cursor:pointer;transition:background-color .2s ease}.franchisee-table tr:hover{background-color:#fff}.franchisee-table .selected-row{background-color:#3b82f6!important;color:#fff}.franchisee-table .selected-row td{color:#fff}.franchisee-table .selected-row a{color:#fff!important}.franchisee-table thead{position:-webkit-sticky;position:sticky;top:0;z-index:100}.franchisee-table thead,.franchisee-table thead th{background:linear-gradient(90deg,#f8fafc,#f1f5f9);border-bottom:2px solid #e2e8f0}.franchisee-table thead th{border-right:1px solid #e2e8f0;color:#1e293b;font-size:12px;font-weight:700;letter-spacing:.05em;padding:14px 12px;text-align:left;text-transform:uppercase;white-space:nowrap}.franchisee-table thead th:last-child{border-right:none}.franchisee-table tbody tr{border-bottom:1px solid #e2e8f0;transition:all .2s ease}.franchisee-table tbody tr:hover{background-color:#f8fafc}.franchisee-table tbody tr.inactive-row{background-color:#f3f4f6;opacity:.6}.franchisee-table tbody td{border-bottom:1px solid #e2e8f0;border-right:1px solid #e2e8f0;color:#475569;font-size:13px;padding:12px}.franchisee-table tbody td:last-child{border-right:none}.business-badge,.status-badge{border-radius:16px;display:inline-block;font-size:11px;font-weight:600;letter-spacing:.05em;padding:4px 10px;text-transform:uppercase}.status-badge.active{background-color:#dcfce7;border:1px solid #86efac}.status-badge.inactive{background-color:#f3f4f6;border:1px solid #d1d5db;color:#6b7280}.email-cell{color:#3b82f6;font-weight:500}.actions-cell{display:flex;gap:8px}.actions-cell button{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;cursor:pointer;display:flex;font-size:14px;height:32px;justify-content:center;padding:0;transition:all .2s ease;width:32px}.action-btn:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.action-btn.edit-btn:hover{background:#3b82f6;border-color:#3b82f6;color:#fff}.action-btn.view-btn:hover{background:#06b6d4;border-color:#06b6d4;color:#fff}@media (max-width:768px){.franchisee-table-container{padding:10px}.franchisee-table thead th{font-size:11px;padding:10px 8px}.franchisee-table tbody td{font-size:12px;padding:8px}.action-btn{font-size:12px;height:28px;width:28px}}.franchisee-grid-empty{text-align:center}@media (max-width:768px){.franchisee-grid{gap:12px;grid-template-columns:1fr}}.pagination-controls{align-items:center;background-color:#fff;display:flex;font-family:Inter,sans-serif;justify-content:space-between;margin:16px}.table-column-filter button{border:none;border-radius:6px;cursor:pointer;margin-right:8px;padding:6px 12px;transition:.2s}.table-column-filter .active-filter{background:#1a73e8;color:#fff;font-weight:500}.page-info{color:#555;font-size:14px}.page-buttons,.page-buttons button{align-items:center;display:flex}.page-buttons button{background:#fff;border:none;border-radius:8px;cursor:pointer;font-size:14px;gap:4px;margin:0 4px;padding:6px 10px;transition:all .2s ease}.page-buttons button:hover:not(:disabled){background:#f1f3f4}.page-buttons button:disabled{background:#e6e6e6;color:#aaa;cursor:not-allowed}.page-buttons .page-number.active{background:#1a73e8;color:#fff;font-weight:500}.page-buttons .nav-btn{border-radius:50%;height:34px;justify-content:center;padding:6px;width:34px}.material-icons{font-size:20px}.modal-overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#00000073;inset:0;z-index:1200}.modal-content{animation:fadeIn .3s ease;box-shadow:0 6px 20px #00000026;height:auto;margin:2vh 0;max-height:80vh;max-width:1100px;padding:2rem 2.5rem;width:85%}@keyframes fadeIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.modal-header{margin-bottom:1.25rem}.modal-header h2{color:#333;font-size:1.5rem}.close-btn{background:#0000;color:#777;font-size:1.75rem;transition:color .2s ease}.close-btn:hover{color:#3b82f6}.tab-navigation{border-bottom:2px solid #eee;gap:.75rem;justify-content:space-around;margin-bottom:1.75rem;overflow-x:auto;padding-bottom:.5rem}.tab-btn,.tab-navigation{align-items:center;display:flex}.tab-btn{background:#f8f8f8;border:1px solid #0000;border-radius:8px;color:#555;cursor:pointer;font-size:.95rem;font-weight:500;gap:.4rem;padding:.55rem 1rem;transition:all .25s ease;white-space:nowrap}.tab-btn.active{background:#3b82f6;border-color:#2563eb;color:#fff;transform:scale(1.05)}.tab-btn.disabled{cursor:not-allowed;opacity:.5}.tab-btn:hover:not(.disabled):not(.active){background:#f2f2f2;border-color:#ddd}.franchisee-form{display:flex;flex-direction:column;gap:1.75rem}.form-row{flex-wrap:wrap;gap:1.25rem}.form-group{gap:.4rem;min-width:240px}label{color:#444;font-size:.92rem;font-weight:500}input[type=date],input[type=email],input[type=number],input[type=tel],input[type=text],select,textarea{background-color:#fff;border:1px solid #ccc;border-radius:8px;color:#333;font-size:.95rem;padding:.65rem .75rem;transition:border-color .2s ease,box-shadow .2s ease}input:focus,select:focus,textarea:focus{border-color:#3b82f6;box-shadow:0 2px 8px #3b82f640;outline:none}.error{border-color:#e74c3c!important}.error-text{color:#e74c3c;font-size:.8rem}.section-header{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;margin-top:1.5rem;padding-bottom:.5rem}.section-header h3{color:#222;font-size:1rem}.mini-add-btn{background:#3b82f6;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.85rem;padding:.4rem .75rem;transition:background .2s ease}.mini-add-btn:hover{background:#2563eb}.pill-list{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.75rem}.pill{align-items:center;background:#f2f2f2;border-radius:20px;display:flex;font-size:.85rem;padding:.3rem .75rem}.pill-remove{background:none;border:none;color:#888;cursor:pointer;font-size:1rem;margin-left:.4rem}.pill-remove:hover{color:#2563eb}.step-actions{align-items:center;border-top:1px solid #eee;display:flex;justify-content:space-between;margin-top:1rem;padding-top:1rem}.cancel-btn,.next-btn,.prev-btn,.submit-btn{background:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.95rem;padding:.6rem 1.2rem;transition:all .25s ease}.prev-btn{background:#bbb}.prev-btn:disabled{cursor:not-allowed;opacity:.5}.cancel-btn{background:#ccc;color:#333}.next-btn:hover,.submit-btn:hover{background:#2563eb}.cancel-btn:hover{background:#b1b1b1}.upload-agreement-btn{background:#3b82f6;border:none;border-radius:6px;color:#fff;font-size:.85rem;padding:.4rem .9rem;transition:background .2s ease}.upload-agreement-btn:hover{background:#2563eb}.agreements-list{margin-top:.75rem}.agreement-item{background:#fafafa;border:1px solid #eee;justify-content:space-between;margin-bottom:.5rem;padding:.6rem .9rem}.agreement-remove-btn{background:none;color:#3b82f6;font-size:1rem}.revenue-targets-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:10px}.revenue-target-card{background-color:#f9fafb;border:1px solid #e0e0e0;border-radius:8px;padding:16px}.revenue-year-header{border-bottom:2px solid #e5e7eb;color:#6b7280;font-size:14px;font-weight:600;letter-spacing:.5px;margin-bottom:12px;padding-bottom:8px;text-transform:uppercase}.revenue-section{margin-bottom:12px}.revenue-section:last-child{margin-bottom:0}.revenue-label{color:#374151;font-size:13px;font-weight:600;margin-bottom:6px}.revenue-values-list{padding-left:8px}.revenue-value-item{align-items:center;display:flex;font-size:15px;gap:8px;padding:6px 0}.revenue-number-badge{align-items:center;border-radius:50%;display:inline-flex;flex-shrink:0;font-size:11px;font-weight:600;height:20px;justify-content:center;width:20px}.revenue-number-badge-annual{background-color:#e0f2fe;color:#0369a1}.revenue-number-badge-monthly{background-color:#fef3c7;color:#b45309}.revenue-amount{font-size:16px;font-weight:600}.revenue-amount-annual{color:#059669}.revenue-amount-monthly{color:#0891b2}@media (max-width:768px){.revenue-targets-grid{grid-template-columns:1fr}.revenue-target-card{padding:12px}.revenue-amount{font-size:14px}}.revenue-target-card:hover{box-shadow:0 2px 8px #00000014;transition:box-shadow .2s ease}.revenue-value-item{animation:fadeInUp .3s ease forwards;opacity:0}.revenue-value-item:first-child{animation-delay:.05s}.revenue-value-item:nth-child(2){animation-delay:.1s}.revenue-value-item:nth-child(3){animation-delay:.15s}.revenue-value-item:nth-child(4){animation-delay:.2s}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.modal-content{padding:1.5rem;width:95%}.tab-navigation{flex-wrap:nowrap;overflow-x:auto}.form-row{flex-direction:column;gap:1rem}}.submodal-overlay{align-items:center;background:#0006;display:flex;inset:0;justify-content:center;padding:16px;position:fixed;z-index:1100}.submodal-content{background:#fff;border-radius:12px;box-shadow:0 20px 40px #00000040;max-width:560px;overflow:hidden;width:100%}.submodal-header{align-items:center;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:14px 18px}.submodal-header h3{color:#1e293b;font-size:16px;font-weight:700;margin:0}.submodal-close-btn{background:none;border:none;border-radius:6px;color:#64748b;cursor:pointer;font-size:22px;padding:2px 6px}.submodal-close-btn:hover{background:#f1f5f9;color:#1e293b}.submodal-form{padding:16px}.submodal-actions{border-top:1px solid #e2e8f0;display:flex;gap:10px;justify-content:flex-end;margin-top:16px;padding-top:14px}.modal-overlay{background:#00000080}.modal-content{border-radius:12px;box-shadow:0 20px 25px -5px #0000001a;max-width:700px}.staff-form{padding:24px}.checkbox-label{flex-direction:row!important}.form-group input,.form-group select{background:#fff;border-radius:6px;padding:8px 12px;transition:all .2s ease}.form-group input:focus,.form-group select:focus{box-shadow:0 0 0 3px #3b82f61a}.form-actions{padding-top:16px}.cancel-btn{background:#fff;border-radius:6px;cursor:pointer;font-size:12px;font-weight:500;padding:8px 16px;transition:all .2s ease}.cancel-btn:hover{background:#f9fafb;border-color:#9ca3af}.submit-btn{background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:6px;cursor:pointer;font-size:12px;font-weight:500;padding:8px 16px;transition:all .2s ease}.submit-btn:hover{box-shadow:0 4px 12px #3b82f640}@media (max-width:768px){.modal-content{margin:8px;max-height:calc(100vh - 16px)}.form-row{flex-direction:column;gap:12px}.modal-header{padding:16px 20px}.staff-form{padding:20px}}.franchisee-details-modal{background:#fff;border-radius:8px;box-shadow:0 20px 25px -5px #0000001a;max-height:90vh;min-width:900px;overflow-y:auto}.modal-header{align-items:flex-start;padding:20px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.header-content{align-items:center;display:flex;gap:16px;width:100%}.company-logo-large{align-items:center;background:#fff;border-radius:12px;box-shadow:0 4px 6px -1px #0000001a;display:flex;font-size:48px;height:80px;justify-content:center;overflow:hidden;position:relative;width:80px}.logo-image-modal{border-radius:12px;object-fit:contain;object-position:center;width:16%}.logo-fallback{align-items:center;color:#6b7280;display:flex;font-size:48px;font-weight:600;height:100%;justify-content:center;width:100%}.header-info .company-name{color:#1f2937;font-size:24px;font-weight:800;margin:0 0 4px;text-align:end;width:100%}.franchisee-code{color:#6b7280;font-size:14px;margin:0 0 8px 6px}.close-btn{border-radius:4px;font-size:20px}.modal-content{padding:20px}.section{margin-bottom:24px;padding:1.5rem}.section-title{align-items:center;color:#1f2937;display:flex;font-size:16px;font-weight:600;gap:8px;margin:0 0 12px}.info-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.info-item{align-items:flex-start;background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;display:flex;gap:8px;padding:12px}.info-item.full-width{grid-column:1/-1}.info-icon{font-size:16px;margin-top:2px}.info-content{display:flex;flex:1 1;flex-direction:column;gap:2px}.info-content label{color:#6b7280;font-size:12px;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.info-content span{color:#1f2937;font-size:14px;font-weight:500}.staff-list{display:flex;flex-direction:column;gap:12px}.staff-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:16px}.staff-header{align-items:flex-start;display:flex;gap:12px;margin-bottom:12px;position:relative}.staff-photo{background:#fff;border:1px solid #e5e7eb;border-radius:8px;flex-shrink:0;font-size:32px;height:48px;overflow:hidden;position:relative;width:48px}.staff-photo,.staff-photo .staff-photo-fallback{align-items:center;display:flex;justify-content:center}.staff-photo .staff-photo-fallback{background:#f9fafb;color:#6b7280;font-size:24px;font-weight:600;height:100%;width:100%}.staff-basic-info{flex:1 1}.staff-name{color:#1f2937;font-size:16px;font-weight:600;margin:0 0 4px}.staff-email{color:#6b7280;font-size:14px;margin:0 0 8px}.staff-badges{display:flex;flex-wrap:wrap;gap:6px}.access-badge,.owner-badge,.status-badge{border-radius:4px;font-size:11px;font-weight:500;letter-spacing:.5px;padding:2px 6px;text-transform:uppercase}.access-badge.admin{background:#fef3c7;border:1px solid #fde68a;color:#92400e}.access-badge.user{background:#dbeafe;border:1px solid #bfdbfe;color:#1e40af}.access-badge.viewer{background:#f3f4f6;border:1px solid #d1d5db;color:#374151}.status-badge.active{background:#dcfce7;border:1px solid #bbf7d0;color:#166534}.status-badge.inactive{background:#fee2e2;border:1px solid #fecaca;color:#dc2626}.owner-badge{background:#ede9fe;border:1px solid #ddd6fe;color:#7c3aed}.status-badge{display:flex;gap:1rem;justify-content:end}.staff-details{display:flex;flex-direction:column;gap:8px}.staff-detail-item{align-items:center;color:#6b7280;display:flex;font-size:13px;gap:6px}.detail-icon{font-size:14px}.staff-permissions{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));margin-top:8px}.permission-item{align-items:center;color:#6b7280;display:flex;font-size:12px;gap:6px}.permission-icon{font-size:14px}.notes-content{background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;padding:12px}.notes-content p{color:#374151;font-size:14px;line-height:1.5;margin:0}.staff-edit-btn{background:#f3f4f6;border:1px solid #d1d5db;border-radius:4px;color:#6b7280;cursor:pointer;font-size:12px;padding:4px 6px;position:absolute;right:0;top:0;transition:all .2s ease}.staff-edit-btn:hover{background:#e5e7eb;border-color:#9ca3af;color:#374151}.files-list{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.file-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;min-height:56px;padding:12px 40px 12px 12px;position:relative}.file-card,.file-info{align-items:center;display:flex}.file-info{flex:1 1;gap:10px;min-width:0}.file-icon{flex-shrink:0;font-size:20px}.file-meta{display:flex;flex-direction:column;gap:2px;min-width:0}.file-name{color:#1f2937;display:inline-block;font-size:14px;font-weight:500;max-width:100%;overflow:hidden;text-decoration:none;text-overflow:ellipsis;white-space:nowrap}.file-name:hover{text-decoration:underline}.file-sub{align-items:center;color:#6b7280;display:flex;font-size:12px;gap:6px}.file-delete-btn{background:#fef2f2;border:1px solid #fecaca;border-radius:6px;color:#b91c1c;cursor:pointer;font-size:14px;line-height:1;padding:2px 8px;position:absolute;right:8px;top:8px;transition:all .2s ease}.file-delete-btn:hover{background:#fee2e2;border-color:#fca5a5;color:#991b1b}.documents-list{display:flex;flex-direction:column;gap:12px}.document-card{align-items:center;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;display:flex;padding:12px;transition:all .2s ease}.document-card:hover{background:#f3f4f6;border-color:#d1d5db}.document-info{align-items:center;display:flex;flex:1 1;gap:12px;min-width:0}.document-icon{flex-shrink:0;font-size:20px}.document-meta{display:flex;flex:1 1;flex-direction:column;gap:4px;min-width:0}.document-name{color:#1f2937;display:inline-block;font-size:14px;font-weight:500;max-width:100%;overflow:hidden;text-decoration:none;text-overflow:ellipsis;transition:color .2s ease;white-space:nowrap}.document-name:hover{color:#2563eb;text-decoration:underline}.document-sub{align-items:center;color:#6b7280;display:flex;flex-wrap:wrap;font-size:12px;gap:8px}.doc-type-badge{background:#dbeafe;border-radius:4px;color:#1e40af;display:inline-block;font-weight:500;letter-spacing:.5px;padding:2px 6px;text-transform:uppercase}.doc-date{align-items:center;display:flex;gap:4px}@media (max-width:768px){.modal-overlay{padding:8px}.franchisee-details-modal{max-height:95vh}.modal-header{padding:16px}.header-content{gap:12px}.company-logo-large{font-size:36px;height:60px;width:60px}.logo-fallback{font-size:36px}.header-info .company-name{font-size:20px}.modal-content{padding:16px}.info-grid{grid-template-columns:1fr}.staff-permissions{grid-template-columns:repeat(2,1fr)}.staff-photo{height:40px;width:40px}.staff-photo .staff-photo-fallback{font-size:20px}.files-list{grid-template-columns:1fr}.documents-list{gap:10px}.document-card{padding:10px}.document-name{font-size:13px}.document-sub{font-size:11px}}.associates-list{display:flex;flex-direction:column;gap:12px}.associate-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:12px}.associate-header{align-items:flex-start;display:flex;gap:12px}.associate-avatar{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px;display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.avatar-text{color:#fff;font-size:18px;font-weight:600}.associate-info{flex:1 1}.associate-name{color:#1f2937;font-size:14px;font-weight:600;margin:0 0 4px}.associate-email{color:#6b7280;font-size:13px;margin:0 0 2px}.associate-phone{color:#6b7280;font-size:13px;margin:0}.subsection{border-top:1px solid #e5e7eb;margin-top:16px;padding-top:16px}.subsection-title{color:#1f2937;font-size:14px;font-weight:600;margin:0 0 12px}.revenue-targets{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.target-item{background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;display:flex;flex-direction:column;gap:4px;padding:12px}.target-year{color:#6b7280;font-size:12px;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.target-value{color:#1f2937;font-size:16px;font-weight:600}.staff-photo img{height:100%;object-fit:cover;width:100%}.modal-overlay{background:#0009;padding:16px}.modal-content{border-radius:16px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:800px;overflow-y:auto;width:100%}.modal-loading-overlay{min-height:150vh}.modal-header{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-bottom:1px solid #e2e8f0;padding:20px 24px}.modal-header h2{color:#1e293b;font-size:20px;font-weight:700}.close-btn{border-radius:6px;color:#64748b;font-size:24px;padding:4px;transition:all .2s ease}.close-btn:hover{background:#f1f5f9;color:#1e293b}.franchisee-form{padding:24px}.form-row{gap:16px;margin-bottom:16px}.form-group.full-width{flex:1 1 100%}.form-group label{font-size:13px;font-weight:600;margin-bottom:6px}.form-group input,.form-group select,.form-group textarea{background:#fff;border:2px solid #e2e8f0;border-radius:8px;font-size:14px;padding:10px 12px;transition:all .2s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.form-group input.error,.form-group select.error,.form-group textarea.error{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.error-text{font-size:12px;font-weight:500;margin-top:4px}.checkbox-label{font-size:14px;font-weight:500;gap:8px}.checkbox-label input[type=checkbox]{height:16px;width:16px}.form-actions{border-top:1px solid #e2e8f0;gap:12px;margin-top:24px;padding-top:20px}.cancel-btn,.submit-btn{border:2px solid #0000;border-radius:8px;font-size:14px;font-weight:600;padding:10px 20px;transition:all .2s ease}.cancel-btn{background:#f8fafc;border-color:#e2e8f0;color:#64748b}.cancel-btn:hover{background:#f1f5f9;border-color:#cbd5e1}.submit-btn{background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-color:#3b82f6}.submit-btn:hover{background:linear-gradient(135deg,#1d4ed8,#1e40af);box-shadow:0 4px 12px #3b82f64d;transform:translateY(-1px)}.agreements-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px;margin-top:4px}.upload-agreement-btn{background:#f8fafc;border:2px solid #e2e8f0;border-radius:8px;color:#374151;cursor:pointer;font-size:14px;font-weight:600;padding:8px 12px;transition:all .2s ease}.upload-agreement-btn:hover{background:#f1f5f9;border-color:#cbd5e1}.agreements-list{display:flex;flex-direction:column;gap:8px;list-style:none;margin:6px 0 0;padding:0}.agreement-item{align-items:center;background:#fff;border:2px solid #e2e8f0;border-radius:8px;display:flex;gap:12px;padding:10px 14px;position:relative}.agreement-name{color:#111827;flex:1 1;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.agreement-date{color:#6b7280;font-size:13px}.agreement-remove-btn{background:#0000;border:none;border-radius:6px;color:#9ca3af;cursor:pointer;font-size:20px;line-height:1;padding:0 6px}.agreement-remove-btn:hover{background:#fee2e2;color:#ef4444}@media (max-width:768px){.modal-content{margin:8px;max-height:calc(100vh - 16px)}.modal-header{padding:16px 20px}.franchisee-form{padding:20px}.form-row{gap:12px}.form-actions,.form-row{flex-direction:column}.cancel-btn,.submit-btn{width:100%}}.modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{background:#fff;border-radius:6px;box-shadow:0 4px 6px #0000001a;position:relative;width:95%}.modal-loading-overlay{align-items:center;background:#ffffffe6;border-radius:12px;bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:10}.modal-header{align-items:center;background-color:#f9fafb;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:12px 16px}.modal-header h2{color:#111827;font-size:16px;font-weight:600;margin:0}.close-btn{background:none;border:none;border-radius:3px;color:#6b7280;cursor:pointer;font-size:18px;left:16px;padding:2px 6px;position:relative;top:-71px}.close-btn:hover{background-color:#f3f4f6;color:#374151}.staff-form{padding:16px}.form-row{display:flex;gap:12px;margin-bottom:12px}.form-group{display:flex;flex:1 1;flex-direction:column}.form-group label{color:#374151;font-size:12px;font-weight:500;margin-bottom:4px}.form-group input,.form-group select{border:1px solid #d1d5db;border-radius:4px;font-size:12px;padding:6px 8px;transition:border-color .2s}.form-group input:focus,.form-group select:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61a;outline:none}.form-group input.error,.form-group select.error{border-color:#ef4444}.error-text{color:#ef4444;font-size:10px;margin-top:2px}.checkbox-label{align-items:center;color:#374151;cursor:pointer;display:flex;font-size:12px;gap:6px}.checkbox-label input[type=checkbox]{margin:0;width:auto}.form-actions{border-top:1px solid #e5e7eb;display:flex;gap:8px;justify-content:flex-end;margin-top:16px;padding-top:12px}.cancel-btn,.submit-btn{border-radius:4px;cursor:pointer;font-size:12px;font-weight:500;padding:6px 12px;transition:all .2s}.cancel-btn{background:#f9fafb;border:1px solid #d1d5db;color:#374151}.cancel-btn:hover{background:#f3f4f6}.submit-btn{background:#3b82f6;border:1px solid #3b82f6;color:#fff}.submit-btn:hover{background:#2563eb}@media (max-width:768px){.form-row{flex-direction:column;gap:8px}.modal-content{margin:10px;width:95%}}
/*# sourceMappingURL=main.b525f2eb.css.map*/