@import url(https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap);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}.container{align-items:center;background-position:50%;background-repeat:no-repeat;background-size:cover;display:flex;height:100vh;justify-content:center;width:100vw}.sidebar{left:20px;position:absolute;top:20px}.logo{font-size:22px}.email{color:gray;font-size:14px;margin-top:5px}.login-box{background:#ffffffb3;border-radius:15px;box-shadow:0 4px 10px #0000001a;padding:30px;text-align:center;width:350px}.password-container{align-items:center;display:flex;position:relative}.inputs-box{border:1px solid #ccc;border-radius:25px;font-size:14px;margin:10px 0;outline:none;padding:12px 12px 12px 30px;transition:border .3s;width:85%}.input-box:focus{border-color:#4caf50}.input-container{position:relative;width:100%}.input-container i{color:gray;left:15px;position:absolute;top:50%;transform:translateY(-50%)}.icon-btn{background:none;border:none;color:#555;cursor:pointer;font-size:18px;position:absolute;right:20px;top:22px}.icon-btn:hover{color:#000}h2{margin:0}.subtitle{color:gray;font-size:14px;margin-bottom:20px}.help-text{color:gray;font-size:12px;margin-bottom:15px;text-align:left}.login-btn{border:none;border-radius:25px;color:#fff;cursor:pointer;font-weight:700;padding:12px;transition:background .3s;width:100%}.login-btn,.login-btn:hover{background-color:#fd7932}.or-text{font-size:12px;margin:15px 0}.social-icons{display:flex;justify-content:space-between}.social-btn{align-items:center;background:none;border:1px solid #ccc;border-radius:5px;cursor:pointer;display:flex;gap:8px;padding:8px 15px}.social-btn svg{font-size:16px}.footer-text{font-size:12px;margin-top:15px}.highlight{color:#fd7932;cursor:pointer;font-weight:700}.footer{bottom:20px;color:#000;font-size:12px;margin-top:4%}.full-width{width:100%}@media (max-width:768px){.login-box{background:#ffffffb3;border-radius:15px;box-shadow:0 4px 10px #0000001a;padding:30px;text-align:center;width:250px}.social-btn{align-items:center;background:none;border:1px solid #ccc;border-radius:5px;cursor:pointer;display:flex;gap:4px;padding:8px 5px}}.home-container{background-attachment:fixed;min-height:100vh;padding-bottom:0;position:relative}.navbars{background:#0000;justify-content:space-between;margin-left:3%;top:0;width:93%;z-index:1000}.bottom-nav,.navbars{align-items:center;display:flex;padding:10px 0}.bottom-nav{background:#fff;bottom:0;box-shadow:0 -2px 5px #0000001a;justify-content:space-around;position:fixed;width:100%}.nav-btn{padding:10px}@media (max-width:768px){.navbars{align-items:center;flex-direction:row;gap:9%;margin-left:5%}.nav-links{flex-direction:column;gap:10px;margin-top:10px}.home-container{padding-bottom:80px}}.contents{align-items:center;display:flex;flex-wrap:wrap;justify-content:space-between;margin-bottom:100px;padding:10px 35px}.special{margin-bottom:15px}.specials{font-size:18px;font-style:italic;margin-left:8%;margin-right:10%}@media (max-width:768px){.text-content{margin-top:0;text-align:left;width:100%}.menu{font-size:48px}.description{font-size:16px}.contents{margin-bottom:120px}}.form-group{align-items:flex-start;display:flex;flex-direction:column;margin:12px 0;width:100%}.form-label{font-size:15px;margin-bottom:6px}.form-label,.form-labels{color:#5a4432;font-weight:700}.form-labels{display:flex;flex-direction:row;font-size:18px}.dropdown,.input-box{background-color:#fff;border:1px solid #ccc;border-radius:5px;box-sizing:border-box;font-size:16px;padding:10px;width:100%}.dropdown{-webkit-appearance:none;appearance:none;background-color:#f8f8f8;border:1px solid #ccc;cursor:pointer;padding:10px}.dropdown:hover{border-color:#ff6b6b}.dropdown:focus{border-color:#d35d5d;box-shadow:0 0 5px #d35d5d80;outline:none}.confirm-btn,.fetch-btn{background-color:#ff6b6b;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;padding:10px 20px;transition:background .3s}.confirm-btn:hover,.fetch-btn:hover{background-color:#d35d5d}.confirm-btns{background-color:#ff6b6b;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;padding:10px 24px;transition:background .3s}.confirm-btns:hover{background-color:#d35d5d}.file-input{border:1px solid #ccc;border-radius:5px;cursor:pointer;padding:5px}.confirmation-boxxx{background:#fafafab0;border-radius:10px;box-shadow:0 0 10px #0000000d;margin-bottom:20px;padding:12px;text-align:left;width:100%}.modal-overlay{align-items:center;background-color:#0009;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:2000}.modal-contents{background:#fff;border-radius:10px;max-width:500px;padding:24px;position:relative;width:90%}.close{color:#333;cursor:pointer;font-size:28px;position:absolute;right:15px;top:10px}.hint{text-align:right;width:100%}.confirmation-page{background:url(/static/media/home.c239fe716e40de314f4e.jpg) no-repeat 50% fixed;background-size:cover;flex-direction:column;font-family:Poppins,sans-serif;min-height:100vh;overflow:hidden}.confirmation-navbar,.confirmation-page{align-items:center;display:flex;justify-content:space-between;width:100%}.confirmation-navbar{margin-left:30px;padding:15px 30px;position:sticky;top:0;z-index:1000}.confirmation-logo{font-size:24px;font-weight:700}.confirmation-content{align-items:center;display:flex;flex-grow:1;justify-content:center;padding:20px;width:100%}.confirmation-box{background:#fff;border-radius:10px;box-shadow:0 0 10px #0000001a;margin-left:-300px;margin-top:-100px;max-width:600px;overflow-y:auto;padding:20px;text-align:center;width:90%}.confirmation-message{color:green;font-size:24px;font-weight:700}.confirmation-box p{word-wrap:break-word;font-size:18px;margin:8px 0}.confirmation-btn{background-color:#28a745;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;margin-top:10px;padding:10px 15px}.confirmation-btn:hover{background-color:#218838}.confirmation-bottom-nav{background:#ffffffe6;bottom:0;box-shadow:0 -2px 6px #0000001a;display:flex;justify-content:space-around;padding:10px 0;position:fixed;width:100%}.confirmation-nav-btn{background:none;border:none;cursor:pointer;font-size:16px;padding:10px}@media (max-width:768px){.confirmation-navbar{padding:10px 20px}.confirmation-content{padding:10px}.confirmation-box{padding:15px;width:95%}.confirmation-bottom-nav{padding:5px 0}.confirmation-nav-btn{font-size:14px;padding:8px}.confirmation-box{background:#fff;border-radius:10px;box-shadow:0 0 10px #0000001a;margin-left:0;max-width:600px;overflow-y:auto;padding:20px;text-align:center;width:90%}}.home-container{background:url(/static/media/home.c239fe716e40de314f4e.jpg) no-repeat 50%;background-size:cover;display:flex;flex-direction:column;font-family:Poppins,sans-serif;height:100vh;width:100%}.navbar{align-items:center;background:#0000;display:flex;justify-content:space-between;padding:15px 30px}.nav-btn{background:none;border:none;color:#5a4432;cursor:pointer;font-size:16px;margin:0 10px;transition:color .3s}.nav-btn:hover{color:#fd7932}.logo{font-size:24px;font-weight:700}.nav-links{display:flex}.nav-links a{color:#5a4432;font-size:18px;margin:0 15px;text-decoration:none}.search-btn{background-color:#ff6b6b;border:none;border-radius:20px;color:5a4432;cursor:pointer;font-size:16px;padding:10px 20px}@media (max-width:768px){.navbar{align-items:center}.nav-links,.navbar{flex-direction:column}.nav-links{gap:10px;margin-top:10px}}.content{align-items:center;display:flex;flex-wrap:wrap;justify-content:space-between;padding:50px}.text-content{max-width:500px;width:50%}.special{color:#d35d5d;font-size:32px;font-style:italic;margin-top:25px}.menu{color:#5a4432;font-size:64px;font-weight:700}.description{color:#5a4432;font-size:18px;margin:20px 0}@media (max-width:768px){.text-content{text-align:center;width:100%}.menu{font-size:48px}.description{font-size:16px}}.report-buttons{display:flex;gap:10px;margin:20px 0}.report-btn{background-color:#fd7932;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;padding:10px 20px;transition:.3s}.report-btn:hover{background-color:#ff5722}.report-table{border-collapse:collapse;margin-top:20px;width:100%}.report-table td,.report-table th{border:1px solid #ddd;padding:10px;text-align:left}.report-table th{background-color:#f4f4f4}.confirmation-boxx{background:#0000;border-radius:10px;max-width:500px;padding:20px;text-align:start;width:100%}.confirmation-boxx p{font-size:18px}@media (max-width:768px){.confirmation-boxx{background:#ffffffa6;border-radius:10px;box-shadow:0 0 10px #0000001a;max-width:500px;padding:20px;text-align:start;width:100%}}.resident-management-wrapper{background:#fff;border-radius:8px;box-shadow:0 4px 10px #0000001a;margin:auto;max-width:900px;padding:20px;width:100%}.resident-nav-bar{padding:10px 0;position:sticky;top:0;width:100%;z-index:1000}.resident-nav-bar,.resident-navbar{align-items:center;background:#5a4432;color:#fff;display:flex;justify-content:space-between}.resident-navbar{border-radius:8px 8px 0 0;padding:10px 20px}.resident-title{font-size:20px;font-weight:700}.resident-form{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin:20px 0}.resident-form input{border:1px solid #ccc;border-radius:5px;font-size:14px;padding:10px;width:30%}.resident-btn{border:none;border-radius:5px;cursor:pointer;font-size:14px;font-weight:700;padding:10px 15px;transition:.3s}.resident-list{margin-top:20px}.resident-list h3{color:#5a4432;font-size:22px;margin-bottom:10px}.resident-list table{border-collapse:collapse;width:100%}.resident-list td,.resident-list th{border:1px solid #ddd;padding:8px;text-align:center}.resident-list th{background:#f4a02b;color:#fff}.resident-list td button{border-radius:5px;cursor:pointer;font-size:12px;margin:3px;padding:5px 10px}@media (max-width:768px){.resident-form input{width:100%}.resident-list td,.resident-list th{font-size:12px;padding:5px}.resident-nav-bar{padding:10px 0}.resident-management-wrapper{padding:0 20px;width:90%}}*{box-sizing:border-box}.admin-layout{background-color:#f1f5f9;color:#0f172a;display:flex;font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh}.admin-sidebar{background:#0f172a;bottom:0;box-shadow:4px 0 24px #0f172a26;color:#fff;display:flex;flex-direction:column;left:0;position:fixed;top:0;transition:all .3s ease;width:270px;z-index:100}.sidebar-brand{border-bottom:1px solid #ffffff14;gap:12px;padding:24px 20px}.sidebar-brand,.sidebar-logo{align-items:center;display:flex}.sidebar-logo{background:linear-gradient(135deg,#0284c7,#2563eb);border-radius:12px;box-shadow:0 4px 12px #2563eb66;color:#fff;font-size:20px;height:42px;justify-content:center;width:42px}.sidebar-brand-text h2{color:#fff;font-size:16px;font-weight:700;letter-spacing:-.01em;margin:0}.sidebar-brand-text span{color:#94a3b8;font-size:11px;font-weight:500;letter-spacing:.05em;text-transform:uppercase}.sidebar-nav{display:flex;flex:1 1;flex-direction:column;gap:6px;padding:20px 14px}.nav-section-label{color:#64748b;font-size:11px;font-weight:700;letter-spacing:.08em;margin-bottom:4px;padding:8px 12px;text-transform:uppercase}.nav-item{align-items:center;border-radius:10px;color:#94a3b8;display:flex;font-size:14px;font-weight:600;gap:12px;padding:12px 14px;text-decoration:none;transition:all .2s ease}.nav-icon{font-size:17px;transition:transform .2s ease}.nav-item:hover{background:#ffffff0f;color:#fff}.nav-item:hover .nav-icon{transform:scale(1.1)}.nav-item.active{background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 4px 14px #2563eb59;color:#fff}.sidebar-footer{background:#0f172acc;border-top:1px solid #ffffff14;padding:18px 16px}.admin-workspace{display:flex;flex:1 1;flex-direction:column;margin-left:270px;min-height:100vh;width:calc(100% - 270px)}.workspace-header{align-items:center;background:#fff;border-bottom:1px solid #e2e8f0;box-shadow:0 2px 10px #00000005;display:flex;justify-content:space-between;padding:16px 32px;position:sticky;top:0;z-index:90}.header-left{display:flex;flex-direction:column}.header-title{color:#0f172a;font-size:20px;font-weight:800;letter-spacing:-.02em}.header-date{color:#64748b;font-size:13px;font-weight:500}.header-right{gap:12px}.header-right,.refresh-btn{align-items:center;display:flex}.refresh-btn{background:#fff;border:1px solid #cbd5e1;border-radius:10px;color:#475569;cursor:pointer;font-size:15px;height:40px;justify-content:center;transition:all .2s ease;width:40px}.refresh-btn:hover{background:#f8fafc;border-color:#93c5fd;color:#2563eb}.spin{animation:spin 1s linear infinite}.primary-header-btn{align-items:center;background:linear-gradient(135deg,#0284c7,#2563eb);border:none;border-radius:10px;box-shadow:0 4px 12px #2563eb40;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:10px 18px;transition:all .2s ease}.primary-header-btn:hover{box-shadow:0 6px 16px #2563eb59;transform:translateY(-1px)}.mobile-logout{display:none}.workspace-content{flex:1 1;padding:32px}.dashboard-hero{align-items:center;background:linear-gradient(135deg,#0f172a,#1e293b);border-radius:20px;box-shadow:0 10px 30px #0f172a1f;color:#fff;display:flex;gap:30px;justify-content:space-between;margin-bottom:32px;overflow:hidden;padding:36px 40px;position:relative}.dashboard-hero:before{background:radial-gradient(circle,#38bdf826 0,#fff0 70%);border-radius:50%;content:"";height:350px;pointer-events:none;position:absolute;right:-10%;top:-40%;width:350px}.hero-text{max-width:620px}.hero-badge{align-items:center;background:#22c55e26;border:1px solid #22c55e4d;border-radius:9999px;color:#4ade80;display:inline-flex;font-size:13px;font-weight:600;gap:8px;margin-bottom:16px;padding:6px 14px}.hero-text h1{color:#fff;font-size:30px;font-weight:800;letter-spacing:-.02em;margin:0 0 10px}.hero-text p{color:#94a3b8;font-size:15px;line-height:1.6;margin:0}.hero-actions{display:flex;flex-direction:column;gap:12px;min-width:200px}.btn-hero-primary{align-items:center;background:linear-gradient(135deg,#2563eb,#1d4ed8);border:none;border-radius:12px;box-shadow:0 4px 14px #2563eb66;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:700;gap:8px;justify-content:center;padding:13px 22px;transition:all .2s ease}.btn-hero-primary:hover{box-shadow:0 6px 20px #2563eb80;transform:translateY(-2px)}.btn-hero-secondary{background:#ffffff1a;border:1px solid #fff3;border-radius:12px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:12px 22px;text-align:center;transition:all .2s ease}.btn-hero-secondary:hover{background:#fff3}.kpi-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-bottom:36px}.kpi-card{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 6px -1px #00000008;display:flex;gap:18px;padding:22px 24px;transition:transform .2s ease,box-shadow .2s ease}.kpi-card:hover{box-shadow:0 12px 20px -5px #0000000f;transform:translateY(-3px)}.kpi-icon-box{align-items:center;border-radius:14px;display:flex;font-size:22px;height:52px;justify-content:center;width:52px}.kpi-card.blue .kpi-icon-box{background:#2563eb1a;color:#2563eb}.kpi-card.teal .kpi-icon-box{background:#0d94881a;color:#0d9488}.kpi-card.purple .kpi-icon-box{background:#7c3aed1a;color:#7c3aed}.kpi-card.green .kpi-icon-box{background:#16a34a1a;color:#16a34a}.kpi-data{display:flex;flex-direction:column}.kpi-value{color:#0f172a;font-size:24px;font-weight:800;line-height:1.2}.kpi-label{color:#64748b;font-size:13px;font-weight:600;margin-top:4px}.action-modules-header{margin-bottom:20px}.action-modules-header h2{color:#0f172a;font-size:20px;font-weight:800;margin:0 0 4px}.action-modules-header p{color:#64748b;font-size:14px;margin:0}.action-cards-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:40px}.action-card{background:#fff;border:1px solid #e2e8f0;border-radius:18px;box-shadow:0 4px 6px -1px #00000008;cursor:pointer;display:flex;flex-direction:column;justify-content:space-between;padding:28px;transition:all .25s cubic-bezier(.4,0,.2,1)}.action-card:hover{border-color:#cbd5e1;box-shadow:0 20px 25px -5px #00000014;transform:translateY(-5px)}.action-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.action-icon-box{align-items:center;border-radius:14px;display:flex;font-size:22px;height:50px;justify-content:center;width:50px}.icon-reports{background:#2563eb1a;color:#2563eb}.icon-entry{background:#0d94881a;color:#0d9488}.icon-summary{background:#7c3aed1a;color:#7c3aed}.action-tag{border-radius:9999px;font-size:12px;font-weight:700;padding:5px 12px}.tag-blue{background:#dbeafe;color:#1e40af}.tag-teal{background:#ccfbf1;color:#0f766e}.tag-purple{background:#f3e8ff;color:#6b21a8}.action-card h3{color:#0f172a;font-size:18px;font-weight:800;margin:0 0 10px}.action-card p{color:#64748b;flex-grow:1;font-size:14px;line-height:1.5;margin:0 0 24px}.action-link{align-items:center;color:#2563eb;display:flex;font-size:14px;font-weight:700;gap:8px;transition:gap .2s ease}.action-card:hover .action-link{gap:12px}.recent-section{background:#fff;border:1px solid #e2e8f0;border-radius:18px;box-shadow:0 4px 6px -1px #00000008;padding:28px}.recent-header{align-items:flex-end;display:flex;justify-content:space-between;margin-bottom:20px}.recent-header h2{color:#0f172a;font-size:20px;font-weight:800;margin:0 0 4px}.recent-header p{color:#64748b;font-size:14px;margin:0}.view-all-link{align-items:center;background:none;border:none;border-radius:8px;color:#2563eb;cursor:pointer;display:flex;font-size:14px;font-weight:700;gap:6px;padding:6px 12px;transition:background .2s ease}.view-all-link:hover{background:#eff6ff}.table-card{overflow:hidden;width:100%}.table-responsive{overflow-x:auto}.admin-table{border-collapse:collapse;text-align:left;width:100%}.admin-table th{background:#f8fafc;border-bottom:1px solid #e2e8f0;color:#475569;font-size:12px;font-weight:700;letter-spacing:.05em;padding:12px 16px;text-transform:uppercase}.admin-table td{border-bottom:1px solid #f1f5f9;color:#334155;font-size:14px;padding:16px}.admin-table tr:last-child td{border-bottom:none}.admin-table tr:hover td{background:#f8fafc}.wing-pill{background:#e2e8f0;border-radius:6px;color:#334155;font-size:12px}.consumption-badge,.wing-pill{font-weight:700;padding:4px 10px}.consumption-badge{background:#e0f2fe;border-radius:9999px;color:#0369a1;font-size:13px}.table-img-btn{align-items:center;background:#f1f5f9;border:1px solid #cbd5e1;border-radius:8px;color:#3b82f6;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:6px;padding:6px 12px;transition:all .2s ease}.table-img-btn:hover{background:#3b82f6;border-color:#3b82f6;color:#fff}.table-empty,.table-loading{color:#64748b;font-weight:500;padding:40px;text-align:center}.image-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172ab3;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.image-modal-content{background:#fff;border-radius:16px;box-shadow:0 25px 50px -12px #00000040;max-width:600px;overflow:hidden;width:100%}.modal-header{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:16px 20px}.modal-header h3{font-size:16px;font-weight:700;margin:0}.modal-close{background:none;border:none;color:#64748b;cursor:pointer;font-size:20px}.modal-body{background:#0f172a;display:flex;justify-content:center;padding:20px}.modal-body img{border-radius:8px;max-height:450px;max-width:100%;object-fit:contain}.workspace-footer{background:#fff;border-top:1px solid #e2e8f0;color:#64748b;font-size:13px;padding:24px 32px;text-align:center}.workspace-footer p{margin:0}@media (max-width:992px){.admin-sidebar{display:none}.admin-workspace{margin-left:0;width:100%}.mobile-logout{display:block}.dashboard-hero{align-items:flex-start;flex-direction:column}.hero-actions{flex-direction:row;width:100%}}@media (max-width:640px){.workspace-content{padding:16px}.dashboard-hero{padding:24px}.hero-actions,.recent-header{flex-direction:column}.recent-header{align-items:flex-start;gap:12px}}.staff-management-wrapper{align-items:center;background:#f9f9f9;display:flex;flex-direction:column;min-height:100vh;width:100%}.staff-navbar{background:#5a4432;color:#fff;left:0;padding:15px 0;position:fixed;top:0;width:100%;z-index:1000}.staff-navbar-content{align-items:center;display:flex;justify-content:space-between;margin-left:20px;max-width:900px;padding:0 20px}.staff-title{font-size:20px;font-weight:700}.staff-container{background:#fff;border-radius:8px;box-shadow:0 4px 10px #0000001a;margin-top:70px;max-width:900px;padding:20px;width:100%}.staff-form{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin:20px 0}.staff-form input{border:1px solid #ccc;padding:10px;width:30%}.staff-btn,.staff-form input{border-radius:5px;font-size:14px}.staff-btn{border:none;cursor:pointer;font-weight:700;padding:10px 15px;transition:.3s}.add-btn{background:#28a745;color:#fff}.add-btn:hover{background:#218838}.save-btn{background:#007bff;color:#fff}.save-btn:hover{background:#0056b3}.staff-list{margin-top:20px}.staff-list h3{color:#5a4432;font-size:22px;margin-bottom:10px}.staff-list table{border-collapse:collapse;width:100%}.staff-list td,.staff-list th{border:1px solid #ddd;padding:8px;text-align:center}.staff-list th{background:#f4a02b;color:#fff}.staff-list td button{border-radius:5px;cursor:pointer;font-size:12px;margin:3px;padding:5px 10px}.edit-btn{background:#ffc107;border:none;color:#fff}.edit-btn:hover{background:#e0a800}.delete-btn{background:#dc3545;border:none;color:#fff}.delete-btn:hover{background:#c82333}@media (max-width:768px){.staff-form input{width:100%}.staff-list td,.staff-list th{font-size:12px;padding:5px}.staff-container{width:90%}}.reports-wrapper{align-items:center;background:#f8f8f8;display:flex;flex-direction:column;font-family:Poppins,sans-serif;min-height:100vh;padding-bottom:70px;width:100%}.reports-navbar{background:#5a4432;box-shadow:0 4px 10px #0000001a;color:#fff;font-size:22px;font-weight:700;left:0;padding:16px;position:fixed;text-align:center;top:0;width:100%;z-index:1000}.reports-filter-container{margin-top:80px}.reports-filter-container,.reports-filter-containerr{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-bottom:20px;max-width:900px;padding:4px;width:100%}.reports-filter-containerr{margin-top:0}.reports-filter-container input{background:#fff;border:2px solid #ccc;border-radius:8px;font-size:16px;outline:none;padding:12px 16px;position:relative;transition:all .3s ease-in-out;width:250px}.reports-filter-container input:focus{border-color:#5a4432;box-shadow:0 0 6px #5a44324d}.reports-filter-containerr input{background:#fff;border:2px solid #ccc;border-radius:8px;font-size:16px;outline:none;padding:12px 16px;position:relative;transition:all .3s ease-in-out;width:250px}.reports-filter-containerr input:focus{border-color:#5a4432;box-shadow:0 0 6px #5a44324d}.btn{border-radius:8px;gap:6px;padding:10px 16px;transition:all .3s ease-in-out}.btn,.export-btn{align-items:center;border:none;cursor:pointer;display:flex;font-size:15px;font-weight:700}.export-btn{background:linear-gradient(90deg,#fd7932,#ff9644);border-radius:8px;color:#fff;gap:8px;padding:12px 18px;transition:.3s ease-in-out}.export-btn i{font-size:18px}.export-btn:hover{background:linear-gradient(90deg,#e69524,#d67a1c);box-shadow:0 4px 10px #fd793266}.reports-table-wrapper{overflow-x:auto;width:90%}.reports-table{background:#fff;border-collapse:collapse;border-radius:8px;box-shadow:0 2px 8px #0000001a;width:100%}.reports-table th{background:#5a4432;color:#fff;font-size:16px;padding:14px;text-align:center}.reports-table td{border:1px solid #ddd;font-size:14px;padding:12px;text-align:center}.reports-table tbody tr:nth-child(odd){background:#f9f9f9}.report-image{border-radius:5px;height:50px;object-fit:cover;width:50px}.pagination{gap:8px}.pagination button{background:#5a4432;padding:8px 14px;transition:background .3s ease-in-out}.pagination button:hover{background:#493927}.pagination span{color:#333;font-size:14px}@media (max-width:768px){.reports-wrapper{padding-bottom:70px}}.table-loader{display:table-cell;font-size:16px;font-weight:700;padding:20px;text-align:center;width:100%}.reports-table-wrapper{position:relative}.loader-container{align-items:center;background:#ffffffb3;display:flex;height:100%;justify-content:center;left:0;position:absolute;text-align:center;top:0;width:100%}.loader{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#3498db;height:40px;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.modal{align-items:center;background-color:#000000b3;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.modal-content{border-radius:10px;box-shadow:0 4px 10px #0000004d;max-height:90%;max-width:90%}.modal img{height:auto;max-height:70%;max-width:100%;width:auto}.modal:hover{cursor:pointer}.reports-search-container{align-items:center;background:#fff;border-radius:8px;box-shadow:0 2px 6px #0000001a;display:flex;justify-content:center;margin:20px auto;max-width:900px;padding:4px;width:100%}.reports-search{background:#fff;border:2px solid #ccc;border-radius:8px;font-size:16px;outline:none;padding:12px 16px;transition:all .3s ease-in-out;width:100%}.reports-search:focus{border-color:#5a4432;box-shadow:0 0 6px #5a44324d}.property-management-wrapper{align-items:center;background:#f9f9f9;display:flex;flex-direction:column;min-height:100vh;width:100%}.property-navbar{background:#5a4432;color:#fff;left:0;padding:15px 0;position:fixed;top:0;width:100%;z-index:1000}.property-navbar-content{align-items:center;display:flex;justify-content:space-between;margin-left:20px;max-width:900px;padding:0 20px}.property-title{font-size:20px;font-weight:700}.back-btn{background:#e74c3c;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:14px;padding:5px 10px}.back-btn:hover{background:#c0392b}.property-container{background:#fff;border-radius:8px;box-shadow:0 4px 10px #0000001a;margin-top:70px;max-width:900px;padding:20px;text-align:center;width:100%}.property-heading{color:#5a4432;font-size:22px;margin-bottom:20px}.property-form{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-bottom:20px}.property-form input,.property-form select{border:1px solid #ccc;border-radius:5px;font-size:14px;padding:8px;width:180px}.add-property-btn{background:#f4a02b;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;margin-top:10px;padding:10px 15px;transition:background .3s ease}.add-property-btn:hover{background:#e69524}.property-table-wrapper{overflow-x:auto;width:100%}.property-table{background:#fff;border-collapse:collapse;width:100%}.property-table td,.property-table th{border:1px solid #ddd;padding:10px;text-align:center}.property-table th{background:#f4a02b;color:#fff;font-size:16px}.property-table td{font-size:14px}@media (max-width:768px){.property-form input,.property-form select{width:100%}.property-table td,.property-table th{font-size:12px;padding:8px}.back-btn{font-size:12px;padding:4px 8px}.property-container{width:90%}}.executive-report-container{align-items:center;background:#f4f4f4;display:flex;flex-direction:column;font-family:Poppins,sans-serif;min-height:100vh;width:100%}.executive-report-navbar{align-items:center;background:#5a4432;box-shadow:0 2px 10px #00000026;color:#fff;display:flex;font-size:22px;font-weight:700;justify-content:center;padding:14px 0;position:sticky;top:0;width:100%;z-index:1000}.executive-report-content{background:#fff;border-radius:10px;box-shadow:0 2px 10px #0000001a;flex-grow:1;margin-top:20px;max-width:1000px;overflow-x:auto;padding:20px;text-align:center;width:90%}.executive-report-title{color:#5a4432;font-size:28px;font-weight:700;margin-bottom:20px}.executive-report-filter{align-items:center;display:flex;flex-wrap:wrap;gap:15px;justify-content:center;margin-bottom:20px;width:100%}.executive-report-input,.executive-report-search{border:1px solid #ccc;border-radius:6px;font-size:16px;max-width:250px;outline:none;padding:10px 12px;transition:.3s;width:100%}.executive-report-input:focus,.executive-report-search:focus{border-color:#fd7932;box-shadow:0 0 5px #fd793280}.executive-report-btn{background-color:#fd7932;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:700;min-width:100px;padding:10px 14px;transition:all .3s ease}.executive-report-btn:hover{background-color:#e69524;transform:scale(1.05)}.executive-report-btn:active{transform:scale(.95)}.executive-report-table-container{overflow-x:auto;width:100%}.executive-report-table{background:#fff;border-collapse:collapse;border-radius:8px;box-shadow:0 2px 8px #0000001a;min-width:600px;overflow:hidden;width:100%}.executive-report-table td,.executive-report-table th{border:1px solid #ddd;padding:12px;text-align:center;white-space:nowrap}.executive-report-table th{background:#5a4432;color:#fff;font-size:16px;font-weight:700}.executive-report-table tbody tr:hover{background:#fd79321a}.executive-report-no-data{color:red;font-weight:700;padding:15px;text-align:center}.pagination{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:20px}.pagination button{background-color:#5a4432;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;padding:8px 12px;transition:all .3s ease}.pagination button:hover{background-color:#fd7932;transform:scale(1.05)}.pagination button:disabled{background-color:#ccc;cursor:not-allowed;transform:scale(1)}.executive-report-footer{align-items:center;background:#fff;bottom:0;box-shadow:0 -2px 5px #0000001a;display:flex;flex-wrap:wrap;justify-content:space-around;padding:12px 0;position:fixed;width:100%}.executive-report-nav-btn{background:none;border:none;color:#5a4432;cursor:pointer;font-size:16px;font-weight:700;padding:10px;transition:color .3s ease,transform .2s ease}.executive-report-nav-btn:hover{color:#fd7932;transform:scale(1.1)}@media (max-width:1024px){.executive-report-container{padding-bottom:60px}.executive-report-content{width:95%}.executive-report-navbar{font-size:20px;padding:12px}.executive-report-filter{gap:10px}.executive-report-table-container{overflow-x:auto}.executive-report-table{min-width:500px}.pagination{flex-direction:column;gap:8px}.executive-report-nav-btn{font-size:14px}}@media (max-width:768px){.executive-report-navbar{font-size:18px;padding:10px}.executive-report-content{padding:10px;width:98%}.executive-report-filter{flex-direction:column;gap:10px}.executive-report-table{min-width:450px}.pagination{flex-direction:column;gap:6px}.executive-report-nav-btn{font-size:12px}.executive-report-footer{flex-direction:column;gap:8px;padding:8px}}
/*# sourceMappingURL=main.abad2d1d.css.map*/