.content-container{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;min-height:100vh;padding:20px;box-sizing:border-box;overflow-y:auto}.auth-logo{margin-top:10px;margin-bottom:50px}.auth-container{display:flex;flex-wrap:wrap;justify-content:center;width:100%;gap:20px}.auth-form{flex:0 1 500px;padding:20px;box-sizing:border-box;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;background-color:#fff;border:1px solid #ccc;border-radius:10px;box-shadow:0 2px 5px #0000001a}.login-form{border-right:none}h2{margin-bottom:20px;text-align:center}form{display:flex;flex-direction:column;align-items:center;width:100%;max-width:400px}label{margin-bottom:5px;text-align:left;width:100%}input{width:100%;margin-bottom:15px;padding:10px;font-size:16px;border:solid 1px #1a1a7a}button{padding:10px;font-size:16px;color:#fff;background-color:#1a1a7a;border:none;border-radius:5px;cursor:pointer}button{padding:10px;font-size:16px;color:#fff;border:none;cursor:pointer;background-color:#fff;margin-right:20px}button:hover{background-color:#15162a}.subuser{width:100%;max-width:500px;padding:10px;margin-top:10px;margin-bottom:20px;border:1px solid #ccc;border-radius:5px;background-color:#f9f9f9;box-sizing:border-box}.subuser input{width:100%;box-sizing:border-box;margin-bottom:10px;padding:10px;border:1px solid #1a1a7a;border-radius:3px}.subuser label{display:block;margin-bottom:5px;font-size:14px}.form-group-subuser{display:flex;align-items:center;margin-top:10px}.form-group-subuser label{white-space:nowrap;margin-left:5px;margin-top:-7px}.checkbox-label{display:flex;align-items:center;font-size:16px;cursor:pointer}#addOwner{width:20px;height:20px;margin-right:8px;cursor:pointer}.auth-form button{padding:10px;font-size:16px;color:#fff;border:none;cursor:pointer;margin:0;width:100%}.archived-dropdown{font-size:1rem;padding:10px 20px;width:150px;border:2px solid #ccc;border-radius:5px;background-color:#f9f9f9;cursor:pointer}@media (max-width: 768px){.content-container{padding:5px;width:100%;max-width:100%;box-sizing:border-box;overflow:hidden}.auth-logo{margin-bottom:20px;max-width:150px;height:auto}.auth-container{flex-direction:column;gap:10px;width:100%;max-width:100%;box-sizing:border-box}.auth-form{flex:1 1 100%;max-width:100%;padding:10px;margin:0 auto;width:95%;box-sizing:border-box;overflow:hidden}form{max-width:100%;width:100%;align-items:center;box-sizing:border-box;padding:0}label{text-align:center;width:100%;font-size:16px;margin-bottom:8px;box-sizing:border-box}input{text-align:center;width:100%;font-size:16px;padding:12px;margin-bottom:15px;box-sizing:border-box;max-width:100%}button{width:100%;max-width:100%;font-size:16px;padding:12px;margin:10px 0;text-align:center;box-sizing:border-box}.subuser{width:100%;max-width:100%;padding:10px;margin:10px 0;box-sizing:border-box}.subuser input{text-align:center;width:100%;font-size:16px;padding:10px;box-sizing:border-box;max-width:100%}.subuser label{text-align:center;width:100%;font-size:14px;box-sizing:border-box}.form-group-subuser{justify-content:center;width:100%;box-sizing:border-box}.checkbox-label{justify-content:center;width:100%;text-align:center;box-sizing:border-box}}@media (max-width: 480px){.content-container{padding:2px;width:100%;max-width:100%;box-sizing:border-box}.auth-logo{margin-bottom:15px;max-width:120px}.auth-form{padding:8px;width:98%;box-sizing:border-box}label{font-size:14px;margin-bottom:6px;box-sizing:border-box}input,button{font-size:14px;padding:10px;box-sizing:border-box}.subuser{padding:8px;box-sizing:border-box}.subuser input{font-size:14px;padding:8px;box-sizing:border-box}.subuser label{font-size:12px;box-sizing:border-box}}.profile-container{width:60%;margin:20px auto;padding:30px;border-radius:12px;background:#fff;box-shadow:0 8px 16px #0000001a;font-family:SanDiego,sans-serif;display:flex;flex-direction:column;gap:20px}h2{margin-bottom:20px;font-size:28px;color:#222;text-align:center;border-bottom:2px solid #15162a;padding-bottom:10px}.profile-info{display:flex;flex-direction:column;gap:15px;padding:20px;background:#f9f9f9;border-radius:8px;box-shadow:0 4px 8px #0000000d}.profile-info p{margin:0;font-size:18px;color:#444}strong{color:#333}.document-section{margin-top:20px;text-align:center;padding:20px;background:#f1f1f1;border-radius:8px;box-shadow:0 4px 8px #0000001a}.document-section h3{margin-bottom:15px;font-size:22px;color:#333}.document-link{display:inline-block;padding:12px 24px;border:none;border-radius:6px;background:#f85508;color:#fff;text-decoration:none;font-size:18px;transition:background-color .3s,transform .2s}.document-link:hover{background:#15162a;transform:scale(1.05);color:#fff}.document-link:active{transform:scale(.98)}.documentation-container{width:90%;max-width:600px;margin:20px auto;padding:20px;border-radius:12px;background:#fff;box-shadow:0 8px 16px #0000001a;display:flex;flex-direction:column;gap:20px;font-family:SanDiego,sans-serif}.documentation-header{margin-bottom:20px;text-align:center}.documentation-header h2{font-size:24px;color:#333;border-bottom:2px solid #15162a;padding-bottom:10px;font-family:SanDiego,sans-serif;margin:0}.documentation-details{padding:15px;background:#f9f9f9;border-radius:8px;box-shadow:0 4px 8px #0000000d}.building-info{margin-bottom:20px}.building-info p{margin:8px 0;font-size:16px;color:#444;line-height:1.4}.building-info strong{color:#333;font-weight:600}.documents-section h3{font-size:20px;color:#333;margin:0 0 15px;font-weight:600}.documents-grid{display:flex;flex-direction:column;gap:12px}.document-item{width:100%}.document-button{width:100%;padding:12px 16px;background:#f85508;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;display:flex;align-items:center;gap:10px;transition:all .2s ease;text-align:left;word-break:break-word;line-height:1.3;min-height:48px}.document-button:hover{background:#e04a07;transform:translateY(-1px);box-shadow:0 4px 8px #f855084d}.document-button:active{transform:translateY(0)}.document-icon{font-size:18px;flex-shrink:0}.document-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.no-documents{text-align:center;color:#666;font-style:italic;margin:20px 0}@media (max-width: 768px){.documentation-container{width:95%;margin:10px auto;padding:15px}.documentation-header h2{font-size:20px}.documentation-details{padding:12px}.building-info p{font-size:14px;margin:6px 0}.documents-section h3{font-size:18px;margin-bottom:12px}.document-button{padding:10px 12px;font-size:13px;min-height:44px}.document-icon{font-size:16px}}@media (max-width: 480px){.documentation-container{width:98%;margin:5px auto;padding:12px}.documentation-header h2{font-size:18px}.documentation-details{padding:10px}.building-info p{font-size:13px}.documents-section h3{font-size:16px}.document-button{padding:8px 10px;font-size:12px;min-height:40px}.document-icon{font-size:14px}}.dashboard-container{display:flex;min-height:100vh;overflow:visible}.sidebar{width:250px;background-color:#f4f4f4;padding:20px;position:fixed;top:0;left:0;bottom:0;border-right:1px solid #ddd;display:flex;flex-direction:column}.sidebar ul{list-style-type:none;padding:0;margin:0}.sidebar li{transition:background-color .3s ease,color .3s ease;border-radius:5px;padding:10px;cursor:pointer}.sidebar li:hover{background-color:#f85508;color:#fff}.logout-button{margin-top:auto;padding:10px;border:none;background-color:#f85508;color:#fff;cursor:pointer;border-radius:5px}.content{margin-left:250px;padding:20px;flex:1;overflow-y:auto}.notification-counter{display:inline-block;background-color:#ff4757;color:#fff;padding:5px 15px;font-size:1rem;border-radius:50px;margin-bottom:20px;font-weight:700}.notification-counter span{font-size:1.2rem}.notifications-list{list-style:none;padding:0;margin:0}.notification-item{border:1px solid #ddd;padding:15px;margin-bottom:10px;border-radius:5px}.notification-item.unread{background-color:#f9f9f9;font-weight:700}.notification-item.read{background-color:#e0e0e0;color:#555}.notification-item h4{margin:0;font-size:18px}.notification-item p{margin:5px 0}.notification-item button{background-color:#f85508;color:#fff;border:none;padding:8px 12px;border-radius:3px;cursor:pointer}.notification-item button:hover{background-color:#0056b3}.mark-all-button{display:block;margin:10px 0;padding:10px 20px;background-color:#007bff;color:#fff;border:none;border-radius:5px;cursor:pointer;font-size:1rem;font-weight:700;text-align:center}.mark-all-button:hover{background-color:#0056b3}.votings-list{list-style:none;padding:0}.voting-item{margin-bottom:20px;border:1px solid #ddd;padding:15px;border-radius:5px;background-color:#f9f9f9}.voting-ongoing{background-color:#d4edda}.voting-ended{background-color:#f8d7da}.vote-button{background-color:#007bff;color:#fff;border:none;border-radius:5px;cursor:pointer}.vote-button:hover{background-color:#0056b3}@media (max-width: 768px){.content{margin-left:0;padding:10px;width:100%;max-width:100%;box-sizing:border-box;overflow-y:auto;height:auto;min-height:100vh;overflow-x:hidden}.create-form{display:flex;flex-direction:column;align-items:center;width:100%;max-width:600px;margin:0 auto;box-sizing:border-box;padding:20px}.form-group{width:100%;max-width:100%;margin-bottom:20px;display:flex;flex-direction:column;align-items:center;box-sizing:border-box;padding:0 10px}.form-group label{text-align:center;width:100%;font-size:16px;margin-bottom:8px;box-sizing:border-box}.form-group input,.form-group select,.form-group textarea{text-align:center;width:100%;font-size:16px;padding:12px;box-sizing:border-box;max-width:100%}.form-group textarea{min-height:100px;resize:vertical}.submit-button{width:100%;max-width:100%;font-size:16px;padding:15px;margin:10px auto;text-align:center;box-sizing:border-box}.create-ticket-image-row{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin:15px 0;width:100%}.create-ticket-image{width:120px;height:120px;object-fit:cover;border-radius:8px;border:2px solid #ddd;cursor:pointer;transition:transform .2s ease}.create-ticket-image:hover{transform:scale(1.05);border-color:#f85508}.create-ticket-image-row{gap:8px;margin:10px 0}.create-ticket-image{width:80px;height:80px}.create-form h3{font-size:1.5rem;margin-bottom:20px}@media (max-width: 480px){.create-ticket-image{width:70px;height:70px}}@media (min-width: 769px){.create-form{max-width:700px;padding:30px;background:#f9f9f9;border-radius:12px;box-shadow:0 4px 12px #0000001a}.create-form h3{font-size:2rem;font-weight:700;margin-bottom:30px;text-align:center;color:#333}.form-group{margin-bottom:25px}.form-group label{font-size:18px;margin-bottom:10px}.form-group input,.form-group select,.form-group textarea{font-size:16px;padding:15px;border-radius:8px;border:2px solid #ddd;transition:border-color .3s ease}.form-group textarea{min-height:120px;resize:vertical}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#f85508;outline:none}.submit-button{font-size:18px;padding:15px 30px;border-radius:8px;margin:15px auto;max-width:200px}}.notes-list-container{width:95%;margin:10px auto;padding:10px;box-sizing:border-box;overflow:visible}.notification-item{text-align:center;padding:12px;box-sizing:border-box;width:100%;max-width:100%;word-wrap:break-word;overflow-wrap:break-word}.notification-item h4{font-size:16px;text-align:center;word-wrap:break-word;overflow-wrap:break-word}.notification-item p{text-align:center;font-size:14px;word-wrap:break-word;overflow-wrap:break-word}.notification-item button{width:100%;max-width:200px;margin:5px auto;display:block;box-sizing:border-box}.voting-item{text-align:center;padding:12px;box-sizing:border-box;width:100%;max-width:100%;word-wrap:break-word;overflow-wrap:break-word}.vote-button{width:100%;max-width:200px;margin:5px auto;display:block;box-sizing:border-box}}@media (max-width: 480px){.content{padding:5px;width:100%;max-width:100%;box-sizing:border-box}.form-group{width:100%;max-width:100%;box-sizing:border-box;padding:0 2px}.form-group label{font-size:14px;margin-bottom:6px;box-sizing:border-box}.form-group input,.form-group select,.form-group textarea{font-size:14px;padding:10px;box-sizing:border-box}.submit-button{font-size:14px;padding:12px;box-sizing:border-box}.notes-list-container{width:98%;margin:5px auto;padding:8px;box-sizing:border-box}.notification-item{padding:10px;box-sizing:border-box}.notification-item h4{font-size:14px}.notification-item p{font-size:12px}.voting-item{padding:10px;box-sizing:border-box}}.sidebar-toggle{position:fixed;top:18px;right:18px;z-index:1100;background-color:#fff;border:1px solid #ddd;border-radius:4px;padding:8px;width:auto;max-width:none;display:flex;align-items:center;justify-content:center;cursor:pointer;outline:none;transition:all .2s ease;color:#f85508}.sidebar-toggle:hover{background-color:#f8f8f8;border-color:#f85508;transform:scale(1.05)}@media (max-width: 900px){.sidebar{display:flex;flex-direction:column;overflow-y:auto;-webkit-overflow-scrolling:touch;padding-bottom:80px}.sidebar ul{flex:1;margin-bottom:20px;overflow-y:visible;padding-bottom:0}.sidebar .logout-button{margin-top:0;margin-bottom:20px;position:static;flex-shrink:0;width:100%;font-size:18px;display:block;background-color:#f85508;color:#fff;padding:12px;border:none;border-radius:5px;cursor:pointer;order:999}.sidebar>*{flex-shrink:0}.sidebar{max-height:100vh;box-sizing:border-box}.sidebar li{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar .logout-button{position:relative;bottom:auto;left:auto;right:auto}}.modal-close-btn{position:absolute;top:10px;right:15px;background:#f85508;color:#fff;border:none;border-radius:50%;width:25px;height:25px;font-size:12px;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:1001}@font-face{font-family:SanDiego;src:url(/assets/SanDiego-BAvMizZy.woff) format("woff");font-weight:400;font-style:normal}body{font-family:SanDiego,sans-serif;overflow-x:hidden;overflow-y:auto;width:100%;max-width:100%;box-sizing:border-box;height:auto;min-height:100vh}.create-container{max-width:80%;margin:50px auto;background:#fff;padding:30px;box-shadow:0 2px 10px #0000001a;border-radius:8px}h2{text-align:center;margin-bottom:20px;font-family:SanDiego,sans-serif;color:#333}.create-form{display:flex;flex-direction:column;margin:0 auto;width:100%;max-width:900px;align-items:center}.form-group{margin-bottom:15px;width:100%;max-width:600px;display:flex;flex-direction:column;align-items:center}.form-group label{font-size:16px;color:#555;margin-bottom:5px;display:block;font-weight:500;text-align:center;width:100%}.form-group input,.form-group select{width:100%;padding:15px;font-size:18px;border:1px solid #ddd;border-radius:6px;outline:none;transition:border-color .3s;text-align:center}.form-group input:focus{border-color:#15162a}.submit-button{width:100%;max-width:600px;padding:12px;font-size:18px;color:#fff;background-color:#f85508;border:none;border-radius:4px;cursor:pointer;transition:background-color .3s;margin:0 auto}.submit-button:hover{background-color:#15162a}.residents-list{list-style:none;padding:0}.residents-list li{display:flex;flex-direction:column;align-items:center;margin-bottom:20px;border:1px solid #ddd;padding:20px;border-radius:8px}.residents-list p,.residents-list label,.residents-list select,.residents-list button{width:100%;text-align:center;margin:10px 0}.residents-list button{max-width:200px}.custom-select-container{text-align:center}.custom-select-container label{font-size:20px;margin-right:10px}.custom-select-container select{width:20%;font-size:18px;padding:8px}.react-calendar__tile,.react-calendar__navigation__label,.react-calendar__navigation__arrow{background-color:#fff;border:1px solid #888888;color:#000}.react-calendar button:hover{color:#fff}.react-calendar{width:100%;max-width:500px;margin:0 auto;border:none;font-family:SanDiego,sans-serif}.react-calendar__tile{padding:10px 0;text-align:center;background-color:#fff;border-radius:5px;transition:background-color .2s}.react-calendar__tile--active{background-color:#15162a;color:#fff}.react-calendar__tile--now{background-color:#f0f0f0}.react-calendar__tile .highlight{background-color:#f85508;border-radius:50%;width:20px;height:20px;margin:0 auto}.table-documents{width:100%;border-collapse:collapse}.table-documents th,.table-documents td{padding:12px 15px;border:1px solid #ddd;text-align:left}.table-documents th{font-weight:700;text-align:center}.table-documents td a{color:#15162a;text-decoration:none}.table-documents td a:hover{text-decoration:underline}.table-documents th:nth-child(2),.table-documents td:nth-child(2){min-width:120px;width:120px;text-align:center}.table-documents td:nth-child(2) select{width:100%;padding:8px 12px;border:1px solid #ddd;border-radius:4px;background-color:#fff;font-size:14px;cursor:pointer}.table-documents td:nth-child(2) select:focus{outline:2px solid #667eea;border-color:#667eea}.table-documents th:nth-child(1),.table-documents td:nth-child(1){min-width:200px;word-wrap:break-word}.table-documents th:nth-child(3),.table-documents td:nth-child(3){width:80px;text-align:center}@media (max-width: 768px){.table-documents{display:block;overflow-x:auto;white-space:nowrap;-webkit-overflow-scrolling:touch}.table-documents th:nth-child(1),.table-documents td:nth-child(1){min-width:150px;max-width:200px;word-wrap:break-word;white-space:normal}.table-documents th:nth-child(2),.table-documents td:nth-child(2){min-width:100px;width:100px}.table-documents th:nth-child(3),.table-documents td:nth-child(3){width:70px;min-width:70px}.table-documents td:nth-child(2) select{padding:6px 8px;font-size:13px}.table-documents td:nth-child(3) button{padding:6px 10px;font-size:12px;white-space:nowrap}}@media (max-width: 480px){.table-documents th:nth-child(1),.table-documents td:nth-child(1){min-width:120px;max-width:150px}.table-documents th:nth-child(2),.table-documents td:nth-child(2){min-width:80px;width:80px}.table-documents th:nth-child(3),.table-documents td:nth-child(3){width:60px;min-width:60px}.table-documents td:nth-child(2) select{padding:4px 6px;font-size:12px}.table-documents td:nth-child(3) button{padding:4px 8px;font-size:11px}}.note-edit-container{display:flex;flex-direction:column;align-items:flex-end;margin-top:10px}.note-submit-btn{align-self:flex-end;margin-top:5px;padding:10px 20px;cursor:pointer}.note-edit-textarea{width:100%;min-height:150px;max-height:300px;font-size:16px;padding:10px;box-sizing:border-box;resize:vertical}.logo{height:auto;margin-bottom:50px}.residents-table{width:100%;margin-top:20px;border-collapse:collapse;font-family:Arial,sans-serif;font-size:14px}.residents-table th,.residents-table td{padding:10px;border:1px solid #ddd;text-align:left}.residents-table th{background-color:#f4f4f4;font-weight:700}.residents-table tr:nth-child(2n){background-color:#f9f9f9}.residents-table tr:hover{background-color:#f1f1f1}@media (max-width: 768px){.residents-table{font-size:12px}.residents-table th,.residents-table td{padding:6px 4px;word-wrap:break-word;max-width:80px}.create-container{overflow-x:auto;-webkit-overflow-scrolling:touch}.residents-table{min-width:600px}.create-container{width:95%;max-width:100%;margin:10px auto;padding:15px;box-sizing:border-box;overflow:visible}.create-form{align-items:center;padding:0;width:100%;max-width:100%;box-sizing:border-box}.form-group{width:100%;max-width:100%;margin-bottom:15px;box-sizing:border-box;padding:0 5px}.form-group label{text-align:center;font-size:16px;margin-bottom:8px;width:100%;box-sizing:border-box}.form-group input,.form-group select{text-align:center;font-size:16px;padding:12px;width:100%;box-sizing:border-box;max-width:100%}.submit-button{width:100%;max-width:100%;font-size:16px;padding:15px;margin:10px auto;box-sizing:border-box}.dashboard-container .content{margin-left:0;padding:20px 5px;overflow-y:auto;height:auto;min-height:100vh}}@media (max-width: 480px){.residents-table{font-size:11px}.residents-table th,.residents-table td{padding:4px 2px;max-width:60px}.residents-table{min-width:500px}.create-container{width:98%;margin:5px auto;padding:10px;box-sizing:border-box;overflow:visible}.create-form{padding:0;width:100%;max-width:100%;box-sizing:border-box}.form-group{margin-bottom:15px;width:100%;max-width:100%;box-sizing:border-box;padding:0 2px}.form-group label{font-size:14px;margin-bottom:6px;width:100%;box-sizing:border-box}.form-group input,.form-group select{font-size:14px;padding:10px;width:100%;max-width:100%;box-sizing:border-box}.submit-button{font-size:14px;padding:12px;width:100%;max-width:100%;box-sizing:border-box}}@media (max-width: 900px){.sidebar{position:fixed;left:-300px;top:0;width:250px;min-height:100vh;z-index:1000;transition:left .3s cubic-bezier(.4,0,.2,1);box-shadow:2px 0 8px #00000014;background:#f4f4f4;overflow-y:auto;-webkit-overflow-scrolling:touch;display:flex;flex-direction:column;padding-bottom:80px}.sidebar.open{left:0}.dashboard-container .content{margin-left:0;padding:20px 5px;overflow-y:auto;height:auto;min-height:100vh}.sidebar .logo{margin-bottom:30px;flex-shrink:0}.sidebar-toggle{left:auto;right:18px;color:#f85508;background-color:#fff;border:1px solid #ddd;border-radius:4px;padding:8px;width:auto;max-width:none;display:flex;align-items:center;justify-content:center;position:fixed;top:18px;z-index:1100;cursor:pointer;outline:none;transition:all .2s ease}.sidebar-toggle:hover{background-color:#f8f8f8;border-color:#f85508;transform:scale(1.05)}.sidebar ul{flex:1;margin-bottom:20px;overflow-y:visible;padding-bottom:0}.sidebar .logout-button{margin-top:0;margin-bottom:20px;position:static;flex-shrink:0;width:100%;font-size:18px;display:block;background-color:#f85508;color:#fff;padding:12px;border:none;border-radius:5px;cursor:pointer;order:999}.sidebar>*{flex-shrink:0}.sidebar{max-height:100vh;box-sizing:border-box}.sidebar li{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar .logout-button{position:relative;bottom:auto;left:auto;right:auto}}@media (min-width: 901px){.sidebar-toggle{display:none}}.ticket-details-image-row{display:flex;gap:10px;margin:15px 0;flex-wrap:wrap;align-items:center}.ticket-details-image{width:120px;height:90px;object-fit:cover;object-position:center;border-radius:8px;border:2px solid #ddd;cursor:pointer;transition:transform .2s ease,border-color .2s ease;image-rendering:-webkit-optimize-contrast;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.ticket-details-image:hover{transform:scale(1.05);border-color:#f85508}@media (max-width: 768px){.ticket-details-image-row{gap:8px;margin:10px 0}.ticket-details-image{width:100px;height:75px}}@media (max-width: 480px){.ticket-details-image{width:80px;height:60px}}.admin-recent-tickets-row{display:flex;gap:1rem;margin-bottom:1rem;flex-wrap:wrap}.admin-recent-ticket-card{flex:1 1 140px;min-width:120px;max-width:100%;min-height:unset;height:auto;padding:10px 12px;margin-bottom:0;font-size:1rem;box-sizing:border-box;display:flex;flex-direction:column;justify-content:flex-start;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;backface-visibility:hidden;transform:translateZ(0)}@media (max-width: 1000px){.admin-recent-tickets-row{flex-wrap:wrap;gap:.5rem;justify-content:flex-start}.admin-recent-ticket-card{min-width:100px;max-width:100%;font-size:.95rem;padding:8px 10px}.notes-list-container .form-group{flex-direction:column!important;gap:.5rem!important;align-items:stretch!important}.notes-list-container .form-group>div{width:100%!important;margin-bottom:.5rem}.notes-list-container .form-group label,.notes-list-container .form-group select,.notes-list-container .form-group input{font-size:1.1rem;width:100%!important;min-width:0;box-sizing:border-box}}@media (max-width: 600px){.admin-recent-ticket-card{min-width:80px;font-size:.9rem;padding:6px 8px}.admin-recent-tickets-row{flex-direction:column;gap:.5rem}.notes-list-container .form-group{flex-direction:column!important;gap:.3rem!important}.notes-list-container .form-group>div{width:100%!important;margin-bottom:.3rem}}.close-button{width:100%;max-width:220px;margin:0 auto;display:block;padding:8px 15px;font-size:14px}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-content{background:#fff;border-radius:8px;max-width:90%;min-width:600px;max-height:90%;overflow-y:auto;position:relative;box-shadow:0 4px 20px #0000004d}.modal-close-btn{position:absolute;top:10px;right:50px;background:#f85508;color:#fff;border:none;border-radius:10%;width:50px!important;height:25px;font-size:15px;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:1001;padding:0!important}.modal-close-btn:hover{background:#e04a07}.loading-spinner{display:flex;justify-content:center;align-items:center;padding:40px}.spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #F85508;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-text{margin-top:15px;color:#666;font-size:14px}@media (max-width: 768px){.modal-overlay{padding:10px}.modal-content{max-width:95%;min-width:auto;max-height:95%}.modal-close-btn{width:25px;height:25px;font-size:16px}}.notes-list-container{width:80%;margin:0 auto;padding:20px;background-color:#f7f7f7;border-radius:8px;box-shadow:0 0 10px #0000001a}.form-group{margin-bottom:20px}label{display:block;margin-bottom:5px;font-weight:700}#buildingSelectNotes{width:20%;padding:8px;font-size:16px;border:1px solid #ccc;border-radius:4px}.notes-container{margin-top:30px}.notes-list{list-style-type:none;padding:0}.note-item{margin-bottom:20px;padding:10px;background-color:#fff;border-radius:4px;box-shadow:0 0 5px #0000001a}.note-timestamp{font-size:12px;color:#888;margin-bottom:5px}.note-content{font-size:16px;color:#333}.full-width-textarea{width:100%;height:150px;padding:10px;box-sizing:border-box;font-size:16px;border:1px solid #ccc;border-radius:4px}@media (max-width: 768px){.notes-list-container{width:95%;margin:10px auto;padding:10px;box-sizing:border-box;overflow:hidden}.form-group{margin-bottom:15px;display:flex;flex-direction:column;align-items:center;width:100%;max-width:100%;box-sizing:border-box}label{text-align:center;width:100%;font-size:16px;margin-bottom:8px;box-sizing:border-box}#buildingSelectNotes,.full-width-textarea{width:100%;max-width:100%;text-align:center;font-size:16px;padding:12px;margin:0 auto;box-sizing:border-box}.note-item{margin-bottom:15px;padding:12px;box-sizing:border-box;width:100%;max-width:100%}.note-content{font-size:14px;text-align:center;word-wrap:break-word;overflow-wrap:break-word}.note-timestamp{font-size:11px;text-align:center}}@media (max-width: 480px){.notes-list-container{width:98%;margin:5px auto;padding:8px;box-sizing:border-box}label{font-size:14px;margin-bottom:6px;box-sizing:border-box}#buildingSelectNotes{font-size:14px;padding:10px;box-sizing:border-box}.full-width-textarea{font-size:14px;padding:10px;height:120px;box-sizing:border-box}.note-item{padding:10px;box-sizing:border-box}.note-content{font-size:13px;word-wrap:break-word;overflow-wrap:break-word}.note-timestamp{font-size:10px}}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#15162a;text-decoration:inherit}a:hover{color:#15162a}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#f85508;cursor:pointer;transition:border-color .25s}button:hover{border-color:#15162a}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (max-width: 768px){button:not(.sidebar-toggle):not([aria-label*=menu]):not([aria-label*=navigation]){width:100%;max-width:100%;text-align:center;font-size:16px;padding:12px;margin:5px auto;display:block;box-sizing:border-box}h1{font-size:2.5em;text-align:center;word-wrap:break-word;overflow-wrap:break-word}input,select,textarea{text-align:center;width:100%;box-sizing:border-box;font-size:16px;padding:12px;max-width:100%}label{text-align:center;width:100%;display:block;margin-bottom:8px;box-sizing:border-box;word-wrap:break-word;overflow-wrap:break-word}body{overflow-x:hidden;overflow-y:auto;width:100%;max-width:100%;box-sizing:border-box;height:auto;min-height:100vh}}@media (max-width: 480px){button:not(.sidebar-toggle):not([aria-label*=menu]):not([aria-label*=navigation]){font-size:14px;padding:10px;box-sizing:border-box}h1{font-size:2em;word-wrap:break-word;overflow-wrap:break-word}input,select,textarea{font-size:14px;padding:10px;box-sizing:border-box}label{font-size:14px;margin-bottom:6px;box-sizing:border-box}body{overflow-x:hidden;overflow-y:auto;width:100%;max-width:100%;box-sizing:border-box;height:auto;min-height:100vh}}