@import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700&display=swap);#root,body,html{height:100%;margin:0;padding:0}.mapContainer{height:100vh;width:100%}input[type=file]{left:20px;position:fixed;top:20px;z-index:100}#map{height:100vh}body,button,input,select,textarea{font-family:Montserrat,sans-serif}.App{height:100vh;overflow:hidden;position:relative;text-align:center}.sidebar{background-color:#f4f4f4;box-shadow:2px 0 5px #0000001a;height:100vh;left:-300px;overflow-y:auto;position:fixed;top:0;transition:left .3s ease-in-out;width:300px;z-index:1000}.sidebar.open{left:0}.toggle-btn{align-items:center;background-color:#007cbf;border:none;border-radius:50%;box-shadow:0 2px 10px #0003;color:#fff;cursor:pointer;display:flex;font-size:20px;height:50px;justify-content:center;left:20px;position:fixed;top:20px;width:50px;z-index:1001}.toggle-btn:hover{background-color:#005e91}.sidebar-content{height:100%;padding:80px 0 20px}.sidebar-content,.sidebar-nav{display:flex;flex-direction:column}.sidebar-nav{width:100%}.nav-button{align-items:center;background-color:initial;border:none;color:#333;cursor:pointer;display:flex;font-weight:500;margin-bottom:5px;padding:12px 20px;position:relative;text-align:left;text-decoration:none;transition:background-color .2s}.nav-button:hover{background-color:#007cbf1a}.nav-icon{color:#007cbf;font-size:1.1rem;margin-right:12px;min-width:20px}.filters-container{background-color:#e9f5fe;border-left:4px solid #007cbf;margin-bottom:10px;padding:10px 20px}.filter-toggle{position:relative}.location-control{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px;padding:12px 20px}.toggle-switch{display:inline-block;height:24px;margin-left:auto;position:relative;width:44px}.toggle-switch input{height:0;opacity:0;width:0}.toggle-slider{background-color:#ccc;border-radius:24px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.4s}.toggle-slider:before{background-color:#fff;border-radius:50%;bottom:3px;content:"";height:18px;left:3px;position:absolute;transition:.4s;width:18px}input:checked+.toggle-slider{background-color:#007cbf}input:focus+.toggle-slider{box-shadow:0 0 1px #007cbf}input:checked+.toggle-slider:before{transform:translateX(20px)}.route-button{font-weight:700;margin-bottom:15px;margin-top:10px}.start-route{background-color:#4caf50;color:#fff}.start-route:hover{background-color:#3e8e41}.end-route{background-color:#f44336;color:#fff}.end-route:hover{background-color:#d32f2f}.logout-button{color:#f44336;margin-top:auto}.main-content{height:100vh;position:relative;width:100%;z-index:1}.filter-controls{text-align:left;width:100%}.filter-controls h3{color:#333;font-size:16px;margin-bottom:15px;margin-top:0}.filter-control{align-items:center;display:flex;margin-bottom:10px}.day-filter{padding:6px 0}.show-all-filter{border-top:1px solid #e0e0e0;margin-top:15px;padding-top:10px}.filter-label{font-size:14px;margin-left:10px}.progress-bar-container{margin-bottom:20px;margin-top:50px;position:relative;text-align:center;z-index:1}.react-progress-bar{display:inline-block;margin-top:20px;width:80%;z-index:1}#map{height:100%;width:100%}.data-overlay{box-sizing:border-box;height:100vh;padding:80px 20px 20px 80px}.data-overlay h2{margin-top:0}@media (max-width:768px){.sidebar{left:-100%;width:100%}.sidebar.open{left:0}.toggle-btn{left:10px}.data-overlay{padding-left:60px}}@supports (padding:max(0px)){#map,.App,.sidebar{padding:max(0px,env(safe-area-inset-top)) max(0px,env(safe-area-inset-right)) max(0px,env(safe-area-inset-bottom)) max(0px,env(safe-area-inset-left))}}.calendar-panel{background-color:#f4f4f4;border-right:1px solid #ccc;padding:20px}.toggle-calendar-button{background-color:#4caf50;border:none;border-radius:5px;color:#fff;cursor:pointer;margin-top:10px;padding:10px 15px}.react-calendar{background:#fff;border:1px solid #a0a096;font-family:Arial,Helvetica,sans-serif;line-height:1.125em;max-width:100%;width:350px}.react-calendar__tile--active{background:#006edc;color:#fff}.react-calendar__tile.has-collection{background-color:#b3d9ff;color:#000}.react-calendar__tile.has-collection:hover{background-color:#80bfff}@media screen and (max-width:768px){input[type=email],input[type=number],input[type=password],input[type=text],select,textarea{box-sizing:border-box;font-size:16px;margin-bottom:10px;padding:12px;width:100%}button{min-height:44px;min-width:44px}.nav-button{padding:15px 20px}}.people-container{align-items:center;height:auto;min-height:calc(100vh - 80px)}.people-header{border-bottom:1px solid #eee;padding-bottom:10px}.reports-info{background-color:#f9f9f9;border-radius:4px;color:#666;font-size:14px;font-style:italic;margin-bottom:20px;padding:10px;text-align:center}.people-list.reports-list{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.person-card.company-card{background-color:#fff;border-left:4px solid #0000;border-radius:8px;box-shadow:0 2px 8px #0000001a;display:flex;flex-direction:column;transition:all .3s ease}.person-card.company-card.has-notes-border{border-left-color:#007cbf}.person-card.company-card.expanded{box-shadow:0 4px 12px #00000026}.person-header.company-header{align-items:center;background-color:#f9f9f9;border-bottom:1px solid #eee;cursor:pointer;display:flex;padding:15px 20px;transition:background-color .3s}.person-header.company-header:hover{background-color:#f0f0f0}.role-icon.company-icon{color:#007cbf;flex-shrink:0;font-size:24px;margin-right:15px}.person-info.company-info{flex:1 1;min-width:0}.person-info.company-info h3{align-items:center;display:flex;flex-wrap:wrap;font-size:18px;gap:8px;margin:0 0 5px}.notes-badge{align-items:center;background-color:#007cbf;border-radius:12px;color:#fff;display:inline-flex;font-size:12px;font-weight:700;justify-content:center;padding:2px 8px}.company-status{align-items:center;color:#666;display:flex;font-size:13px;gap:5px;margin:0}.status-indicator{align-items:center;display:inline-flex;gap:4px}.status-indicator.sent{color:#2e7d32}.status-indicator.has-notes{color:#007cbf}.status-indicator.no-notes{color:#757575}.status-indicator svg{font-size:12px}.expand-icon{flex-shrink:0;margin-left:10px}.person-details.company-details{background-color:#fff;padding:20px}.person-field label{color:#333;font-size:14px;min-width:90px}.field-display,.field-edit{min-width:0}.field-display span{color:#555;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cancel-edit-button,.edit-button,.save-button{align-items:center;background:none;border:none;border-radius:4px;color:#007cbf;cursor:pointer;display:flex;font-size:16px;justify-content:center;min-height:30px;min-width:30px;padding:4px;transition:transform .2s}.cancel-edit-button:hover,.edit-button:hover,.save-button:hover{background-color:#0000000d;transform:scale(1.1)}.save-button{color:#4caf50}.cancel-edit-button{color:#f44336}.field-edit{gap:8px}.field-edit input{min-width:0}.person-actions.company-actions{border-top:1px dashed #eee;display:flex;flex-wrap:wrap;gap:10px;margin-top:20px;padding-top:15px}.action-button{align-items:center;background-color:#f0f0f0;border:none;border-radius:4px;color:#333;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:8px;padding:8px 14px;text-align:center;transition:background-color .3s,color .3s,box-shadow .3s}.action-button svg{font-size:14px}.action-button:hover{background-color:#e0e0e0;box-shadow:0 1px 3px #0000001a}.action-button.view-notes-button{background-color:#e3f2fd;color:#0d47a1}.action-button.view-notes-button:hover{background-color:#bbdefb}.action-button.send-email-button{background-color:#007cbf;color:#fff}.action-button.send-email-button:hover{background-color:#005f8d}.action- Rationale{color:#757575;font-size:13px;margin:5px 0 0;text-align:left;width:100%}.notes-panel{background-color:#fff;border-left:1px solid #ddd;box-shadow:-2px 0 10px #0000001a;display:flex;flex-direction:column;height:100vh;max-width:90vw;position:fixed;right:0;top:0;transform:translateX(100%);transition:transform .3s ease-in-out;width:400px;z-index:1050}.notes-panel.open{transform:translateX(0)}.notes-panel.mobile{max-width:100%;width:100%}.notes-panel-header{align-items:center;background-color:#007cbf;color:#fff;display:flex;flex-shrink:0;justify-content:space-between;padding:15px 20px}.notes-panel-header h3{font-size:18px;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.close-button{align-items:center;background:none;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:20px;height:30px;justify-content:center;padding:0;width:30px}.close-button:hover{background-color:#fff3}.notes-list{display:flex;flex:1 1;flex-direction:column;gap:15px;overflow-y:auto;padding:15px}.note-item{background-color:#f9f9f9;border-left:4px solid #007cbf;border-radius:6px;padding:15px;word-break:break-word}.note-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.note-header h4{color:#007cbf;font-size:16px;margin:0}.edit-note-button{align-items:center;background:none;border:none;border-radius:4px;color:#007cbf;cursor:pointer;display:flex;font-size:16px;height:30px;justify-content:center;padding:0;width:30px}.edit-note-button:hover{background-color:#0000000d}.note-content{color:#333;font-size:14px;line-height:1.5;white-space:pre-wrap}.note-edit{display:flex;flex-direction:column;gap:10px}.note-textarea{border:1px solid #ddd;border-radius:4px;box-sizing:border-box;font-size:14px;line-height:1.5;min-height:80px;padding:10px;resize:vertical;width:100%}.note-textarea:focus{border-color:#007cbf;box-shadow:0 0 0 2px #007cbf33;outline:none}.note-edit-actions{display:flex;gap:10px;justify-content:flex-end}.cancel-note-button,.save-note-button{align-items:center;border:none;border-radius:4px;cursor:pointer;display:inline-flex;font-size:14px;gap:5px;padding:8px 16px;transition:background-color .2s}.save-note-button{background-color:#4caf50;color:#fff}.save-note-button:hover{background-color:#45a049}.cancel-note-button{background-color:#f0f0f0;border:1px solid #ccc;color:#333}.cancel-note-button:hover{background-color:#e0e0e0}.notes-panel-footer{background-color:#f9f9f9;border-top:1px solid #eee;flex-direction:column;flex-shrink:0;gap:10px;padding:15px}.notes-panel-footer,.send-all-button{align-items:center;display:flex;justify-content:center}.send-all-button{background-color:#007cbf;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:15px;font-weight:500;gap:8px;padding:12px 16px;transition:background-color .2s;width:100%}.send-all-button:hover:not(:disabled){background-color:#005f8d}.send-all-button:disabled{background-color:#bdbdbd;cursor:not-allowed;opacity:.7}.footer-warning{color:#c62828;font-size:13px;margin:0;text-align:center}.loading-container{min-height:300px;padding:50px 0}.no-data-message{border-radius:6px;margin:20px 0;padding:20px}@media (max-width:768px){.people-container.reports-page{align-items:center;padding:15px}.people-header{align-items:center;gap:10px}.people-header h2{font-size:20px}.people-list.reports-list{grid-template-columns:1fr;max-height:none;overflow-y:visible}.person-header.company-header{padding:12px 15px}.person-details.company-details{padding:15px}.person-field{align-items:flex-start;flex-direction:column}.person-field label{margin-bottom:5px;min-width:auto}.field-display,.field-edit{width:100%}.field-display span{white-space:normal}.cancel-edit-button,.edit-button,.save-button{margin-left:0}.person-actions.company-actions{align-items:stretch;flex-direction:column}.action-button{justify-content:center;width:100%}.notes-panel.mobile{border-left:none;max-width:100%;width:100%}}.owner-dashboard{height:100vh;margin:0;overflow-y:auto;padding:0;position:relative;width:100%}.navbar{align-items:center;background-color:#007cbf;box-shadow:0 2px 5px #0003;min-height:60px;padding:0 20px;position:relative;z-index:1000}.navbar,.navbar ul{display:flex;justify-content:center}.navbar ul{gap:20px;list-style:none;margin:0;padding:0;width:100%}.navbar li{align-items:center;border-radius:5px;color:#fff;cursor:pointer;display:flex;height:100%;padding:10px 15px;transition:background-color .3s ease}.navbar li.active{background-color:#005f8d}.navbar li:hover{background-color:#006da6}.client-section{background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;margin:30px;padding:20px}.client-section h2{border-bottom:1px solid #eee;color:#007cbf;margin-bottom:20px;padding-bottom:10px}.client-section select{border:1px solid #ddd;font-size:16px;margin-bottom:20px;max-width:400px;padding:12px;width:100%}.client-section select,.email-field{background-color:#f9f9f9;border-radius:4px}.email-field{align-items:center;display:flex;margin-bottom:15px;padding:10px}.email-field label{font-weight:700;margin-right:10px;min-width:60px}.email-display,.email-editing{align-items:center;display:flex;flex:1 1}.email-display span{flex:1 1;margin-right:10px}.email-display button,.email-editing button{align-items:center;background:none;border:none;color:#007cbf;cursor:pointer;display:flex;font-size:18px;justify-content:center;min-height:36px;min-width:36px;opacity:1!important;transition:transform .2s;visibility:visible!important}.email-display button:hover,.email-editing button:hover{transform:scale(1.1)}.email-editing input{border:1px solid #ddd;border-radius:4px;flex:1 1;font-size:16px;margin-right:10px;padding:8px}.email-content textarea{border:1px solid #ddd;border-radius:4px;font-size:14px;margin-bottom:20px;min-height:200px;padding:12px;width:100%}.send-email-button{align-items:center;background-color:#007cbf;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:16px;gap:8px;justify-content:center;padding:12px 20px;transition:background-color .3s}.send-email-button:hover{background-color:#005f8d}.people-container{height:calc(100vh - 80px);overflow-y:auto;padding:30px}.people-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.people-header h2{color:#007cbf;margin:0}.add-user-button{align-items:center;background-color:#4caf50;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:14px;gap:8px;padding:10px 16px;transition:background-color .3s}.add-user-button:hover{background-color:#3e8e41}.add-user-form{background-color:#f9f9f9;border-radius:8px;box-shadow:0 2px 8px #0000001a;margin-bottom:30px;padding:20px}.add-user-form h3{border-bottom:1px solid #ddd;color:#333;margin-bottom:20px;margin-top:0;padding-bottom:10px}.form-group{margin-bottom:15px}.form-group label{display:block;font-weight:700;margin-bottom:5px}.form-group input,.form-group select{border:1px solid #ddd;border-radius:4px;font-size:14px;padding:10px;width:100%}.form-actions{display:flex;gap:10px;margin-top:20px}.submit-button{background-color:#4caf50}.cancel-button,.submit-button{border:none;border-radius:4px;color:#fff;cursor:pointer;padding:10px 16px}.cancel-button{background-color:#f44336}.people-list{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));max-height:calc(100vh - 200px);overflow-y:auto}.person-card{background-color:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;display:flex;flex-direction:column;max-height:100%;overflow:hidden;transition:all .3s ease}.person-card.expanded{box-shadow:0 4px 12px #00000026}.person-header{align-items:center;background-color:#f9f9f9;cursor:pointer;display:flex;padding:15px 20px;transition:background-color .3s}.person-header:hover{background-color:#f0f0f0}.role-icon{font-size:24px;margin-right:15px}.role-icon.owner{color:#007cbf}.role-icon.employee{color:#4caf50}.person-info{flex:1 1}.person-info h3{margin:0 0 5px}.person-info p{color:#666;font-size:14px;margin:0}.expand-icon{color:#007cbf}.person-details{border-top:1px solid #eee;flex:1 1;overflow-y:auto;padding:20px}.person-field{align-items:center;display:flex;margin-bottom:15px}.person-field label{font-weight:700;margin-right:10px;min-width:60px}.field-display,.field-edit{align-items:center;display:flex;flex:1 1}.field-display span{flex:1 1;margin-right:10px}.edit-button,.save-button{align-items:center;background:none;border:none;color:#007cbf;cursor:pointer;display:flex;font-size:16px;justify-content:center;margin-left:10px;min-height:36px;min-width:36px;transition:transform .2s}.edit-button:hover,.save-button:hover{transform:scale(1.1)}.field-edit input{border:1px solid #ddd;border-radius:4px;flex:1 1;font-size:14px;padding:8px}.role-button{border:none;border-radius:4px;cursor:pointer;font-size:13px;margin-left:10px;padding:6px 10px;transition:background-color .3s;white-space:nowrap}.role-button.owner{background-color:#f44336;color:#fff}.role-button.employee{background-color:#007cbf;color:#fff}.person-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.delete-button,.shifts-button{align-items:center;border:none;border-radius:4px;cursor:pointer;display:flex;font-size:14px;gap:5px;padding:8px 12px;transition:background-color .3s}.shifts-button{background-color:#007cbf;color:#fff}.shifts-button:hover{background-color:#005f8d}.delete-button{background-color:#f44336;color:#fff}.delete-button:hover{background-color:#d32f2f}.shifts-section{border-top:1px solid #eee;margin-top:20px;max-height:300px;overflow-y:auto;padding-top:15px;position:relative;width:100%}.shifts-section h4{background-color:#fff;box-shadow:0 2px 4px #ffffffe6;color:#333;margin-bottom:15px;margin-top:0;padding:5px 0;position:-webkit-sticky;position:sticky;top:0;width:100%;z-index:1}.shifts-list{display:flex;flex-direction:column;gap:10px;padding-top:5px;width:100%}.shift-item{background-color:#f9f9f9;border-radius:4px;box-sizing:border-box;padding:12px;width:100%}.shift-time{display:flex;flex-direction:column;font-size:14px;margin-bottom:8px;width:100%}.shift-time div{display:flex;flex-wrap:wrap;margin-bottom:5px;width:100%}.shift-duration{color:#666;font-size:14px;text-align:left;width:100%}.no-shifts{color:#666;font-style:italic}.toggle-btn{z-index:1002!important}@media (max-width:768px){.navbar{padding:10px 60px 10px 20px}.navbar ul{flex-wrap:wrap;gap:10px;justify-content:flex-end;padding-right:40px}.navbar li{font-size:14px;padding:8px 12px}.client-section{margin:15px;padding:15px}.people-container{padding:15px}.people-header{flex-direction:column;gap:10px}.people-list{grid-template-columns:1fr}.person-header{padding:12px 15px}.person-details{padding:15px}.person-field{align-items:flex-start;flex-direction:column}.person-field label{margin-bottom:5px}.field-display,.field-edit{width:100%}.field-display span{margin-right:10px}.role-button{margin-left:0;margin-top:5px}.person-actions,.shift-time{flex-direction:column}.shift-time{gap:5px}.email-field{align-items:flex-start;flex-direction:column}.email-field label{margin-bottom:5px}.email-display,.email-editing{width:100%}}.property-data-container{display:flex;flex-direction:column;height:calc(100vh - 40px);margin:0 auto;max-width:100%;overflow:hidden;padding:20px}.property-data-header{display:flex;flex-direction:column;flex-shrink:0;gap:20px;margin-bottom:20px}.property-data-header h1{border-bottom:1px solid #eee;color:#333;margin:0;padding-bottom:10px}.date-selector{align-items:center;display:flex;gap:10px}.date-selector label{color:#333;font-weight:500;white-space:nowrap}.date-selector select{background-color:#fff;border:1px solid #ddd;border-radius:4px;font-size:14px;min-width:150px;padding:8px 12px}.action-buttons{align-items:center;display:flex;gap:10px}.add-property-button,.update-map-button{align-items:center;border:none;border-radius:4px;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:6px;padding:8px 16px;transition:background-color .2s;white-space:nowrap}.add-property-button{background-color:#007cbf;color:#fff}.add-property-button:hover{background-color:#005f8e}.table-container{background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;display:flex;flex:1 1;flex-direction:column;overflow:hidden}.table-info{background-color:#f9f9f9;border-bottom:1px solid #eee;flex-shrink:0;padding:15px 20px}.table-info p{color:#666;font-size:14px;margin:0}.table-wrapper{flex:1 1;overflow:auto}.property-data-table{border-collapse:collapse;font-size:14px;width:100%}.property-data-table thead{background-color:#fff;position:-webkit-sticky;position:sticky;top:0;z-index:10}.sortable-header{background-color:#007cbf;border-bottom:2px solid #005f8e;color:#fff;cursor:pointer;min-width:120px;padding:12px 8px;position:relative;text-align:left;-webkit-user-select:none;user-select:none}.sortable-header:hover{background-color:#005f8e}.header-content{align-items:center;display:flex;gap:8px;justify-content:space-between}.sort-icon{color:#ffffffb3;flex-shrink:0;font-size:12px}.sort-icon.active{color:#fff}.property-cell{border-bottom:1px solid #eee;max-width:200px;padding:0;vertical-align:top}.cell-content{align-items:flex-start;display:flex;gap:8px;justify-content:space-between;min-height:40px;padding:12px 8px}.cell-value{word-wrap:break-word;flex:1 1;line-height:1.4;white-space:pre-wrap}.cell-value.has-notes{background-color:#fff3cd;border-left:3px solid #ffc107;border-radius:4px;padding:4px 8px}.edit-cell-btn{background:none;border:none;border-radius:3px;color:#007cbf;cursor:pointer;flex-shrink:0;opacity:0;padding:4px;transition:opacity .2s,background-color .2s}.property-cell:hover .edit-cell-btn{opacity:1}.edit-cell-btn:hover{background-color:#007cbf1a}.edit-cell{display:flex;flex-direction:column;gap:8px;padding:8px}.add-input,.edit-input,.edit-textarea{border:1px solid #007cbf;border-radius:4px;box-sizing:border-box;font-family:inherit;font-size:14px;padding:8px;width:100%}.edit-textarea{min-height:60px;resize:vertical}.add-input{background-color:#f8fff8;border-color:#4caf50}.add-input:focus,.edit-input:focus,.edit-textarea:focus{border-color:#005f8e;box-shadow:0 0 0 2px #007cbf33;outline:none}.add-input:focus{border-color:#45a049;box-shadow:0 0 0 2px #4caf5033}.add-actions,.edit-actions{display:flex;gap:5px;justify-content:flex-end}.cancel-add-btn,.cancel-btn,.save-add-btn,.save-btn{align-items:center;border:none;border-radius:3px;cursor:pointer;display:flex;font-size:12px;justify-content:center;padding:4px 8px}.save-add-btn,.save-btn{background-color:#4caf50;color:#fff}.save-add-btn:hover,.save-btn:hover{background-color:#45a049}.cancel-add-btn,.cancel-btn{background-color:#f44336;color:#fff}.cancel-add-btn:hover,.cancel-btn:hover{background-color:#d32f2f}.actions-cell{border-bottom:1px solid #eee;min-width:150px;padding:12px 8px}.property-actions{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.completion-status{align-items:center;border-radius:12px;display:inline-flex;font-size:12px;font-weight:500;gap:4px;padding:4px 8px;white-space:nowrap}.completion-status.completed{background-color:#d4edda;border:1px solid #c3e6cb;color:#155724}.completion-status.pending{background-color:#fff3cd;border:1px solid #ffeaa7;color:#856404}.view-on-map-btn{border-radius:3px;font-size:12px;gap:4px;padding:4px 8px;white-space:nowrap}.add-row{background-color:#f8fff8}.add-row .property-cell{border-bottom:2px solid #4caf50}@media (max-width:1200px){.property-data-table{font-size:13px}.sortable-header{min-width:100px;padding:10px 6px}.cell-content{padding:10px 6px}.controls{gap:10px}.search-container{max-width:250px;min-width:150px}}@media (max-width:768px){.property-data-container{padding:15px}.controls{align-items:stretch;flex-direction:column;gap:15px}.search-container{max-width:none;min-width:auto}.action-buttons{flex-direction:column;gap:8px}.add-property-button,.update-map-button{justify-content:center;width:100%}.property-data-table{font-size:12px}.sortable-header{min-width:80px;padding:8px 4px}.header-content{flex-direction:column;gap:4px}.cell-content{align-items:stretch;flex-direction:column;padding:8px 4px}.edit-cell-btn{align-self:flex-start;opacity:1}.table-wrapper{overflow-x:auto}.property-actions{align-items:stretch;flex-direction:column;gap:4px}.view-on-map-btn{justify-content:center}}@media (max-width:600px){.table-wrapper{overflow-x:scroll}.property-data-table{min-width:800px}.date-selector{flex-direction:column;gap:5px}.date-selector label{align-self:flex-start}}.employee-property-container{height:calc(100vh - 40px);margin:0 auto;max-width:100%;overflow-y:auto;padding:20px}.employee-property-header{border-bottom:1px solid #eee;margin-bottom:20px;padding-bottom:20px}.employee-property-header h1{color:#333;margin:0 0 20px}.controls{align-items:center;display:flex;flex-wrap:wrap;gap:15px}.date-selector,.region-selector{align-items:center;display:flex;gap:8px}.date-selector label,.region-selector label{color:#333;font-size:14px;font-weight:500;white-space:nowrap}.date-selector select,.region-selector select{background-color:#fff;border:1px solid #ddd;border-radius:4px;font-size:14px;min-width:120px;padding:8px 12px}.search-container{align-items:center;display:flex;flex:1 1;max-width:300px;min-width:200px;position:relative}.search-icon{color:#666;font-size:14px;left:12px;pointer-events:none;position:absolute;z-index:1}.search-input{background-color:#fff;border:1px solid #ddd;border-radius:4px;box-sizing:border-box;font-size:14px;padding:8px 12px 8px 35px;width:100%}.search-input:focus{border-color:#007cbf;box-shadow:0 0 0 2px #007cbf33;outline:none}.status-filters{align-items:center;display:flex;gap:15px}.filter-checkbox{align-items:center;color:#333;cursor:pointer;display:flex;font-size:14px;gap:6px}.filter-checkbox input[type=checkbox]{margin:0}.update-map-button{align-items:center;background-color:#4caf50;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:6px;padding:8px 16px;transition:background-color .2s;white-space:nowrap}.update-map-button:hover:not(:disabled){background-color:#45a049}.update-map-button:disabled{background-color:#ccc;cursor:not-allowed}.regions-container{display:flex;flex-direction:column;gap:25px}.region-section{background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;overflow:hidden}.region-header{background-color:#f8f9fa;border-bottom:1px solid #eee;justify-content:space-between;padding:20px}.region-header,.region-title{align-items:center;display:flex}.region-title{gap:12px}.region-icon{color:#007cbf;font-size:20px}.region-title h2{color:#333;font-size:20px;margin:0}.region-stats{gap:15px}.region-stats,.stat{align-items:center;display:flex}.stat{font-size:14px;font-weight:500;gap:5px}.stat.completed{color:#2e7d32}.stat.pending{color:#f57c00}.completion-percentage{background-color:#fff;border:1px solid #007cbf;border-radius:12px;color:#007cbf;font-size:16px;font-weight:700;padding:4px 12px}.progress-bar{background-color:#e0e0e0;height:6px;position:relative}.progress-fill{background:linear-gradient(90deg,#4caf50,#2e7d32);height:100%;transition:width .3s ease}.properties-list{padding:0}.property-item{border-bottom:1px solid #f0f0f0;padding:16px 20px;transition:background-color .2s}.property-item:last-child{border-bottom:none}.property-item:hover{background-color:#f8f9fa}.property-item.completed{background-color:#f1f8e9;border-left:4px solid #4caf50}.property-item.pending{background-color:#fff8e1;border-left:4px solid #ff9800}.property-main{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:8px}.property-address{flex:1 1}.address{color:#333;display:block;font-size:16px;font-weight:600;margin-bottom:4px}.property-name{color:#666;font-size:14px;font-style:italic}.property-info{align-items:flex-end;display:flex;flex-direction:column;gap:4px;text-align:right}.service-days{background-color:#007cbf1a;border-radius:10px;color:#555;font-size:13px;padding:2px 8px}.property-status{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.completion-info{gap:10px}.completion-info,.pending-info{align-items:center;display:flex}.pending-info{gap:8px}.status-icon{font-size:16px}.status-icon.completed{color:#4caf50}.status-icon.pending{color:#ff9800}.completion-details{display:flex;flex-direction:column;gap:2px}.status-text{font-size:14px;font-weight:600}.completion-time{color:#666;font-size:12px}.completed-by{color:#888;font-size:11px;font-style:italic}.view-on-map-btn{align-items:center;background-color:#007cbf;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:14px;height:36px;justify-content:center;min-width:36px;padding:6px 8px;transition:background-color .2s}.view-on-map-btn:hover{background-color:#005f8e}.property-notes{background-color:#007cbf0d;border-left:3px solid #007cbf;border-radius:4px;font-size:13px;line-height:1.4;margin-top:8px;padding:8px 12px}.property-notes strong{color:#007cbf}.loading-container{align-items:center;display:flex;flex-direction:column;height:300px;justify-content:center}.loading-spinner{animation:spin 1s linear infinite;border:5px solid #f3f3f3;border-radius:50%;border-top-color:#007cbf;height:50px;margin-bottom:20px;width:50px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.no-data-message{background-color:#f9f9f9;border-radius:8px;color:#666;font-style:italic;margin-top:20px;padding:40px;text-align:center}@media (max-width:768px){.employee-property-container{padding:15px}.controls{align-items:stretch;flex-direction:column;gap:15px}.date-selector,.region-selector{justify-content:space-between}.search-container{max-width:none;min-width:auto}.status-filters,.update-map-button{justify-content:center}.update-map-button{width:100%}.region-header{align-items:stretch;flex-direction:column;gap:15px}.region-stats{gap:10px;justify-content:space-between}.property-main{flex-direction:column;gap:8px}.property-info{align-items:flex-start;text-align:left}.service-days{display:inline-block;margin-bottom:4px;margin-right:8px}.property-status{gap:8px}.completion-info,.property-status{align-items:flex-start;flex-direction:column}.completion-info{gap:4px}.completion-details{gap:1px}.view-on-map-btn{align-self:flex-start}}@media (max-width:480px){.property-item{padding:12px 15px}.region-header{padding:15px}.region-title h2{font-size:18px}.address{font-size:15px}.region-stats{flex-direction:column;gap:8px}.stat{font-size:13px}.completion-percentage{font-size:14px}}.auth-form-container{background-color:#f4f4f4;border-radius:8px;box-shadow:0 2px 10px #0000001a;margin:100px auto;max-width:400px;padding:25px;transition:all .3s ease}.auth-form-container h2{margin-bottom:20px}.auth-form-container .error{color:red;margin-bottom:15px}.auth-form-container .success{background-color:#e7f7e7;border-radius:4px;color:green;margin-bottom:15px;padding:10px}.auth-form-container form{display:flex;flex-direction:column}.auth-form-container form div{align-items:center;display:flex;flex-direction:row;margin-bottom:15px}.auth-form-container label{font-weight:700;margin-right:10px;text-align:right;width:100px}.auth-form-container input{border:1px solid #ccc;border-radius:4px;flex:1 1;padding:10px}.auth-form-container button{background-color:#007cbf;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:10px}.auth-form-container button:hover{background-color:#005f8e}.auth-form-container .secondary-button{background-color:#f4f4f4;border:1px solid #ccc;color:#333;margin-top:10px}.auth-form-container .secondary-button:hover{background-color:#e4e4e4}.auth-form-container p{margin-top:15px;text-align:center}@media (max-width:600px){.auth-form-container form div{align-items:stretch;flex-direction:column}.auth-form-container label{margin-bottom:5px;text-align:left;width:auto}.auth-form-container input{width:100%}}.login-success-message{align-items:center;background-color:#f4f4f4;display:flex;height:100vh;justify-content:center;width:100%}.success-container{background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;max-width:400px;padding:30px;text-align:center;width:90%}.success-container h2{color:#4caf50;margin-bottom:15px}.success-container p{color:#666;font-size:16px}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.auth-form-container.hiding{animation:fadeOut .5s forwards}
/*# sourceMappingURL=main.06e8cf29.css.map*/