*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;direction:rtl;text-align:right;font-size:18px;line-height:1.6;color:#333;background-color:#f5f5f5;overscroll-behavior-y:contain;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;width:100%;max-width:100vw}html{overflow-x:hidden;width:100%;max-width:100vw}#root{min-height:100vh}button{font-size:18px;padding:12px 24px;border:none;border-radius:6px;cursor:pointer;background-color:#007bff;color:#fff;transition:background-color .2s}button:hover{background-color:#0056b3}button:disabled{background-color:#ccc;cursor:not-allowed}button.secondary{background-color:#6c757d}button.secondary:hover{background-color:#545b62}button.danger{background-color:#dc3545}button.danger:hover{background-color:#c82333}button.warning{background-color:#ffc107;color:#000}button.warning:hover{background-color:#e0a800}input,select,textarea{font-size:18px;padding:12px;border:2px solid #ddd;border-radius:6px;width:100%;direction:auto;unicode-bidi:plaintext}input[type=text],input[type=email],input[type=tel],input[type=url],input[type=search],input[type=password],textarea{direction:auto;unicode-bidi:plaintext}input[type=number],input[type=date],input[type=datetime-local],input[type=time]{direction:ltr;text-align:left}input:focus,select:focus,textarea:focus{outline:none;border-color:#007bff}label{font-size:18px;font-weight:600;margin-bottom:8px;display:block}table{width:100%;border-collapse:collapse;background-color:#fff;margin:20px 0;font-size:18px}th,td{padding:16px;text-align:right;border-bottom:1px solid #ddd}th{background-color:#f8f9fa;font-weight:700;font-size:20px;text-align:right;padding:12px;border-bottom:2px solid var(--border-color, #dee2e6);position:relative}th[style*="cursor: pointer"]{cursor:pointer!important;-webkit-user-select:none;user-select:none;transition:background-color .2s ease;padding-right:30px}th[style*="cursor: pointer"]:hover{background-color:#e9ecef}th[style*="cursor: pointer"]:active{background-color:#dee2e6}body.dark-mode th[style*="cursor: pointer"]:hover{background-color:#4a5568}body.dark-mode th[style*="cursor: pointer"]:active{background-color:#2d3748}tr:hover{background-color:#f8f9fa}.card{background-color:#fff;border-radius:8px;padding:24px;margin:20px 0;box-shadow:0 2px 4px #0000001a}a{color:#007bff;text-decoration:none}a:hover{text-decoration:underline}.loading{text-align:center;padding:40px;font-size:20px}.error{background-color:#f8d7da;color:#721c24;padding:16px;border-radius:6px;margin:16px 0;font-size:18px}.success{background-color:#d4edda;color:#155724;padding:16px;border-radius:6px;margin:16px 0;font-size:18px}.status-badge{display:inline-block;padding:6px 12px;border-radius:20px;font-size:16px;font-weight:600;white-space:nowrap}.status-paid{background-color:#d4edda;color:#155724}.status-pending{background-color:#fff3cd;color:#856404}.status-overdue{background-color:#f8d7da;color:#721c24}.status-partial{background-color:#d1ecf1;color:#0c5460}.status-active{background-color:#d4edda;color:#155724}.status-inactive{background-color:#e2e3e5;color:#383d41}.status-debt{background-color:#f8d7da;color:#721c24;font-weight:700}.status-regular{background-color:#d4edda;color:#155724}.search-box{margin-bottom:20px;position:relative}.search-box input{padding-right:45px;font-size:18px}.search-box:after{content:"🔍";position:absolute;right:15px;top:50%;transform:translateY(-50%);font-size:20px;pointer-events:none}.quick-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:10px}.quick-action-btn{padding:8px 16px;font-size:16px;border-radius:6px;border:none;cursor:pointer;display:inline-flex;align-items:center;gap:6px}.quick-action-btn.call{background-color:#28a745;color:#fff}.quick-action-btn.call:hover{background-color:#218838}.quick-action-btn.mark-paid{background-color:#007bff;color:#fff}.quick-action-btn.mark-paid:hover{background-color:#0056b3}.stat-card{background:linear-gradient(135deg,#6c7a9e,#8b7fa8);color:#fff;padding:24px;border-radius:12px;box-shadow:0 4px 6px #0000001a}.stat-card h3{font-size:18px;margin-bottom:12px;opacity:1;font-weight:600;color:#fff}.stat-card .value{font-size:36px;font-weight:700;color:#fff}tr.overdue{background-color:#fff5f5!important;border-right:4px solid #dc3545}tr.overdue:hover{background-color:#ffe5e5!important}.empty-state{text-align:center;padding:60px 20px;color:#666}.empty-state-icon{font-size:64px;margin-bottom:20px;opacity:.5}.empty-state h3{font-size:24px;margin-bottom:10px;color:#333}.empty-state p{font-size:18px;color:#666}.form-group{margin-bottom:24px}body.dark-mode{background-color:#1a1a1a;color:#e0e0e0}body.dark-mode .card{background-color:#2d2d2d;color:#e0e0e0}body.dark-mode .card[style*="background-color: #fff5f5"],body.dark-mode .card[style*="background-color: #ffe5e5"],body.dark-mode .card[style*="background-color: #fff3cd"],body.dark-mode .card[style*="background-color: #d1ecf1"]{background-color:#fff5f5!important;color:#000!important}body.dark-mode .card[style*="background-color: #fff5f5"] div,body.dark-mode .card[style*="background-color: #ffe5e5"] div,body.dark-mode .card[style*="background-color: #fff3cd"] div,body.dark-mode .card[style*="background-color: #d1ecf1"] div{color:#000!important}body.dark-mode table{background-color:#2d2d2d;color:#e0e0e0}body.dark-mode th{background-color:#3d3d3d;color:#e0e0e0}body.dark-mode td{color:#e0e0e0}body.dark-mode tr:hover{background-color:#3d3d3d!important}body.dark-mode tr.overdue{background-color:#4a1f1f!important;border-right-color:#dc3545}body.dark-mode tr.overdue:hover{background-color:#5a2f2f!important}body.dark-mode input,body.dark-mode select,body.dark-mode textarea{background-color:#2d2d2d;color:#e0e0e0;border-color:#555}body.dark-mode input:focus,body.dark-mode select:focus,body.dark-mode textarea:focus{border-color:#007bff;background-color:#333}body.dark-mode .page-title{color:#e0e0e0}body.dark-mode nav{background-color:#1e1e1e;border-bottom-color:#4a90e2}body.dark-mode nav a.nav-button{background-color:#2d3748;border-color:#4a5568;color:#e0e0e0}body.dark-mode nav a.nav-button:hover{background-color:#4a90e2;border-color:#4a90e2;color:#fff}body.dark-mode nav button.nav-button-icon{background-color:#2d3748;border-color:#4a5568}body.dark-mode nav button.nav-button-icon:hover{background-color:#4a90e2;border-color:#4a90e2}body.dark-mode nav a:not(.nav-button){color:#e0e0e0}body.dark-mode .stat-card{background-color:#2d3748;border-color:#4a5568;color:#e0e0e0}body.dark-mode .stat-card h3{color:#fff;opacity:1}body.dark-mode .stat-card .value{color:#fff}body.dark-mode .stat-card.success{background-color:#2d3748;border-color:#28a745}body.dark-mode .stat-card.warning{background-color:#2d3748;border-color:#ffc107}body.dark-mode .empty-state{color:#999}body.dark-mode .empty-state h3{color:#e0e0e0}body.dark-mode .empty-state p{color:#999}body.dark-mode .status-badge.status-paid{background-color:#22543d;color:#c6f6d5}body.dark-mode .status-badge.status-pending{background-color:#744210;color:#fefcbf}body.dark-mode .status-badge.status-overdue{background-color:#742a2a;color:#fed7d7}body.dark-mode .status-badge.status-partial{background-color:#2c5282;color:#bee3f8}body.dark-mode .status-badge.status-active{background-color:#22543d;color:#c6f6d5}body.dark-mode .status-badge.status-inactive{background-color:#4a5568;color:#e2e8f0}body.dark-mode .status-badge.status-debt{background-color:#742a2a;color:#fed7d7}body.dark-mode .status-badge.status-regular{background-color:#22543d;color:#c6f6d5}body.dark-mode a{color:#60a5fa}body.dark-mode a:hover{color:#93c5fd}body.dark-mode .quick-action-btn.call{background-color:#22543d;color:#c6f6d5}body.dark-mode .quick-action-btn.call:hover{background-color:#2d5a3d}body.dark-mode .quick-action-btn.mark-paid{background-color:#1e3a5f;color:#bfdbfe}body.dark-mode .quick-action-btn.mark-paid:hover{background-color:#2d4a6f}body.dark-mode button.warning{background-color:#744210;color:#fefcbf}body.dark-mode button.warning:hover{background-color:#855220}nav{background-color:#343a40;padding:20px;margin-bottom:24px;border-bottom:3px solid #4a90e2}nav a.nav-button{color:#fff;font-size:22px;font-weight:600;padding:12px 20px;background-color:#495057;border:2px solid #6c757d;border-radius:8px;text-decoration:none;display:inline-block;transition:all .3s ease;white-space:nowrap;margin:0}nav a.nav-button:hover{background-color:#4a90e2;border-color:#4a90e2;transform:translateY(-2px);box-shadow:0 4px 8px #4a90e24d;text-decoration:none}nav a.nav-button:active{transform:translateY(0);box-shadow:0 2px 4px #4a90e233}nav button.nav-button-logout{font-size:20px;font-weight:600;padding:12px 24px;background-color:#dc3545;color:#fff;border:2px solid #c82333;border-radius:8px;cursor:pointer;white-space:nowrap;transition:all .3s ease}nav button.nav-button-logout:hover{background-color:#c82333;border-color:#bd2130;transform:translateY(-2px);box-shadow:0 4px 8px #dc35454d}nav button.nav-button-icon{font-size:24px;padding:10px 14px;background-color:#495057;border:2px solid #6c757d;border-radius:8px;cursor:pointer;transition:all .3s ease}nav button.nav-button-icon:hover{background-color:#4a90e2;border-color:#4a90e2;transform:translateY(-2px);box-shadow:0 4px 8px #4a90e24d}nav a:not(.nav-button){color:#fff;margin-left:24px;font-size:20px;font-weight:600}nav a:not(.nav-button):hover{text-decoration:underline}.container{max-width:1200px;margin:0 auto;padding:0 20px;width:100%;box-sizing:border-box;overflow-x:hidden}.page-title{font-size:32px;font-weight:700;margin-bottom:24px;color:#333}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin:24px 0}.stat-card{background-color:#fff;padding:24px;border-radius:8px;box-shadow:0 2px 4px #0000001a;border:2px solid #e0e0e0}.stat-card h3{font-size:18px;color:#000;margin-bottom:12px;font-weight:600}.stat-card .value{font-size:36px;font-weight:700;color:#000}.stat-card.success{background-color:#fff;border-color:#28a745}.stat-card.warning{background-color:#fff;border-color:#ffc107}.app-container{min-height:100vh;display:flex;flex-direction:column;width:100%;max-width:100vw;overflow-x:hidden}.main-content{flex:1;padding-bottom:100px;width:100%;max-width:100%;overflow-x:hidden;box-sizing:border-box}.desktop-nav{display:block}.mobile-nav,.mobile-bottom-nav{display:none}.mobile-nav-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;padding-top:max(12px,env(safe-area-inset-top));background-color:#343a40;border-bottom:2px solid #4a90e2;position:sticky;top:0;z-index:1000;box-shadow:0 2px 8px #0000001a;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.mobile-menu-toggle{background:none;border:none;color:#fff;font-size:32px;cursor:pointer;padding:10px;min-width:56px;min-height:56px;display:flex;align-items:center;justify-content:center;touch-action:manipulation;-webkit-tap-highlight-color:rgba(255,255,255,.2);border-radius:8px;transition:background-color .2s}.mobile-menu-toggle:active{background-color:#ffffff1a}.mobile-nav-title{font-size:22px;font-weight:700;color:#fff;margin:0;flex:1;text-align:center;letter-spacing:.5px}.mobile-nav-icon{background:none;border:none;color:#fff;font-size:28px;cursor:pointer;padding:10px;min-width:56px;min-height:56px;display:flex;align-items:center;justify-content:center;touch-action:manipulation;-webkit-tap-highlight-color:rgba(255,255,255,.2);border-radius:8px;transition:background-color .2s}.mobile-nav-icon:active{background-color:#ffffff1a}.mobile-menu-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;z-index:1001;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.mobile-menu{position:fixed;top:0;right:0;bottom:0;width:360px;max-width:90vw;min-width:300px;background-color:#fff;z-index:1002;box-shadow:-2px 0 10px #0003;display:flex;flex-direction:column;animation:slideIn .3s ease;overflow-y:auto;overflow-x:visible!important}body.dark-mode .mobile-menu{background-color:#1e1e1e;color:#e0e0e0}@keyframes slideIn{0%{transform:translate(100%)}to{transform:translate(0)}}.mobile-menu-header{display:flex;justify-content:space-between;align-items:center;padding:20px 16px;border-bottom:2px solid #e0e0e0;background-color:#4a90e2;color:#fff}body.dark-mode .mobile-menu-header{background-color:#2d3748;border-bottom-color:#4a5568}.mobile-menu-header h2{margin:0;font-size:24px}.mobile-menu-close{background:none;border:none;color:#fff;font-size:28px;cursor:pointer;padding:4px;min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center}.mobile-menu-links{flex:1;padding:8px 0;overflow-y:auto}.mobile-menu-link{display:flex!important;align-items:center;gap:16px;padding:20px 24px;color:#333;text-decoration:none;font-size:20px;font-weight:600;border-bottom:1px solid #f0f0f0;transition:background-color .2s;min-height:72px;touch-action:manipulation;-webkit-tap-highlight-color:rgba(74,144,226,.3);width:100%;box-sizing:border-box;overflow:visible!important;flex-wrap:nowrap}.mobile-menu-text{display:inline-block!important;color:#333!important;font-size:20px!important;font-weight:600!important;flex:1 1 auto;text-align:right;white-space:nowrap;overflow:visible!important;visibility:visible!important;opacity:1!important;width:auto!important;min-width:120px;max-width:none!important;height:auto!important;line-height:1.4;margin:0;padding:0;position:relative;z-index:1}.mobile-menu-link>span:not(.mobile-menu-icon){display:inline-block!important;color:#333!important;font-size:20px!important;font-weight:600!important;flex:1 1 auto;text-align:right;white-space:nowrap;overflow:visible!important;visibility:visible!important;opacity:1!important;width:auto!important;min-width:120px;max-width:none!important;height:auto!important;line-height:1.4;margin:0;padding:0;position:relative;z-index:1}body.dark-mode .mobile-menu-link{color:#e0e0e0;border-bottom-color:#2d3748}body.dark-mode .mobile-menu-text,body.dark-mode .mobile-menu-link>span:not(.mobile-menu-icon){color:#e0e0e0!important}.mobile-menu-link:hover,.mobile-menu-link.active{background-color:#e8f4f8;color:#4a90e2}.mobile-menu-link:hover .mobile-menu-text,.mobile-menu-link.active .mobile-menu-text,.mobile-menu-link:hover>span:not(.mobile-menu-icon),.mobile-menu-link.active>span:not(.mobile-menu-icon){color:#4a90e2!important}body.dark-mode .mobile-menu-link:hover,body.dark-mode .mobile-menu-link.active{background-color:#2d3748;color:#4a90e2}body.dark-mode .mobile-menu-link:hover .mobile-menu-text,body.dark-mode .mobile-menu-link.active .mobile-menu-text,body.dark-mode .mobile-menu-link:hover>span:not(.mobile-menu-icon),body.dark-mode .mobile-menu-link.active>span:not(.mobile-menu-icon){color:#4a90e2!important}.mobile-menu-link.mobile-menu-logout{color:#dc3545;border-top:2px solid #e0e0e0;margin-top:auto}.mobile-menu-link.mobile-menu-logout .mobile-menu-text,.mobile-menu-link.mobile-menu-logout>span:not(.mobile-menu-icon){color:#dc3545!important}body.dark-mode .mobile-menu-link.mobile-menu-logout{border-top-color:#2d3748}.mobile-menu-icon{font-size:32px;width:40px;text-align:center;flex-shrink:0}.mobile-bottom-nav{position:fixed;bottom:0;left:0;right:0;background-color:#fff;border-top:3px solid #4a90e2;display:flex;align-items:center;padding:12px 8px;padding-bottom:max(12px,env(safe-area-inset-bottom));z-index:999;box-shadow:0 -4px 12px #00000026;height:90px;min-height:calc(90px + env(safe-area-inset-bottom));overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:#4a90e2 #f0f0f0;-ms-overflow-style:-ms-autohiding-scrollbar;scroll-behavior:smooth;background-image:linear-gradient(to right,rgba(74,144,226,.1) 0%,transparent 10px),linear-gradient(to left,rgba(74,144,226,.1) 0%,transparent 10px);background-position:left center,right center;background-repeat:no-repeat;background-size:20px 100%;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.mobile-bottom-nav::-webkit-scrollbar{height:6px;display:block}.mobile-bottom-nav::-webkit-scrollbar-track{background:#f0f0f0;border-radius:3px}.mobile-bottom-nav::-webkit-scrollbar-thumb{background:#4a90e2;border-radius:3px}.mobile-bottom-nav::-webkit-scrollbar-thumb:hover{background:#357abd}body.dark-mode .mobile-bottom-nav{background-color:#1e1e1e;border-top-color:#4a90e2;background-image:linear-gradient(to right,rgba(74,144,226,.2) 0%,transparent 10px),linear-gradient(to left,rgba(74,144,226,.2) 0%,transparent 10px)}body.dark-mode .mobile-bottom-nav::-webkit-scrollbar-track{background:#2d3748}body.dark-mode .mobile-bottom-nav::-webkit-scrollbar-thumb{background:#4a90e2}.mobile-bottom-nav-item{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;padding:6px 12px;text-decoration:none;color:#666;font-size:14px;min-width:80px;flex:0 0 auto;transition:all .2s;border-radius:10px;margin:0 4px;touch-action:manipulation;-webkit-tap-highlight-color:rgba(74,144,226,.2);min-height:70px;white-space:nowrap;overflow:visible!important}body.dark-mode .mobile-bottom-nav-item{color:#999}.mobile-bottom-nav-icon{font-size:28px!important;margin-bottom:0!important;display:block!important;transition:transform .2s;flex-shrink:0}.mobile-bottom-nav-label{font-size:11px!important;font-weight:600!important;white-space:nowrap!important;text-align:center!important;line-height:1.2!important;display:block!important;visibility:visible!important;opacity:1!important;height:auto!important;width:100%!important;overflow:visible!important;margin:2px 0 0!important;padding:0!important;color:inherit!important}.mobile-bottom-nav-item.active{color:#4a90e2;background-color:#4a90e226;font-weight:700;border:2px solid #4a90e2;box-shadow:0 2px 8px #4a90e24d}.mobile-bottom-nav-item.active .mobile-bottom-nav-icon{transform:scale(1.1)}.mobile-bottom-nav-item.active .mobile-bottom-nav-label{color:#4a90e2!important;font-weight:700!important}.mobile-bottom-nav-item:active{background-color:#4a90e233;transform:scale(.95)}body.dark-mode .mobile-bottom-nav-item.active{color:#4a90e2;background-color:#4a90e240;border-color:#4a90e2}@media (max-width: 768px){.mobile-table-card{display:block;background:#fff;border:1px solid #ddd;border-radius:8px;padding:16px;margin-bottom:12px;box-shadow:0 2px 4px #0000001a}body.dark-mode .mobile-table-card{background-color:#2d3748;border-color:#4a5568}.mobile-table-card-row{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid #f0f0f0}body.dark-mode .mobile-table-card-row{border-bottom-color:#4a5568}.mobile-table-card-row:last-child{border-bottom:none}.mobile-table-card-label{font-weight:600;color:#666;font-size:14px}body.dark-mode .mobile-table-card-label{color:#999}.mobile-table-card-value{color:#333;font-size:16px;text-align:left}body.dark-mode .mobile-table-card-value{color:#e0e0e0}}@media (max-width: 768px){.desktop-nav{display:none}.mobile-nav{display:block}.mobile-bottom-nav{display:flex}body{font-size:16px;overflow-x:hidden;max-width:100vw}html{overflow-x:hidden;max-width:100vw}.container{padding:0 12px;width:100%;max-width:100%;box-sizing:border-box;overflow-x:hidden}*{max-width:100%;box-sizing:border-box}.main-content{overflow-x:hidden;max-width:100vw;width:100%}.page-title{font-size:24px;margin-bottom:16px}.main-content{padding-bottom:110px;padding-top:8px}body{font-size:18px;line-height:1.7}table{font-size:16px}th,td{font-size:16px;padding:14px 10px}button{font-size:20px;padding:16px 28px;min-height:56px;margin-bottom:16px;border-radius:10px;font-weight:700;box-shadow:0 3px 6px #00000026;transition:all .2s;touch-action:manipulation;-webkit-tap-highlight-color:rgba(74,144,226,.3);letter-spacing:.5px}button:active{transform:scale(.97);box-shadow:0 2px 4px #0003}button,a,.clickable{cursor:pointer;user-select:none;-webkit-user-select:none}.action-buttons,.quick-actions{display:flex;flex-direction:column;gap:12px;margin-top:16px}.action-buttons button,.quick-actions button{width:100%}.card{overflow-x:auto;-webkit-overflow-scrolling:touch;max-width:100%;width:100%;box-sizing:border-box;position:relative}.card:after{content:"";position:absolute;top:0;right:0;bottom:0;width:20px;background:linear-gradient(to left,rgba(0,0,0,.1),transparent);pointer-events:none;opacity:0;transition:opacity .3s}.card:has(table):not(:has(table:not([style*=overflow]))):after{opacity:1}table{display:table;width:100%;max-width:100%;font-size:16px;table-layout:auto;min-width:600px;margin:0}.card:has(table){overflow-x:auto;-webkit-overflow-scrolling:touch}.card table{display:table;width:100%;min-width:600px}table th,table td{padding:12px 8px;font-size:16px;word-wrap:break-word;white-space:normal;max-width:150px}table th:first-child,table td:first-child,table th:last-child,table td:last-child{max-width:200px}.page-title{position:sticky;top:60px;z-index:50;background:#f5f5f5;padding:12px 0;margin-bottom:12px}body.dark-mode .page-title{background:#1a1a1a}.page-title+div{position:sticky;top:120px;z-index:50;background:#f5f5f5;padding:8px 0;margin-bottom:12px}body.dark-mode .page-title+div{background:#1a1a1a}.table-mobile-view{display:block}.card{padding:24px;margin:20px 0;border-radius:14px;box-shadow:0 3px 10px #0000001f;border:none}body.dark-mode .card{box-shadow:0 3px 10px #0006}.card h2,.card h3{margin-bottom:20px;font-size:24px;font-weight:700}.card p{font-size:18px;line-height:1.7;margin-bottom:16px}.stats-grid{grid-template-columns:1fr;gap:12px}.form-group{margin-bottom:20px}.form-group label{font-size:18px;margin-bottom:10px}.form-group input,.form-group select,.form-group textarea{font-size:18px;padding:14px;min-height:50px}.tenant-selector-modal{max-width:95vw!important;padding:16px!important}.notification-modal{max-width:95vw!important;padding:20px!important}.guarantors-list{display:flex;flex-direction:column;gap:12px}.guarantor-item{display:flex;flex-direction:column;gap:8px}.guarantor-item input{width:100%}.utilities-grid{display:flex;flex-direction:column;gap:12px}.utilities-grid label{font-size:18px;padding:12px;border:1px solid #ddd;border-radius:6px;min-height:50px;display:flex;align-items:center}.contract-details-grid{display:flex;flex-direction:column;gap:12px}.utilities-grid,.contract-details-grid{grid-template-columns:1fr!important}.guarantor-inputs{flex-direction:column!important}.guarantor-item input{width:100%!important;margin-bottom:8px}.guarantor-item button{width:100%;margin-top:8px}.linked-properties-list{display:flex;flex-direction:column;gap:12px}.linked-property-item{padding:16px;font-size:18px;margin:16px 0}.stat-card{padding:16px}.stat-card .value{font-size:28px}input,select,textarea{font-size:20px;padding:16px 20px;min-height:56px;border-radius:10px;border:3px solid #ddd;touch-action:manipulation}input:focus,select:focus,textarea:focus{outline:none;border-color:#4a90e2;border-width:3px;box-shadow:0 0 0 4px #4a90e226}label{font-size:20px;font-weight:700;margin-bottom:12px;display:block;color:#333;letter-spacing:.3px}body.dark-mode label{color:#e0e0e0}.form-group{margin-bottom:28px}.login-container{padding:32px 24px;margin:20px auto;max-width:400px;border-radius:16px;box-shadow:0 4px 16px #0000001a}.page-title{font-size:32px;font-weight:800;margin-bottom:24px;padding-bottom:16px;border-bottom:4px solid #4a90e2;line-height:1.3;letter-spacing:.5px}a{min-height:56px;display:inline-flex;align-items:center;padding:12px 0;font-size:20px;font-weight:600;touch-action:manipulation;-webkit-tap-highlight-color:rgba(74,144,226,.3)}.search-box{margin-bottom:24px}.search-box input{font-size:20px;padding:16px 20px;min-height:56px}.status-badge{font-size:18px;padding:10px 16px;border-radius:8px;font-weight:600}.quick-action-btn{min-height:56px;font-size:20px;padding:14px 24px;border-radius:10px;font-weight:700;touch-action:manipulation}.modal-overlay,div[style*="position: fixed"][style*=zIndex]{padding:0}.modal-content,.card[style*=maxWidth]{max-width:100%;width:100%;margin:0;border-radius:0;max-height:100vh;overflow-y:auto}body.mobile-menu-open{overflow:hidden}}@media (min-width: 769px) and (max-width: 1024px){.container{padding:0 16px}.page-title{font-size:28px}nav a.nav-button{font-size:20px;padding:10px 16px}nav a:not(.nav-button){font-size:18px;margin-left:16px}table{font-size:16px}th,td{padding:12px}.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){body{font-size:14px}.page-title{font-size:20px}nav a.nav-button{font-size:18px;padding:8px 12px}nav a:not(.nav-button){font-size:16px}button{font-size:14px;padding:8px 16px}table{font-size:12px}th,td{padding:8px 6px;font-size:12px}th{font-size:14px}.card{padding:12px}.stat-card .value{font-size:24px}input,select,textarea{font-size:14px}}@media (max-width: 768px) and (orientation: landscape){nav{padding:8px}nav a.nav-button{display:inline-block;margin-left:0;margin-bottom:0;font-size:16px;padding:8px 12px}nav a:not(.nav-button){display:inline-block;margin-left:12px;margin-bottom:0}}@media (max-width: 768px){a,button{min-height:44px;min-width:44px;display:inline-flex;align-items:center;justify-content:center}.form-group{margin-bottom:20px}.action-buttons{display:flex;flex-direction:column;gap:12px}.action-buttons button{width:100%}}@media print{nav,button,.quick-actions,.search-box,.no-print,.print-button{display:none!important}body{background-color:#fff;font-size:12pt;color:#000}.card{page-break-inside:avoid;box-shadow:none;border:1px solid #ddd;margin:10px 0}table{font-size:10pt;page-break-inside:auto}tr{page-break-inside:avoid;page-break-after:auto}th,td{padding:8px;border:1px solid #ddd}h1,h2,h3{page-break-after:avoid;color:#000}.page-title{font-size:18pt;margin-bottom:12pt}.stat-card{page-break-inside:avoid;background:#fff!important;color:#000!important;border:1px solid #ddd}a{color:#000;text-decoration:none}a:after{content:""}}.print-button{display:inline-block;margin-bottom:16px}@media print{.print-button{display:none}}