body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--primary-gradient);padding:20px;position:relative;overflow:hidden}.login-page:before{content:"";position:absolute;width:500px;height:500px;background:#ffffff1a;border-radius:50%;top:-250px;right:-250px;animation:float 6s ease-in-out infinite}.login-page:after{content:"";position:absolute;width:400px;height:400px;background:#ffffff1a;border-radius:50%;bottom:-200px;left:-200px;animation:float 8s ease-in-out infinite reverse}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(10deg)}}.login-container{background:#fff;padding:50px;border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);width:100%;max-width:450px;position:relative;z-index:1;animation:slideUp .5s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.login-header{text-align:center;margin-bottom:40px}.login-header h1{font-size:32px;font-weight:800;background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:12px}.login-header p{font-size:16px;color:var(--gray-600);font-weight:500}.login-form{margin-top:30px}.login-form .form-group{margin-bottom:24px}.login-form label{display:block;margin-bottom:8px;font-weight:600;color:var(--gray-700);font-size:14px}.login-form input{width:100%;padding:14px 16px;border:2px solid var(--gray-300);border-radius:var(--radius-md);font-size:15px;transition:var(--transition);background:#fff}.login-form input:focus{border-color:var(--primary-color);outline:none;box-shadow:0 0 0 4px #667eea1a;transform:translateY(-2px)}.login-form button{width:100%;padding:16px;margin-top:16px;font-size:16px;font-weight:700;background:var(--primary-gradient);border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;transition:var(--transition);box-shadow:var(--shadow-md);text-transform:uppercase;letter-spacing:1px}.login-form button:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.login-form button:active{transform:translateY(0)}.language-toggle{text-align:right;margin-bottom:24px}.language-toggle button{padding:10px 20px;font-size:14px;font-weight:600;background:#fff;border:2px solid var(--gray-300);border-radius:var(--radius-md);color:var(--primary-color);cursor:pointer;transition:var(--transition)}.language-toggle button:hover{background:var(--primary-color);color:#fff;border-color:var(--primary-color);transform:translateY(-2px);box-shadow:var(--shadow-md)}@media (max-width: 480px){.login-container{padding:40px 24px}.login-header h1{font-size:26px}.login-form input{padding:12px 14px}}.dashboard{padding:30px 0;animation:fadeIn .5s ease}.dashboard-header{margin-bottom:40px;padding:30px;background:#fff;border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);position:relative;overflow:hidden}.dashboard-header:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--primary-gradient)}.dashboard-header h1{font-size:36px;font-weight:800;background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:12px}.dashboard-header p{color:var(--gray-600);font-size:16px;font-weight:500}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;margin-bottom:40px}.stat-card{background:#fff;padding:32px;border-radius:var(--radius-lg);box-shadow:var(--shadow-md);text-align:center;transition:var(--transition);position:relative;overflow:hidden;border:2px solid transparent}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--primary-gradient);transform:scaleX(0);transition:transform .3s ease}.stat-card:hover:before{transform:scaleX(1)}.stat-card:nth-child(1):before{background:var(--primary-gradient)}.stat-card:nth-child(2):before{background:var(--accent-gradient)}.stat-card:nth-child(3):before{background:var(--secondary-gradient)}.stat-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:var(--shadow-xl);border-color:var(--primary-color)}.stat-card h3{font-size:14px;color:var(--gray-600);margin-bottom:16px;font-weight:700;text-transform:uppercase;letter-spacing:1px}.stat-number{font-size:56px;font-weight:800;background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0;line-height:1}.stat-card:nth-child(2) .stat-number{background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stat-card:nth-child(3) .stat-number{background:var(--secondary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.quick-actions{background:#fff;padding:36px;border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);margin-bottom:40px;border:1px solid var(--gray-200)}.quick-actions h2{font-size:24px;color:var(--gray-900);margin-bottom:24px;font-weight:700;display:flex;align-items:center;gap:12px}.quick-actions h2:before{content:"";width:4px;height:24px;background:var(--primary-gradient);border-radius:4px}.action-buttons{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px}.action-buttons a{text-decoration:none;text-align:center;padding:20px 24px;border-radius:var(--radius-md);transition:var(--transition);font-weight:600;font-size:15px;border:2px solid var(--gray-300);background:#fff;color:var(--primary-color);box-shadow:var(--shadow-sm);position:relative;overflow:hidden}.action-buttons a:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:var(--primary-gradient);opacity:0;transition:opacity .3s ease;z-index:0}.action-buttons a:hover:before{opacity:1}.action-buttons a:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:transparent;color:#fff}.action-buttons a span{position:relative;z-index:1}.recent-residents{background:#fff;padding:36px;border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);border:1px solid var(--gray-200)}.recent-residents h2{font-size:24px;color:var(--gray-900);margin-bottom:24px;font-weight:700;display:flex;align-items:center;gap:12px}.recent-residents h2:before{content:"";width:4px;height:24px;background:var(--accent-gradient);border-radius:4px}@media (max-width: 768px){.dashboard{padding:20px 0}.stats-grid{grid-template-columns:1fr;gap:16px}.action-buttons{grid-template-columns:1fr}.dashboard-header{padding:24px}.dashboard-header h1{font-size:28px}.stat-number{font-size:42px}.quick-actions,.recent-residents{padding:24px}}.add-resident{max-width:1000px;margin:0 auto;animation:fadeIn .5s ease}.resident-form{background:#fff;padding:36px;border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);margin-top:24px;border:1px solid var(--gray-200)}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:24px;margin-bottom:24px}.form-actions{display:flex;gap:16px;margin-top:36px;padding-top:24px;border-top:2px solid var(--gray-200)}.ocr-scanner{background:linear-gradient(135deg,#667eea0d,#764ba20d);padding:28px;border-radius:var(--radius-lg);margin-bottom:24px;border:2px dashed var(--primary-color);transition:var(--transition);position:relative;overflow:hidden}.ocr-scanner:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--primary-gradient)}.ocr-scanner:hover{background:linear-gradient(135deg,#667eea14,#764ba214);border-color:var(--primary-dark);box-shadow:var(--shadow-md)}.ocr-scanner h3{font-size:18px;color:var(--gray-900);margin-bottom:16px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.file-input{width:100%;padding:14px 18px;border:2px solid var(--gray-300);border-radius:var(--radius-md);background:#fff;cursor:pointer;font-weight:500;transition:var(--transition)}.file-input:hover{border-color:var(--primary-color);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.scanning-progress{margin-top:20px;text-align:center;animation:slideIn .3s ease}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.progress-bar{width:100%;height:10px;background:var(--gray-200);border-radius:10px;overflow:hidden;margin:12px 0;box-shadow:inset 0 2px 4px #0000001a}.progress-fill{height:100%;background:var(--primary-gradient);transition:width .3s ease;border-radius:10px;box-shadow:0 2px 8px #667eea80;animation:shimmer 1.5s infinite}@keyframes shimmer{0%{opacity:1}50%{opacity:.8}to{opacity:1}}.warning-message{background:linear-gradient(135deg,var(--warning-light) 0%,#fef3c7 100%);color:var(--warning-dark);padding:18px 22px;border-radius:var(--radius-md);margin-bottom:24px;border-left:4px solid var(--warning-color);display:flex;align-items:center;gap:12px;font-weight:600;box-shadow:var(--shadow-sm)}.warning-message:before{content:"⚠";font-size:24px}.duplicate-warning-card{background:linear-gradient(135deg,#fef3c7,#fed7aa);border:2px solid var(--warning-color);border-radius:var(--radius-lg);margin-bottom:24px;overflow:hidden;box-shadow:var(--shadow-lg);animation:slideIn .3s ease}.duplicate-warning-header{background:var(--warning-color);color:#fff;padding:16px 24px;display:flex;justify-content:space-between;align-items:center}.duplicate-warning-header h3{margin:0;font-size:18px;font-weight:700}.close-duplicate-btn{background:transparent;border:none;color:#fff;font-size:24px;cursor:pointer;padding:0;width:32px;height:32px;border-radius:50%;transition:var(--transition);display:flex;align-items:center;justify-content:center}.close-duplicate-btn:hover{background:#fff3;transform:rotate(90deg)}.duplicate-warning-content{padding:24px;background:#fff}.duplicate-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:20px}.duplicate-info-item{display:flex;flex-direction:column;gap:4px}.duplicate-info-label{font-size:13px;font-weight:600;color:var(--gray-600);text-transform:uppercase;letter-spacing:.5px}.duplicate-info-value{font-size:16px;font-weight:700;color:var(--gray-900)}.duplicate-actions{margin-top:20px;padding-top:20px;border-top:2px solid var(--gray-200);display:flex;flex-direction:column;gap:12px}.btn-view-resident{background:var(--primary-gradient);color:#fff;border:none;padding:14px 24px;border-radius:var(--radius-md);font-weight:700;font-size:16px;cursor:pointer;transition:var(--transition);box-shadow:var(--shadow-md);display:flex;align-items:center;justify-content:center;gap:8px}.btn-view-resident:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.duplicate-suggestion{background:#f0fdf4;border-left:4px solid #22c55e;padding:12px 16px;margin:0;border-radius:var(--radius-md);color:#166534;font-size:14px;font-weight:600;line-height:1.6}@media (max-width: 768px){.resident-form{padding:24px}.form-row{grid-template-columns:1fr;gap:16px}.form-actions{flex-direction:column}.form-actions button{width:100%}.ocr-scanner{padding:20px}.duplicate-info-grid{grid-template-columns:1fr}.duplicate-warning-header{padding:12px 16px}.duplicate-warning-content{padding:16px}}.residents-list{padding:30px 0;animation:fadeIn .5s ease}.filters-section{background:#fff;padding:30px;border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);margin-bottom:30px;border:1px solid var(--gray-200);position:relative;overflow:hidden}.filters-section:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--accent-gradient)}.filters-section h3{font-size:20px;color:var(--gray-900);margin-bottom:24px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;display:flex;align-items:center;gap:12px}.filters-section h3:before{content:"";width:4px;height:24px;background:var(--accent-gradient);border-radius:4px}.filters-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;margin-bottom:24px}.filters-grid .form-group{margin-bottom:0}.filters-grid input,.filters-grid select{width:100%;padding:12px 16px;border:2px solid var(--gray-300);border-radius:var(--radius-md);font-size:14px;transition:var(--transition)}.filters-grid input:focus,.filters-grid select:focus{border-color:var(--primary-color);box-shadow:0 0 0 4px #667eea1a;transform:translateY(-1px)}.filter-actions{display:flex;gap:12px;padding-top:20px;border-top:2px solid var(--gray-200)}.table-container{background:#fff;border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);overflow:hidden;border:1px solid var(--gray-200)}.data-table th{padding:18px;text-align:left;font-weight:700;text-transform:uppercase;letter-spacing:.5px;font-size:13px}.btn-small{padding:6px 14px;font-size:12px;margin:0 4px;border-radius:var(--radius-sm)}@media (max-width: 768px){.residents-list{padding:20px 0}.filters-section{padding:24px}.filters-grid{grid-template-columns:1fr}.filter-actions{flex-direction:column}.filter-actions button{width:100%}.data-table{font-size:12px}.data-table th,.data-table td{padding:12px 10px}}.resident-detail-container{max-width:1400px;margin:0 auto;padding:0}.resident-detail-header{background:var(--primary-gradient);color:#fff;padding:32px 40px;box-shadow:var(--shadow-lg);border-radius:var(--radius-lg) var(--radius-lg) 0 0;display:flex;justify-content:space-between;align-items:center;border-bottom:3px solid rgba(255,255,255,.2)}.resident-detail-header-content h1{font-size:32px;font-weight:800;margin:0 0 8px;text-transform:uppercase;letter-spacing:1px;text-shadow:2px 2px 4px rgba(0,0,0,.1)}.resident-detail-header-content p{font-size:16px;opacity:.95;margin:0;font-weight:500}.resident-detail-header-actions{display:flex;gap:12px}.resident-detail-header .btn-back,.resident-detail-header .btn-edit,.resident-detail-header .btn-save,.resident-detail-header .btn-cancel{padding:14px 28px;border-radius:var(--radius-md);border:none;font-weight:700;font-size:14px;cursor:pointer;transition:var(--transition);text-transform:uppercase;letter-spacing:.5px;box-shadow:var(--shadow);display:flex;align-items:center;gap:8px}.resident-detail-header .btn-back{background:#fff;color:var(--primary-color)}.resident-detail-header .btn-edit{background:var(--warning-color);color:#fff}.resident-detail-header .btn-save{background:var(--success-color);color:#fff}.resident-detail-header .btn-cancel{background:var(--error-color);color:#fff}.resident-detail-header .btn-back:hover,.resident-detail-header .btn-edit:hover,.resident-detail-header .btn-save:hover:not(:disabled),.resident-detail-header .btn-cancel:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-lg)}.resident-detail-header .btn-edit svg,.resident-detail-header .btn-save svg{width:18px;height:18px}.resident-detail-header button:disabled{opacity:.6;cursor:not-allowed}.resident-detail-card{background:#fff;border-radius:0 0 var(--radius-lg) var(--radius-lg);box-shadow:var(--shadow-lg);overflow:hidden}.resident-detail-section{padding:40px;border-bottom:2px solid var(--gray-200)}.resident-detail-section:last-child{border-bottom:none}.resident-detail-section h2{font-size:24px;font-weight:800;color:var(--gray-900);margin:0 0 24px;display:flex;align-items:center;gap:12px;text-transform:uppercase;letter-spacing:.5px}.resident-detail-section h2 svg{width:28px;height:28px;color:var(--primary-color)}.id-photos-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:24px}.id-photo-card{background:linear-gradient(135deg,#f9fafb,#fff);border:2px solid var(--gray-200);border-radius:var(--radius-lg);padding:20px;transition:var(--transition);overflow:hidden;position:relative}.id-photo-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--primary-gradient)}.id-photo-card.front:before{background:linear-gradient(135deg,#3b82f6,#2563eb)}.id-photo-card.back:before{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.id-photo-card:hover{border-color:var(--primary-color);transform:translateY(-4px);box-shadow:var(--shadow-lg)}.id-photo-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.id-photo-badge{display:inline-flex;align-items:center;padding:8px 16px;border-radius:999px;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.id-photo-badge.front{background:#3b82f61a;color:#2563eb}.id-photo-badge.back{background:#8b5cf61a;color:#7c3aed}.id-photo-confidence{display:inline-flex;align-items:center;padding:6px 14px;border-radius:999px;font-size:12px;font-weight:700;background:var(--success-light);color:var(--success-dark)}.id-photo-image-wrapper{background:#fff;padding:12px;border-radius:var(--radius-md);box-shadow:inset 0 2px 4px #0000000f;margin-bottom:16px}.id-photo-image-wrapper img{width:100%;height:auto;border-radius:var(--radius-sm);border:1px solid var(--gray-300);cursor:pointer;transition:var(--transition)}.id-photo-image-wrapper img:hover{opacity:.9;transform:scale(1.02)}.id-photo-actions{display:flex;gap:12px}.id-photo-actions a,.id-photo-actions button{flex:1;padding:12px 20px;border:none;border-radius:var(--radius-md);font-weight:600;font-size:13px;cursor:pointer;transition:var(--transition);text-decoration:none;display:flex;align-items:center;justify-content:center;text-transform:uppercase;letter-spacing:.5px}.id-photo-actions .btn-view{background:var(--info-color);color:#fff;box-shadow:var(--shadow-sm)}.id-photo-actions .btn-view:hover{background:var(--info-dark);transform:translateY(-2px);box-shadow:var(--shadow-md)}.id-photo-actions .btn-download{background:var(--success-color);color:#fff;box-shadow:var(--shadow-sm)}.id-photo-actions .btn-download:hover{background:var(--success-dark);transform:translateY(-2px);box-shadow:var(--shadow-md)}.id-photo-actions .btn-delete-photo{background:var(--error-color);color:#fff;box-shadow:var(--shadow-sm)}.id-photo-actions .btn-delete-photo:hover{background:var(--error-dark);transform:translateY(-2px);box-shadow:var(--shadow-md)}.resident-details-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px}.resident-detail-item{background:linear-gradient(135deg,var(--gray-50) 0%,white 100%);border:2px solid var(--gray-200);border-radius:var(--radius-lg);padding:20px;transition:var(--transition);position:relative;overflow:hidden}.resident-detail-item:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:var(--primary-gradient);transform:scaleY(0);transition:transform .3s ease}.resident-detail-item:hover{border-color:var(--primary-color);transform:translateY(-2px);box-shadow:var(--shadow-md)}.resident-detail-item:hover:before{transform:scaleY(1)}.resident-detail-item.full-width{grid-column:1 / -1}.resident-detail-label{font-size:12px;font-weight:700;color:var(--gray-600);text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px}.resident-detail-value{font-size:18px;font-weight:700;color:var(--gray-900);word-wrap:break-word}.resident-detail-input{width:100%;padding:12px 16px;border:2px solid var(--gray-300);border-radius:var(--radius-md);font-size:16px;font-weight:600;color:var(--gray-900);background:#fff;transition:var(--transition)}.resident-detail-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #2563eb1a}.resident-detail-textarea{resize:vertical;min-height:60px;font-family:inherit}.other-photos-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px}.other-photo-card{background:linear-gradient(135deg,#f9fafb,#fff);border:2px solid var(--gray-200);border-radius:var(--radius-lg);padding:16px;transition:var(--transition)}.other-photo-card:hover{border-color:var(--primary-color);transform:translateY(-4px);box-shadow:var(--shadow-lg)}.other-photo-card img{width:100%;height:180px;object-fit:cover;border-radius:var(--radius-md);margin-bottom:12px;cursor:pointer;transition:var(--transition)}.other-photo-card img:hover{opacity:.9}.other-photo-card p{font-size:13px;color:var(--gray-600);font-weight:600;margin-bottom:12px}.other-photo-actions{display:flex;gap:8px}.other-photo-actions a,.other-photo-actions button{flex:1;padding:8px 12px;border:none;border-radius:var(--radius-sm);font-weight:600;font-size:11px;cursor:pointer;transition:var(--transition);text-decoration:none;display:flex;align-items:center;justify-content:center;text-transform:uppercase}.other-photo-actions .btn-view{background:var(--info-color);color:#fff}.other-photo-actions .btn-view:hover{background:var(--info-dark)}.other-photo-actions .btn-download{background:var(--success-color);color:#fff}.other-photo-actions .btn-download:hover{background:var(--success-dark)}.other-photo-actions .btn-delete-photo{background:var(--error-color);color:#fff}.other-photo-actions .btn-delete-photo:hover{background:var(--error-dark)}.resident-detail-loading{display:flex;justify-content:center;align-items:center;min-height:400px}.resident-detail-loading-spinner{width:60px;height:60px;border:5px solid var(--gray-200);border-top-color:var(--primary-color);border-radius:50%;animation:spin .8s linear infinite}.resident-detail-error{background:var(--error-light);color:var(--error-dark);padding:24px;border-radius:var(--radius-md);border-left:4px solid var(--error-color);margin-bottom:24px;font-weight:600;box-shadow:var(--shadow-sm)}@media (max-width: 768px){.resident-detail-header{flex-direction:column;gap:20px;padding:24px;align-items:stretch}.resident-detail-header-content h1{font-size:24px}.resident-detail-header-actions{flex-direction:column}.resident-detail-header .btn-back,.resident-detail-header .btn-edit,.resident-detail-header .btn-save,.resident-detail-header .btn-cancel{width:100%;justify-content:center}.resident-detail-section{padding:24px}.resident-detail-section h2{font-size:20px}.id-photos-grid,.resident-details-grid{grid-template-columns:1fr}.other-photos-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}}.lightbox-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:10000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .2s ease-out}.lightbox-content{position:relative;max-width:95vw;max-height:95vh;animation:zoomIn .3s ease-out}@keyframes zoomIn{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.lightbox-content img{max-width:95vw;max-height:95vh;width:auto;height:auto;object-fit:contain;border-radius:var(--radius-lg);box-shadow:0 25px 50px -12px #00000080}.lightbox-close{position:absolute;top:-50px;right:0;background:#fff;color:var(--gray-900);border:none;width:40px;height:40px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:var(--transition);box-shadow:var(--shadow-lg);z-index:10001}.lightbox-close:hover{background:var(--error-color);color:#fff;transform:rotate(90deg) scale(1.1)}.lightbox-close svg{width:24px;height:24px}.rtl .resident-detail-header,.rtl .id-photo-header,.rtl .resident-detail-header-actions{flex-direction:row-reverse}.rtl .resident-detail-item:before{left:auto;right:0}.rtl .lightbox-close{right:auto;left:0}.rtl .resident-detail-input,.rtl .resident-detail-textarea{text-align:right;direction:rtl}.visitors-container{padding:20px;max-width:1400px;margin:0 auto}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;flex-wrap:wrap;gap:15px}.page-header h1{font-size:28px;color:#2c3e50;margin:0}.success-message{background-color:#d4edda;color:#155724;padding:12px 20px;border-radius:8px;margin-bottom:20px;border:1px solid #c3e6cb}.error-message{background-color:#f8d7da;color:#721c24;padding:12px 20px;border-radius:8px;margin-bottom:20px;border:1px solid #f5c6cb}.filters-container{background:#fff;padding:20px;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-bottom:30px}.filter-row{display:grid;grid-template-columns:2fr 1fr 1fr auto auto;gap:15px;align-items:center}.search-input,.filter-input{padding:12px 15px;border:2px solid #e0e0e0;border-radius:8px;font-size:14px;transition:border-color .3s}.search-input:focus,.filter-input:focus{outline:none;border-color:#3498db}.visitors-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:20px;margin-bottom:30px}.visitor-card{background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 12px #00000014;transition:transform .2s,box-shadow .2s;border:1px solid #f0f0f0;position:relative;overflow:hidden}.visitor-card:hover{transform:translateY(-4px);box-shadow:0 4px 20px #0000001f}.visitor-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#3498db,#2ecc71)}.visitor-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:15px;padding-bottom:15px;border-bottom:2px solid #f5f5f5}.visitor-name-section{flex:1}.visitor-name{font-size:20px;font-weight:600;color:#2c3e50;margin:0 0 8px;display:flex;align-items:center;gap:8px}.visitor-icon{font-size:24px}.visitor-date{font-size:13px;color:#7f8c8d;display:flex;align-items:center;gap:5px}.visitor-actions{display:flex;gap:8px}.visitor-details{display:grid;gap:12px}.detail-row{display:flex;align-items:flex-start;gap:10px}.detail-icon{font-size:16px;color:#3498db;min-width:20px;margin-top:2px}.detail-content{flex:1}.detail-label{font-size:12px;color:#7f8c8d;text-transform:uppercase;letter-spacing:.5px;margin-bottom:2px}.detail-value{font-size:15px;color:#34495e;font-weight:500}.detail-value.empty{color:#bdc3c7;font-style:italic}.location-badge{display:inline-flex;align-items:center;gap:6px;background:#e8f4f8;color:#2980b9;padding:6px 12px;border-radius:20px;font-size:13px;font-weight:500;margin-top:12px}.btn-primary{background:linear-gradient(135deg,#3498db,#2ecc71);color:#fff;padding:12px 24px;border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;transition:all .3s;display:inline-flex;align-items:center;gap:8px}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px #3498db4d}.btn-secondary{background:#95a5a6;color:#fff;padding:12px 24px;border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;transition:all .3s}.btn-secondary:hover{background:#7f8c8d}.btn-edit{background:#3498db;color:#fff;padding:8px 16px;border:none;border-radius:6px;cursor:pointer;font-size:13px;font-weight:500;transition:all .3s}.btn-edit:hover{background:#2980b9;transform:scale(1.05)}.btn-danger{background:#e74c3c;color:#fff;padding:8px 16px;border:none;border-radius:6px;cursor:pointer;font-size:13px;font-weight:500;transition:all .3s}.btn-danger:hover{background:#c0392b;transform:scale(1.05)}.btn-small{padding:6px 12px;font-size:12px}.loading{text-align:center;padding:60px 20px;font-size:18px;color:#7f8c8d}.no-data{text-align:center;padding:60px 20px;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a}.no-data-icon{font-size:64px;margin-bottom:20px;opacity:.5}.no-data-text{font-size:18px;color:#7f8c8d;margin-bottom:20px}.rtl .filter-row,.rtl .visitor-name,.rtl .detail-row{direction:rtl}.rtl .visitor-header{flex-direction:row-reverse}@media (max-width: 768px){.visitors-container{padding:15px}.page-header{flex-direction:column;align-items:stretch}.page-header h1{font-size:24px}.filter-row{grid-template-columns:1fr;gap:10px}.visitors-grid{grid-template-columns:1fr;gap:15px}.visitor-card{padding:15px}.visitor-name{font-size:18px}.visitor-header{flex-direction:column;gap:10px}.visitor-actions{width:100%;justify-content:flex-end}}@media (max-width: 480px){.visitors-container{padding:10px}.page-header h1{font-size:20px}.visitor-card{padding:12px}.detail-value{font-size:14px}}.blacklist-page{padding:30px 0;animation:fadeIn .5s ease}.add-form-section{background:#fff;padding:36px;border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);margin-bottom:30px;border-left:6px solid var(--warning-color);border:1px solid var(--warning-light);position:relative;overflow:hidden}.add-form-section:before{content:"";position:absolute;top:0;left:0;width:6px;height:100%;background:linear-gradient(180deg,#f59e0b,#f59e0b)}.add-form-section h3{font-size:20px;color:var(--gray-900);margin-bottom:24px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;display:flex;align-items:center;gap:12px}.add-form-section h3:before{content:"⚠";font-size:24px;color:var(--warning-color)}.blacklist-form .form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:24px;margin-bottom:24px}.blacklist-form .form-group{margin-bottom:24px}.blacklist-form textarea{min-height:120px;resize:vertical;font-family:inherit}.form-actions{display:flex;gap:16px;padding-top:24px;border-top:2px solid var(--gray-200)}.search-section{margin-bottom:30px}.search-bar{display:flex;gap:12px;max-width:700px;background:#fff;padding:16px;border-radius:var(--radius-lg);box-shadow:var(--shadow-md);border:1px solid var(--gray-200)}.search-bar input{flex:1;padding:14px 18px;border:2px solid var(--gray-300);border-radius:var(--radius-md);font-size:15px;transition:var(--transition)}.search-bar input:focus{border-color:var(--warning-color);outline:none;box-shadow:0 0 0 4px #f59e0b1a;transform:translateY(-1px)}.search-bar button{white-space:nowrap;min-width:120px}.table-container{background:#fff;border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);overflow:hidden;border:1px solid var(--warning-light)}.data-table thead{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#fff}.data-table th{padding:18px;text-align:left;font-weight:700;text-transform:uppercase;letter-spacing:.5px;font-size:13px;color:#fff;text-shadow:1px 1px 2px rgba(0,0,0,.2)}.data-table td{padding:16px 18px;border-bottom:1px solid var(--gray-200);color:var(--gray-900)}.data-table tbody tr:hover{background:linear-gradient(90deg,rgba(245,158,11,.08) 0%,transparent 100%);transform:scale(1.01)}.data-table .actions{white-space:nowrap;text-align:right}.no-data{text-align:center;padding:80px 20px;color:var(--gray-400);background:#fff;border-radius:var(--radius-xl);font-size:16px;font-weight:500}.loading{text-align:center;padding:80px 20px;color:var(--gray-500);font-size:18px;font-weight:500}@media (max-width: 768px){.blacklist-page{padding:20px 0}.add-form-section{padding:24px}.blacklist-form .form-row{grid-template-columns:1fr}.form-actions{flex-direction:column}.form-actions button{width:100%}.search-bar{flex-direction:column;max-width:100%;padding:12px}.search-bar input,.search-bar button{width:100%}.data-table{font-size:12px}.data-table th,.data-table td{padding:12px 10px}}.reports-page{padding:30px 0;max-width:900px;margin:0 auto;animation:fadeIn .5s ease}.export-section{background:#fff;padding:40px;border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);margin-bottom:30px;border:1px solid var(--gray-200);position:relative;overflow:hidden}.export-section:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--accent-gradient)}.export-section h2{font-size:24px;color:var(--gray-900);margin-bottom:30px;padding-bottom:20px;border-bottom:2px solid var(--gray-200);font-weight:700;text-transform:uppercase;letter-spacing:.5px;display:flex;align-items:center;gap:12px}.export-section h2:before{content:"";width:4px;height:28px;background:var(--accent-gradient);border-radius:4px}.form-group{margin-bottom:28px}.form-group label{display:block;font-weight:700;color:var(--gray-700);margin-bottom:10px;font-size:14px;text-transform:uppercase;letter-spacing:.5px}.form-group select,.form-group input{width:100%;padding:14px 18px;border:2px solid var(--gray-300);border-radius:var(--radius-md);font-size:14px;transition:var(--transition);background:#fff}.form-group select:focus,.form-group input:focus{border-color:var(--primary-color);outline:none;box-shadow:0 0 0 4px #667eea1a;transform:translateY(-1px)}.radio-group{display:flex;gap:16px;margin-top:12px;flex-wrap:wrap}.radio-group label{display:flex;align-items:center;gap:10px;font-weight:500;cursor:pointer;padding:12px 20px;border:2px solid var(--gray-300);border-radius:var(--radius-md);transition:var(--transition);background:#fff;flex:1;min-width:140px;justify-content:center}.radio-group label:hover{border-color:var(--primary-color);background:#667eea0d;transform:translateY(-2px);box-shadow:var(--shadow-sm)}.radio-group input[type=radio]{width:18px;height:18px;cursor:pointer;margin:0;accent-color:var(--primary-color)}.radio-group label:has(input[type=radio]:checked){border-color:var(--primary-color);background:var(--primary-gradient);color:#fff;font-weight:700;box-shadow:var(--shadow-md)}.radio-group label:has(input[type=radio]:checked) input[type=radio]{filter:brightness(2)}.filters-section{background:linear-gradient(135deg,#667eea0d,#764ba20d);padding:24px;border-radius:var(--radius-lg);margin:28px 0;border:2px dashed var(--primary-color)}.filters-section h3{font-size:16px;color:var(--gray-900);margin-bottom:18px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.filters-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px}.btn-large{padding:18px 48px;font-size:16px;width:100%;margin-top:24px;font-weight:700;text-transform:uppercase;letter-spacing:1px;background:var(--accent-gradient);border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;transition:var(--transition);box-shadow:var(--shadow-md)}.btn-large:hover{transform:translateY(-3px);box-shadow:var(--shadow-xl)}.btn-large:active{transform:translateY(0)}.info-section{background:linear-gradient(135deg,var(--info-light) 0%,#dbeafe 100%);padding:30px;border-radius:var(--radius-lg);border-left:6px solid var(--info-color);box-shadow:var(--shadow-sm);position:relative;overflow:hidden}.info-section:before{content:"ℹ";position:absolute;top:16px;right:16px;font-size:48px;color:#2563eb1a;font-weight:700}.info-section h3{font-size:18px;color:var(--info-dark);margin-bottom:16px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.info-section ul{list-style:none;padding:0;margin:0}.info-section li{padding:10px 0;color:var(--info-dark);display:flex;align-items:start;gap:12px;font-weight:500}.info-section li:before{content:"✓";font-weight:700;font-size:18px;line-height:1;color:var(--info-color);background:#fff;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}@media (max-width: 768px){.reports-page{padding:20px 0}.export-section{padding:24px}.export-section h2{font-size:20px}.radio-group{flex-direction:column;gap:12px}.radio-group label{min-width:100%}.filters-grid{grid-template-columns:1fr}.btn-large{padding:16px 36px;font-size:14px}.info-section{padding:20px}}.admin-page-container{max-width:1400px;margin:0 auto;padding:0}.admin-page-card{background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-md);overflow:hidden;border:1px solid var(--gray-200)}.admin-page-header{background:var(--primary-gradient);color:#fff;padding:32px 40px;display:flex;justify-content:space-between;align-items:center;border-bottom:3px solid rgba(255,255,255,.2)}.admin-page-header.green{background:linear-gradient(135deg,#10b981,#059669)}.admin-page-header.purple{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.admin-page-header.blue{background:linear-gradient(135deg,#3b82f6,#2563eb)}.admin-page-header-content h1{font-size:32px;font-weight:800;margin:0 0 8px;text-transform:uppercase;letter-spacing:1px;text-shadow:2px 2px 4px rgba(0,0,0,.1)}.admin-page-header-content p{font-size:14px;opacity:.95;margin:0;font-weight:500}.admin-page-header .btn-primary,.admin-page-header .btn-add{background:#fff;color:var(--primary-color);padding:14px 28px;border-radius:var(--radius-md);border:none;font-weight:700;font-size:14px;cursor:pointer;transition:var(--transition);display:flex;align-items:center;gap:10px;text-transform:uppercase;letter-spacing:.5px;box-shadow:var(--shadow)}.admin-page-header.green .btn-add{color:#10b981}.admin-page-header.purple .btn-add{color:#8b5cf6}.admin-page-header .btn-add:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.admin-page-header .btn-add svg{width:20px;height:20px}.admin-page-content{padding:40px}.admin-error-message{background:var(--error-light);color:var(--error-dark);padding:16px 24px;border-radius:var(--radius-md);border-left:4px solid var(--error-color);margin-bottom:24px;font-weight:600;box-shadow:var(--shadow-sm);animation:slideInDown .3s ease}.admin-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:24px}.admin-card-item{background:linear-gradient(135deg,#f9fafb,#fff);border:2px solid var(--gray-200);border-radius:var(--radius-lg);padding:24px;transition:var(--transition);position:relative;overflow:hidden}.admin-card-item:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--primary-gradient);transform:scaleX(0);transition:transform .3s ease}.admin-card-item:hover{border-color:var(--primary-color);transform:translateY(-4px);box-shadow:var(--shadow-lg)}.admin-card-item:hover:before{transform:scaleX(1)}.admin-card-item.green:before{background:linear-gradient(135deg,#10b981,#059669)}.admin-card-item.green:hover{border-color:#10b981}.admin-card-item.purple:before{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.admin-card-item.purple:hover{border-color:#8b5cf6}.admin-card-header{display:flex;align-items:flex-start;gap:16px;margin-bottom:20px}.admin-card-avatar{width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:700;color:#fff;flex-shrink:0;box-shadow:var(--shadow);background:var(--primary-gradient)}.admin-card-avatar.green{background:linear-gradient(135deg,#10b981,#059669)}.admin-card-avatar.purple{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.admin-card-info{flex:1;min-width:0}.admin-card-info h3{font-size:20px;font-weight:700;color:var(--gray-900);margin:0 0 4px;word-wrap:break-word}.admin-card-info p{font-size:13px;color:var(--gray-600);margin:0;font-weight:500}.admin-card-details{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.admin-card-detail-item{display:flex;align-items:center;gap:10px;font-size:14px}.admin-card-detail-item svg{width:16px;height:16px;color:var(--primary-color);flex-shrink:0}.admin-card-detail-item.green svg{color:#10b981}.admin-card-detail-item.purple svg{color:#8b5cf6}.admin-card-detail-label{font-weight:600;color:var(--gray-700)}.admin-card-detail-value{color:var(--gray-600)}.admin-badge{display:inline-flex;align-items:center;padding:6px 14px;border-radius:999px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.admin-badge.success{background:var(--success-light);color:var(--success-dark)}.admin-badge.gray{background:var(--gray-200);color:var(--gray-600)}.admin-badge.purple{background:#8b5cf61a;color:#7c3aed}.admin-card-actions{display:flex;gap:10px}.admin-card-actions button{flex:1;padding:12px 20px;border:none;border-radius:var(--radius-md);font-weight:600;font-size:13px;cursor:pointer;transition:var(--transition);display:flex;align-items:center;justify-content:center;gap:8px;text-transform:uppercase;letter-spacing:.5px}.admin-card-actions button svg{width:16px;height:16px}.admin-card-actions .btn-edit{background:var(--info-color);color:#fff;box-shadow:var(--shadow-sm)}.admin-card-actions .btn-edit:hover{background:var(--info-dark);transform:translateY(-2px);box-shadow:var(--shadow-md)}.admin-card-actions .btn-delete{background:var(--error-color);color:#fff;box-shadow:var(--shadow-sm)}.admin-card-actions .btn-delete:hover{background:var(--error-dark);transform:translateY(-2px);box-shadow:var(--shadow-md)}.admin-empty-state{text-align:center;padding:80px 40px}.admin-empty-state svg{width:120px;height:120px;color:var(--gray-300);margin-bottom:24px}.admin-empty-state p{font-size:18px;color:var(--gray-500);font-weight:600;margin-bottom:24px}.admin-empty-state .btn-primary{display:inline-block}.admin-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.admin-modal{background:#fff;border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);max-width:500px;width:100%;max-height:90vh;overflow-y:auto;animation:slideUp .3s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.admin-modal-header{background:var(--primary-gradient);color:#fff;padding:28px 32px;position:sticky;top:0;z-index:10;border-bottom:3px solid rgba(255,255,255,.2)}.admin-modal-header.green{background:linear-gradient(135deg,#10b981,#059669)}.admin-modal-header.purple{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.admin-modal-header h2{font-size:24px;font-weight:800;margin:0;text-transform:uppercase;letter-spacing:1px;text-shadow:2px 2px 4px rgba(0,0,0,.1)}.admin-modal-content{padding:32px}.admin-modal-content .form-group{margin-bottom:24px}.admin-modal-content .form-group:last-of-type{margin-bottom:32px}.admin-modal-actions{display:flex;gap:12px}.admin-modal-actions button{flex:1;padding:14px 28px;border:none;border-radius:var(--radius-md);font-weight:700;font-size:14px;cursor:pointer;transition:var(--transition);text-transform:uppercase;letter-spacing:.5px}.admin-modal-actions .btn-save{background:var(--primary-gradient);color:#fff;box-shadow:var(--shadow)}.admin-modal-actions .btn-save:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.admin-modal-actions .btn-cancel{background:var(--gray-500);color:#fff;box-shadow:var(--shadow)}.admin-modal-actions .btn-cancel:hover{background:var(--gray-600);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.admin-loading{display:flex;justify-content:center;align-items:center;min-height:400px}.admin-loading-spinner{width:60px;height:60px;border:5px solid var(--gray-200);border-top-color:var(--primary-color);border-radius:50%;animation:spin .8s linear infinite}@media (max-width: 768px){.admin-page-header{flex-direction:column;gap:20px;padding:24px;align-items:stretch}.admin-page-header-content h1{font-size:24px}.admin-page-header .btn-add{width:100%;justify-content:center}.admin-page-content{padding:24px}.admin-grid{grid-template-columns:1fr;gap:20px}.admin-modal{max-width:100%;margin:0;border-radius:var(--radius-lg)}.admin-modal-content{padding:24px}.admin-card-actions{flex-direction:column}.admin-card-actions button{width:100%}}.rtl .admin-page-header,.rtl .admin-card-header,.rtl .admin-card-detail-item{flex-direction:row-reverse}.rtl .admin-card-item:before{left:auto;right:0}.rtl .admin-page-header-content h1,.rtl .admin-page-header-content p,.rtl .admin-card-info h3,.rtl .admin-card-info p,.rtl .admin-card-detail-label,.rtl .admin-card-detail-value{text-align:right}.rtl .admin-badge{margin-left:0;margin-right:8px}.rtl .admin-error-message{border-left:none;border-right:4px solid var(--error-color);text-align:right}.rtl .admin-empty-state{text-align:center}.rtl .form-group label,.rtl .form-group input,.rtl .form-group select,.rtl .form-group textarea,.rtl .admin-modal-header h2{text-align:right}.rtl .admin-card-actions,.rtl .admin-modal-actions,.rtl .permission-checkbox{flex-direction:row-reverse}.rtl .permission-category h4,.rtl .permission-checkbox span{text-align:right}.rtl .admin-card-header .admin-badge{margin-left:0!important;margin-right:auto!important}.admin-card-item.blue:before{background:linear-gradient(135deg,#3b82f6,#2563eb)}.admin-card-item.blue:hover{border-color:#3b82f6}.admin-card-avatar.blue{background:linear-gradient(135deg,#3b82f6,#2563eb)}.admin-card-detail-item.blue svg{color:#3b82f6}.admin-badge.blue{background:#3b82f61a;color:#2563eb}.admin-modal-header.blue{background:linear-gradient(135deg,#3b82f6,#2563eb)}.admin-page-header.blue .btn-add{color:#3b82f6}.admin-modal-large{max-width:700px}.permissions-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px;margin-top:12px}.permission-category{background:var(--gray-50);border:1px solid var(--gray-200);border-radius:var(--radius-md);padding:16px}.permission-category h4{font-size:13px;font-weight:700;color:var(--gray-700);text-transform:uppercase;letter-spacing:.5px;margin:0 0 12px;padding-bottom:8px;border-bottom:2px solid var(--gray-300)}.permission-checkbox{display:flex;align-items:center;gap:8px;margin-bottom:10px;cursor:pointer;font-size:13px;color:var(--gray-700);transition:var(--transition)}.permission-checkbox:hover{color:var(--primary-color)}.permission-checkbox:last-child{margin-bottom:0}.permission-checkbox input[type=checkbox]{width:16px;height:16px;cursor:pointer;accent-color:var(--primary-color)}.permission-checkbox span{flex:1;-webkit-user-select:none;user-select:none}button:disabled{opacity:.5;cursor:not-allowed}button:disabled:hover{transform:none!important;box-shadow:var(--shadow-sm)!important}.statistics-page{padding:20px;max-width:1400px;margin:0 auto}.statistics-page h1{margin-bottom:30px;color:#1f2937;font-size:32px}.statistics-page h2{margin:30px 0 15px;color:#374151;font-size:24px;border-bottom:2px solid #e5e7eb;padding-bottom:10px}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:40px}.stat-card{background:#fff;border-radius:12px;padding:25px;box-shadow:0 2px 8px #0000001a;transition:transform .2s,box-shadow .2s}.stat-card:hover{transform:translateY(-5px);box-shadow:0 4px 12px #00000026}.stat-card h3{font-size:14px;color:#6b7280;margin-bottom:10px;font-weight:500}.stat-card .stat-number{font-size:36px;font-weight:700;margin:0}.stat-total .stat-number{color:#3b82f6}.stat-active .stat-number{color:#10b981}.stat-expiring .stat-number{color:#f59e0b}.stat-expired .stat-number{color:#ef4444}.stat-blacklist .stat-number{color:#dc2626}.stats-section{background:#fff;border-radius:12px;padding:25px;margin-bottom:30px;box-shadow:0 2px 8px #0000001a}.chart-container{margin-top:20px;min-height:250px}.bar-chart,.line-chart{display:flex;align-items:flex-end;justify-content:space-around;height:250px;gap:10px}.bar-item{display:flex;flex-direction:column;align-items:center;flex:1;max-width:80px}.bar{position:relative;width:100%;background:#3b82f6;border-radius:8px 8px 0 0;transition:all .3s ease;min-height:20px;display:flex;align-items:flex-start;justify-content:center;padding-top:5px}.bar:hover{opacity:.8}.bar-value{font-size:12px;font-weight:700;color:#fff}.bar-label{margin-top:8px;font-size:11px;color:#6b7280;text-align:center;word-break:break-word}.duration-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-top:20px}.duration-card{background:#f9fafb;border-radius:8px;padding:20px;text-align:center;border:1px solid #e5e7eb}.duration-card h3{font-size:14px;color:#6b7280;margin-bottom:10px}.duration-card .stat-number{font-size:28px;color:#3b82f6}.table-container{overflow-x:auto;margin-top:15px}.text-green{color:#10b981;font-weight:600}.text-red{color:#ef4444;font-weight:600}.loading{text-align:center;padding:50px;font-size:18px;color:#6b7280}.error{text-align:center;padding:30px;background:#fee2e2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;margin:20px}@media (max-width: 768px){.statistics-page{padding:15px}.stats-grid{grid-template-columns:repeat(2,1fr);gap:15px}.stat-card{padding:15px}.stat-card .stat-number{font-size:28px}.bar-chart,.line-chart{overflow-x:auto;justify-content:flex-start}.bar-item{max-width:50px;min-width:40px}.bar-label{font-size:9px}}.audit-log-page{padding:20px;max-width:1400px;margin:0 auto}.audit-log-page h1{margin-bottom:30px;color:#1f2937}.audit-filters{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px;background:#fff;padding:20px;border-radius:8px;margin-bottom:20px;box-shadow:0 2px 8px #0000001a}.filter-group label{display:block;font-size:14px;font-weight:500;color:#374151;margin-bottom:5px}.filter-group select,.filter-group input{width:100%;padding:8px;border:1px solid #d1d5db;border-radius:6px;font-size:14px}.audit-summary{display:flex;gap:30px;background:#f9fafb;padding:15px 20px;border-radius:8px;margin-bottom:20px}.audit-summary p{margin:0;color:#6b7280}.audit-summary strong{color:#1f2937}.audit-log-table{background:#fff;border-radius:8px;padding:20px;box-shadow:0 2px 8px #0000001a;overflow-x:auto}.action-badge{display:inline-block;padding:4px 10px;border-radius:12px;color:#fff;font-size:12px;font-weight:600;text-transform:uppercase}.entity-type{display:inline-flex;align-items:center;gap:5px;background:#f3f4f6;padding:4px 10px;border-radius:6px;font-size:13px}.user-info{display:flex;flex-direction:column}.username-small{font-size:12px;color:#6b7280}.time-cell{white-space:nowrap;font-size:13px}.details-cell details{cursor:pointer}.details-cell summary{color:#3b82f6;font-size:12px}.details-cell pre{background:#f9fafb;padding:10px;border-radius:4px;font-size:11px;overflow-x:auto;max-width:400px}.ip-cell{font-family:monospace;font-size:12px;color:#6b7280}.no-data{text-align:center;padding:40px;color:#9ca3af}.pagination{display:flex;justify-content:center;align-items:center;gap:20px;margin-top:20px;padding:15px;background:#fff;border-radius:8px}.pagination button{padding:8px 16px;background:#3b82f6;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px}.pagination button:disabled{background:#d1d5db;cursor:not-allowed}.pagination button:hover:not(:disabled){background:#2563eb}@media (max-width: 768px){.audit-log-page{padding:15px}.audit-filters{grid-template-columns:1fr}.audit-summary{flex-direction:column;gap:10px}.audit-log-table{padding:10px}.data-table{font-size:12px}.time-cell,.ip-cell{font-size:11px}}.app-header{background:var(--primary-gradient);color:#fff;padding:20px 40px;box-shadow:var(--shadow-lg);position:sticky;top:0;z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.header-content{display:flex;justify-content:space-between;align-items:center;max-width:1400px;margin:0 auto}.app-title{font-size:24px;font-weight:800;text-transform:uppercase;letter-spacing:1px;color:#000;text-shadow:none}.header-actions{display:flex;align-items:center;gap:20px}.user-info{font-size:14px;color:#fffffff2;font-weight:500;padding:8px 16px;background:#ffffff26;border-radius:var(--radius-md);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}@media (max-width: 768px){.app-header{padding:16px 20px}.app-title{font-size:18px}.user-info{display:none}.header-actions{gap:12px}.btn-logout{padding:8px 16px;font-size:12px}}.app-nav{background:#fff;padding:0 40px;display:flex;gap:8px;box-shadow:var(--shadow);overflow-x:auto;-webkit-overflow-scrolling:touch;border-bottom:2px solid var(--gray-200)}.nav-link{color:var(--gray-600);text-decoration:none;padding:18px 24px;font-size:14px;font-weight:600;transition:var(--transition);white-space:nowrap;flex-shrink:0;position:relative;text-transform:uppercase;letter-spacing:.5px}.nav-link:after{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;background:var(--primary-gradient);transform:scaleX(0);transition:transform .3s ease}.nav-link:hover{color:var(--primary-color);background:#667eea0d}.nav-link.active{color:var(--primary-color);background:#667eea1a}.nav-link.active:after,.nav-link:hover:after{transform:scaleX(1)}.app-main{max-width:1400px;margin:40px auto;padding:0 40px;min-height:calc(100vh - 200px)}.app-footer{background:#fff;padding:30px;text-align:center;color:var(--gray-600);margin-top:60px;border-top:2px solid var(--gray-200);font-weight:500}@media (max-width: 768px){.app-nav{padding:0 16px;gap:4px}.nav-link{padding:14px 16px;font-size:12px}.app-main{margin:20px auto;padding:0 20px;min-height:calc(100vh - 250px)}.app-footer{padding:20px;font-size:13px;margin-top:30px}}.rtl{direction:rtl}.rtl .app-nav,.rtl .header-actions{flex-direction:row-reverse}*{margin:0;padding:0;box-sizing:border-box}:root{--primary-gradient: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--primary-color: #667eea;--primary-dark: #5568d3;--primary-light: #8b9cf6;--secondary-gradient: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);--accent-gradient: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--success-color: #10b981;--success-light: #d1fae5;--success-dark: #065f46;--error-color: #ef4444;--error-light: #fee2e2;--error-dark: #991b1b;--warning-color: #f59e0b;--warning-light: #fef3c7;--warning-dark: #92400e;--info-color: #3b82f6;--info-light: #eff6ff;--info-dark: #1e40af;--gray-50: #f9fafb;--gray-100: #f3f4f6;--gray-200: #e5e7eb;--gray-300: #d1d5db;--gray-400: #9ca3af;--gray-500: #6b7280;--gray-600: #4b5563;--gray-700: #374151;--gray-800: #1f2937;--gray-900: #111827;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-md: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--shadow-xl: 0 25px 50px -12px rgba(0, 0, 0, .25);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--transition: all .3s cubic-bezier(.4, 0, .2, 1)}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f9fafb;line-height:1.6;color:var(--gray-900)}.app-layout.rtl{direction:rtl}.app-layout.ltr{direction:ltr}.btn-primary,.btn-secondary,.btn-danger,.btn-logout{padding:12px 24px;border:none;border-radius:var(--radius-md);cursor:pointer;font-size:14px;font-weight:600;transition:var(--transition);position:relative;overflow:hidden;text-transform:uppercase;letter-spacing:.5px;box-shadow:var(--shadow)}.btn-primary{background:var(--primary-gradient);color:#fff;border:2px solid transparent}.btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn-primary:active{transform:translateY(0)}.btn-primary:disabled{background:var(--gray-300);cursor:not-allowed;transform:none;box-shadow:none}.btn-secondary{background:#fff;color:var(--primary-color);border:2px solid var(--primary-color);box-shadow:none}.btn-secondary:hover{background:var(--primary-color);color:#fff;transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn-danger{background:linear-gradient(135deg,#ff6b6b,#ee5a6f);color:#fff}.btn-danger:hover{background:linear-gradient(135deg,#ee5a6f,#dc4e5e);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn-logout{background:var(--error-color);color:#fff}.btn-logout:hover{background:var(--error-dark);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn-small{padding:6px 12px;font-size:12px;margin:0 4px;border-radius:var(--radius-sm)}.btn-large{padding:16px 40px;font-size:16px;border-radius:var(--radius-lg)}.btn-icon{background:#fff;border:2px solid var(--gray-300);padding:10px 18px;border-radius:var(--radius-md);cursor:pointer;transition:var(--transition)}.btn-icon:hover{border-color:var(--primary-color);color:var(--primary-color);transform:translateY(-2px);box-shadow:var(--shadow-md)}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-weight:600;color:var(--gray-700);font-size:14px;text-transform:uppercase;letter-spacing:.5px}.form-group input,.form-group select,.form-group textarea{width:100%;padding:12px 16px;border:2px solid var(--gray-300);border-radius:var(--radius-md);font-size:14px;transition:var(--transition);background:#fff;color:var(--gray-900);font-family:inherit}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 4px #667eea1a;transform:translateY(-1px)}.form-group textarea{min-height:100px;resize:vertical}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.error-message,.success-message,.warning-message,.info-message{padding:16px 20px;border-radius:var(--radius-md);margin-bottom:20px;border-left:4px solid;font-weight:500;box-shadow:var(--shadow-sm);animation:slideInDown .3s ease}@keyframes slideInDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.error-message{background-color:var(--error-light);color:var(--error-dark);border-left-color:var(--error-color)}.success-message{background-color:var(--success-light);color:var(--success-dark);border-left-color:var(--success-color)}.warning-message{background-color:var(--warning-light);color:var(--warning-dark);border-left-color:var(--warning-color)}.info-message{background-color:var(--info-light);color:var(--info-dark);border-left-color:var(--info-color)}.table-container{overflow-x:auto;background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-md);border:1px solid var(--gray-200)}.data-table{width:100%;border-collapse:collapse}.data-table thead{background:var(--primary-gradient);color:#fff}.data-table th,.data-table td{padding:16px;text-align:left;border-bottom:1px solid var(--gray-200)}.data-table th{font-weight:700;text-transform:uppercase;letter-spacing:.5px;font-size:13px}.data-table tbody tr{transition:var(--transition)}.data-table tbody tr:hover{background:linear-gradient(90deg,rgba(102,126,234,.05) 0%,transparent 100%);transform:scale(1.01)}.data-table tbody tr:last-child td{border-bottom:none}.data-table .actions{white-space:nowrap}.rtl .data-table th,.rtl .data-table td{text-align:right}.loading{text-align:center;padding:60px;color:var(--gray-500);font-size:18px;font-weight:500}.loading:after{content:"";display:inline-block;width:40px;height:40px;margin-top:20px;border:4px solid var(--gray-300);border-top-color:var(--primary-color);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.no-data{text-align:center;padding:60px;color:var(--gray-400);background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);font-size:16px;font-weight:500}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;padding:24px;background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-md);border-left:4px solid var(--primary-color)}.page-header h1{font-size:32px;color:var(--gray-900);font-weight:700;background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@media (max-width: 768px){.page-header{flex-direction:column;gap:15px;align-items:flex-start}.form-row{grid-template-columns:1fr}.btn-large{width:100%}}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--gray-100)}::-webkit-scrollbar-thumb{background:var(--primary-gradient);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#5568d3,#6538a0)}:root{--safe-area-top: env(safe-area-inset-top);--safe-area-bottom: env(safe-area-inset-bottom);--safe-area-left: env(safe-area-inset-left);--safe-area-right: env(safe-area-inset-right);--header-height: 60px;--mobile-padding: 16px;--mobile-touch-target: 44px}*{-webkit-tap-highlight-color:rgba(0,0,0,.1);-webkit-touch-callout:none}body{overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;padding-top:var(--safe-area-top);padding-bottom:var(--safe-area-bottom)}.scrollable{-webkit-overflow-scrolling:touch;overflow-y:auto}button,.btn,.btn-primary,.btn-secondary,.btn-danger{min-height:var(--mobile-touch-target);min-width:var(--mobile-touch-target);padding:12px 20px;font-size:16px}input,select,textarea{font-size:16px!important;min-height:var(--mobile-touch-target)}@media (max-width: 768px){.page-header{flex-direction:column;align-items:stretch;gap:12px}.page-header h1{font-size:22px}.page-header .actions,.page-header .actions button{width:100%}.form-row{grid-template-columns:1fr!important;gap:12px}.form-group{margin-bottom:12px}.card,.table-container{padding:12px;margin:8px;border-radius:12px}nav{overflow-x:auto;-webkit-overflow-scrolling:touch}nav ul{display:flex;flex-wrap:nowrap;gap:8px;padding:8px}nav li{flex-shrink:0}.table-container{overflow-x:auto;-webkit-overflow-scrolling:touch}.data-table{min-width:600px}.data-table th,.data-table td{padding:10px 8px;font-size:14px}.data-table .actions{display:flex;flex-direction:column;gap:4px}.data-table .actions button{width:100%;padding:6px 10px;font-size:13px}}@media (max-width: 768px){.ocr-scanner{padding:12px}.ocr-upload-area{padding:20px 12px;min-height:150px}.ocr-upload-area input[type=file]{font-size:14px}.ocr-preview{max-width:100%;border-radius:8px}.ocr-preview img{width:100%;height:auto;border-radius:8px}.ocr-results{padding:12px;font-size:14px}.ocr-field{margin-bottom:10px}.ocr-field label{font-size:13px;font-weight:600}.ocr-field value{font-size:15px}.ocr-scanner-complete{display:flex;flex-direction:column;gap:16px}.ocr-side-upload{width:100%}.ocr-confidence{padding:8px 12px;border-radius:8px;font-size:14px;text-align:center}}@media (max-width: 768px){.mobile-bottom-nav{position:fixed;bottom:0;left:0;right:0;background:#fff;border-top:1px solid #e5e7eb;display:flex;justify-content:space-around;padding:8px 0;padding-bottom:calc(8px + var(--safe-area-bottom));box-shadow:0 -2px 10px #0000001a;z-index:1000}.mobile-bottom-nav button{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;background:transparent;border:none;padding:8px;color:#6b7280;font-size:11px}.mobile-bottom-nav button.active{color:#2563eb}.mobile-bottom-nav button:hover{background:#f3f4f6;border-radius:8px}.mobile-has-bottom-nav{padding-bottom:calc(70px + var(--safe-area-bottom))}}@media (max-width: 768px){.app-header{padding:12px var(--mobile-padding);padding-top:calc(12px + var(--safe-area-top));position:sticky;top:0;background:#fff;border-bottom:1px solid #e5e7eb;z-index:100;display:flex;justify-content:space-between;align-items:center}.app-header .logo{font-size:18px;font-weight:700}.app-header .user-menu{display:flex;align-items:center;gap:12px}.app-header .logout-btn{padding:8px 16px;font-size:14px}}@media (max-width: 768px){.filters-container{background:#fff;padding:12px;border-radius:12px;margin-bottom:16px}.search-box{width:100%;padding:12px;font-size:16px;border:1px solid #d1d5db;border-radius:8px;margin-bottom:12px}.filter-row{display:flex;flex-direction:column;gap:10px}.filter-row select,.filter-row input{width:100%}.filter-actions{display:flex;gap:8px;margin-top:12px}.filter-actions button{flex:1}}@media (max-width: 768px){.modal{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:9999;display:flex;align-items:flex-end;padding:0}.modal-content{background:#fff;width:100%;max-height:90vh;overflow-y:auto;border-radius:20px 20px 0 0;padding:20px;padding-bottom:calc(20px + var(--safe-area-bottom));animation:slideUp .3s ease-out}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid #e5e7eb}.modal-close{font-size:28px;color:#6b7280;background:transparent;border:none;cursor:pointer}}[dir=rtl] .form-group input,[dir=rtl] .form-group select,[dir=rtl] .form-group textarea,[dir=rtl] .data-table th,[dir=rtl] .data-table td{text-align:right}[dir=rtl] .mobile-bottom-nav{flex-direction:row-reverse}.skeleton{background:linear-gradient(90deg,#f3f4f6 25%,#e5e7eb,#f3f4f6 75%);background-size:200% 100%;animation:loading 1.5s ease-in-out infinite;border-radius:4px}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-text{height:16px;margin-bottom:8px}.skeleton-card{height:120px;margin-bottom:12px}.pull-to-refresh{text-align:center;padding:20px;color:#6b7280;font-size:14px}.offline-indicator{position:fixed;top:var(--safe-area-top);left:0;right:0;background:#f59e0b;color:#fff;text-align:center;padding:8px;font-size:14px;z-index:10000;animation:slideDown .3s ease-out}@keyframes slideDown{0%{transform:translateY(-100%)}to{transform:translateY(0)}}.toast{position:fixed;bottom:calc(70px + var(--safe-area-bottom));left:16px;right:16px;padding:16px;border-radius:12px;color:#fff;font-size:15px;z-index:9999;animation:fadeIn .3s ease-out;box-shadow:0 4px 12px #00000026}.toast.success{background:#10b981}.toast.error{background:#ef4444}.toast.warning{background:#f59e0b}.toast.info{background:#3b82f6}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-height: 500px) and (orientation: landscape){.app-header{padding:8px var(--mobile-padding)}.modal-content{max-height:95vh}.form-group{margin-bottom:8px}button,.btn{padding:8px 16px;min-height:36px}}.audit-log-cards.mobile-view,.residents-cards.mobile-view,.blacklist-cards.mobile-view,.stats-cards.mobile-view{display:none}.audit-log-table.desktop-view,.table-container.desktop-view{display:block}@media (min-width: 769px){.hamburger-btn,.mobile-nav,.mobile-nav-overlay{display:none!important}}@media (max-width: 768px){html,body{overflow-x:hidden;width:100%;max-width:100vw}*{max-width:100%;box-sizing:border-box}img{max-width:100%;height:auto}.data-table{min-width:100%;display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}.table-container{overflow-x:auto;-webkit-overflow-scrolling:touch;margin-left:-20px;margin-right:-20px;padding:0 20px}.statistics-page{padding:10px!important}.statistics-page h1{font-size:24px!important;margin-bottom:20px!important}.statistics-page h2{font-size:18px!important;margin:20px 0 12px!important}.stats-grid{grid-template-columns:1fr 1fr!important;gap:12px!important}.stat-card{padding:16px!important}.stat-card h3{font-size:11px!important}.stat-card .stat-number{font-size:24px!important}.stats-section{padding:16px!important;margin-bottom:20px!important}.bar-chart,.line-chart{height:200px!important;overflow-x:auto;-webkit-overflow-scrolling:touch}.bar-item{min-width:50px!important}.duration-stats{grid-template-columns:1fr!important;gap:12px!important}.audit-log-page{padding:10px!important}.audit-log-page h1{font-size:22px!important;margin-bottom:20px!important}.audit-filters{grid-template-columns:1fr!important;padding:16px!important;gap:12px!important}.filter-group{margin-bottom:0!important}.filter-group label{font-size:13px!important}.filter-group select,.filter-group input{padding:10px!important;font-size:14px!important}.audit-summary{flex-direction:column!important;gap:8px!important;padding:12px 16px!important}.audit-summary p{font-size:13px!important}.audit-log-table.desktop-view,.table-container.desktop-view{display:none!important}.audit-log-cards.mobile-view,.residents-cards.mobile-view,.blacklist-cards.mobile-view{display:block!important}.audit-log-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:16px;margin-bottom:12px;box-shadow:0 1px 3px #0000001a}.audit-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid #f3f4f6}.audit-card-user{display:flex;flex-direction:column;gap:4px}.audit-card-user strong{font-size:15px;color:#111827}.audit-card-user .username-small{font-size:12px;color:#6b7280}.audit-card-info{display:flex;flex-direction:column;gap:10px;margin-bottom:12px}.audit-card-row{display:flex;justify-content:space-between;align-items:center;font-size:13px;gap:12px}.audit-label{font-weight:600;color:#6b7280;min-width:60px}.audit-card-row .entity-type{background:#f3f4f6;padding:4px 10px;border-radius:6px;font-size:12px}.audit-card-details{margin-top:12px;padding-top:12px;border-top:1px solid #f3f4f6}.audit-card-details details{font-size:12px}.audit-card-details summary{cursor:pointer;color:#3b82f6;font-weight:500;padding:8px;background:#eff6ff;border-radius:6px;-webkit-user-select:none;user-select:none}.audit-card-details pre{background:#f9fafb;padding:12px;border-radius:6px;overflow-x:auto;margin-top:8px;font-size:11px;line-height:1.5;white-space:pre-wrap;word-wrap:break-word}.action-badge{padding:4px 10px!important;font-size:11px!important;border-radius:6px;font-weight:600;color:#fff}.pagination{flex-wrap:wrap;gap:10px!important;padding:12px!important}.pagination button{padding:10px 16px!important;font-size:13px!important}.pagination span{font-size:13px!important;width:100%;text-align:center}.stats-cards.mobile-view{display:block!important}.stat-detail-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:16px;margin-bottom:12px;box-shadow:0 1px 3px #0000001a}.stat-detail-card h3{font-size:16px!important;margin:0 0 12px!important;padding-bottom:12px;border-bottom:2px solid #f3f4f6;color:#111827}.stat-detail-grid{display:flex;flex-direction:column;gap:10px}.stat-detail-item{display:flex;justify-content:space-between;align-items:center;padding:8px 0}.stat-detail-label{font-size:13px;color:#6b7280;font-weight:600}.stat-detail-value{font-size:14px;color:#111827;font-weight:600}.stat-detail-value.stat-active{color:#10b981}.stat-detail-value.stat-expired{color:#ef4444}.stat-detail-value.stat-primary{color:#3b82f6;font-size:16px}.resident-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:16px;margin-bottom:12px;box-shadow:0 1px 3px #0000001a}.resident-card-header{margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid #f3f4f6}.resident-card-name h3{font-size:16px!important;color:#111827;margin:0 0 4px!important}.resident-id{font-size:12px;color:#6b7280;font-weight:500}.resident-card-info{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.resident-card-row{display:flex;justify-content:space-between;align-items:center;font-size:13px;gap:8px}.resident-label{font-weight:600;color:#6b7280;min-width:90px;font-size:12px}.resident-value{color:#111827;text-align:right;font-weight:500}.resident-card-actions{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;margin-top:12px;padding-top:12px;border-top:1px solid #f3f4f6}.resident-card-actions .btn-card{padding:10px 8px!important;font-size:12px!important;border-radius:8px;border:none;font-weight:600;cursor:pointer;transition:all .2s}.btn-card.btn-secondary{background:#6b7280;color:#fff}.btn-card.btn-primary{background:#3b82f6;color:#fff}.btn-card.btn-danger{background:#ef4444;color:#fff}.blacklist-card{background:#fff;border:1px solid #fee2e2;border-left:4px solid #dc2626;border-radius:12px;padding:16px;margin-bottom:12px;box-shadow:0 1px 3px #0000001a}.blacklist-card-header{display:flex;align-items:flex-start;gap:12px;margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid #f3f4f6}.blacklist-card-icon{font-size:32px;line-height:1}.blacklist-card-name h3{font-size:16px!important;color:#111827;margin:0 0 4px!important}.blacklist-id{font-size:12px;color:#6b7280;font-weight:500}.blacklist-card-info{display:flex;flex-direction:column;gap:10px;margin-bottom:12px}.blacklist-card-row{display:flex;flex-direction:column;gap:4px;font-size:13px}.blacklist-label{font-weight:600;color:#6b7280;font-size:11px;text-transform:uppercase;letter-spacing:.5px}.blacklist-reason{color:#dc2626;font-weight:500;background:#fee2e2;padding:8px;border-radius:6px;font-size:12px;line-height:1.5}.blacklist-value{color:#111827;font-weight:500}.blacklist-card-actions{margin-top:12px;padding-top:12px;border-top:1px solid #f3f4f6}.blacklist-card-actions .btn-card{width:100%!important;padding:12px!important;font-size:13px!important;border-radius:8px;border:none;font-weight:600;cursor:pointer}.blacklist-card-actions .btn-card.btn-danger{background:#dc2626;color:#fff}.admin-page-container{padding:0!important}.admin-page-header{padding:20px 16px!important}.admin-page-header h1{font-size:20px!important}.admin-page-header p{font-size:12px!important}.admin-page-content{padding:20px 16px!important}.admin-grid{grid-template-columns:1fr!important;gap:16px!important}.admin-card-item{padding:16px!important}.admin-card-avatar{width:48px!important;height:48px!important;font-size:20px!important}.admin-card-info h3{font-size:16px!important}.admin-card-info p,.admin-card-detail-item{font-size:12px!important}.admin-card-actions{flex-direction:column!important;gap:8px!important}.admin-card-actions button{width:100%!important;padding:12px!important;font-size:12px!important}.admin-modal-overlay{padding:0!important;align-items:flex-end!important}.admin-modal{max-height:90vh!important;border-radius:20px 20px 0 0!important;margin:0!important}.admin-modal-large{max-width:100%!important}.admin-modal-header{padding:20px 16px!important}.admin-modal-header h2{font-size:18px!important}.admin-modal-content{padding:20px 16px!important}.admin-modal-actions{flex-direction:column!important;gap:10px!important}.admin-modal-actions button{width:100%!important;padding:14px!important}.permissions-grid{grid-template-columns:1fr!important;gap:12px!important}.permission-category{padding:12px!important}.permission-category h4,.permission-checkbox{font-size:12px!important}.dashboard-header{padding:20px 16px!important;margin-bottom:20px!important}.dashboard-header h1{font-size:24px!important}.dashboard-header p{font-size:14px!important}.stats-grid{grid-template-columns:1fr!important;gap:12px!important}.stat-card{padding:20px!important}.stat-card h3{font-size:12px!important}.stat-number{font-size:36px!important}.quick-actions{padding:20px 16px!important;margin-bottom:20px!important}.quick-actions h2{font-size:18px!important;margin-bottom:16px!important}.action-buttons{grid-template-columns:1fr!important;gap:12px!important}.action-buttons a{padding:16px!important;font-size:14px!important}.recent-residents{padding:20px 16px!important}.recent-residents h2{font-size:18px!important;margin-bottom:16px!important}.residents-list-page,.add-resident-page,.blacklist-page,.reports-page{padding:10px!important}.page-header{flex-direction:column!important;gap:12px!important;margin-bottom:20px!important}.page-header h1{font-size:22px!important}.page-header button,.page-header .btn-primary{width:100%!important}.filters-section{padding:16px!important;margin-bottom:16px!important}.filters-row{grid-template-columns:1fr!important;gap:12px!important}.filter-input,.filter-select{width:100%!important}.form-container{padding:16px!important}.form-section{padding:16px!important;margin-bottom:16px!important}.form-section h3{font-size:16px!important}.form-row{grid-template-columns:1fr!important;gap:12px!important}.form-group{margin-bottom:16px!important}.form-group label{font-size:13px!important;margin-bottom:6px!important}.form-group input,.form-group select,.form-group textarea{padding:12px!important;font-size:16px!important}.form-actions{flex-direction:column-reverse!important;gap:10px!important}.form-actions button{width:100%!important;padding:14px!important}button,.btn,.btn-primary,.btn-secondary,.btn-danger,a.btn{min-height:44px!important;padding:12px 20px!important;font-size:14px!important}.data-table button,.data-table .btn{min-height:36px!important;padding:8px 12px!important;font-size:12px!important}.btn-icon{min-width:44px!important;min-height:44px!important;padding:10px!important}.desktop-nav{display:none!important}.hamburger-btn{display:flex!important;align-items:center!important;justify-content:center!important;width:44px!important;height:44px!important;min-width:44px!important;max-height:44px!important;padding:8px!important;background:#fffffff2!important;border:2px solid rgba(255,255,255,.3)!important;border-radius:8px!important;cursor:pointer!important;position:relative!important;z-index:101!important;box-shadow:0 2px 8px #00000026!important}.hamburger-btn:hover{background:#fff!important;box-shadow:0 4px 12px #0003!important}.hamburger-btn:active{background:#f0f0f0!important;transform:scale(.95)!important}.hamburger{width:24px!important;height:20px!important;position:relative!important;display:flex!important;flex-direction:column!important;justify-content:space-between!important}.hamburger span{display:block!important;height:3px!important;width:100%!important;background:#374151!important;border-radius:3px!important;transition:all .3s ease!important;opacity:1!important;visibility:visible!important}.hamburger.open span:nth-child(1){transform:translateY(8.5px) rotate(45deg)}.hamburger.open span:nth-child(2){opacity:0}.hamburger.open span:nth-child(3){transform:translateY(-8.5px) rotate(-45deg)}.app-header{padding:12px 16px!important;position:sticky!important;top:0!important;z-index:100!important;overflow:visible!important}.header-content{display:flex!important;justify-content:space-between!important;align-items:center!important;gap:12px!important;height:44px!important}.hamburger-btn{order:1!important;flex-shrink:0!important;margin-right:8px!important}.app-title{order:2!important;font-size:13px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;text-align:left!important;flex:1!important;min-width:0!important;margin:0!important}.header-actions{order:3!important;display:flex!important;gap:6px!important;flex-shrink:0!important;margin-left:8px!important}.user-info{display:none!important}.btn-icon{padding:8px 12px!important;font-size:12px!important;min-width:auto!important}.btn-logout{padding:8px 12px!important;font-size:11px!important;white-space:nowrap}body:has(.mobile-nav.open){overflow:hidden!important}.app-layout{position:relative!important;overflow-x:hidden!important}.app-main{position:relative!important;width:100%!important}.mobile-nav-overlay{position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:0!important;background:#00000080!important;z-index:1998!important;opacity:0!important;visibility:hidden!important;transition:all .3s ease!important;pointer-events:none!important}.mobile-nav-overlay.open{opacity:1!important;visibility:visible!important;pointer-events:all!important}.mobile-nav{position:fixed!important;top:0!important;left:0!important;bottom:0!important;width:280px!important;max-width:80vw!important;background:#fff!important;z-index:1999!important;transform:translate(-100%)!important;transition:transform .3s ease!important;overflow-y:auto!important;overflow-x:hidden!important;box-shadow:2px 0 8px #00000026!important;-webkit-overflow-scrolling:touch!important}.mobile-nav.open{transform:translate(0)!important}.mobile-nav-header{display:flex;align-items:center;justify-content:space-between;padding:20px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.mobile-nav-header h2{font-size:20px!important;margin:0!important}.close-btn{width:36px;height:36px;border:none;background:#fff3;color:#fff;font-size:24px;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s}.close-btn:active{background:#ffffff4d}.mobile-nav-content{padding:8px 0}.mobile-nav-link{display:flex;align-items:center;gap:16px;padding:16px 20px;color:#374151;text-decoration:none;font-size:15px;font-weight:500;border-left:4px solid transparent;transition:all .2s}.mobile-nav-link:active{background:#f3f4f6}.mobile-nav-link.active{background:#eff6ff;border-left-color:#3b82f6;color:#3b82f6}.nav-icon{font-size:20px;width:24px;text-align:center}[dir=rtl] .mobile-nav,.rtl .mobile-nav{left:auto!important;right:0!important;transform:translate(100%)!important}[dir=rtl] .mobile-nav.open,.rtl .mobile-nav.open{transform:translate(0)!important}[dir=rtl] .mobile-nav-link,.rtl .mobile-nav-link{border-left:none!important;border-right:4px solid transparent!important}[dir=rtl] .mobile-nav-link.active,.rtl .mobile-nav-link.active{border-right-color:#3b82f6!important}[dir=rtl] .header-content,.rtl .header-content{flex-direction:row-reverse!important}[dir=rtl] .app-title,.rtl .app-title{text-align:right!important}[dir=rtl] .hamburger-btn,.rtl .hamburger-btn{margin-right:0!important;margin-left:8px!important}[dir=rtl] .header-actions,.rtl .header-actions{margin-left:0!important;margin-right:8px!important}.modal-overlay{padding:0!important}.modal-content{width:100%!important;max-width:100%!important;border-radius:20px 20px 0 0!important;max-height:85vh!important}.modal-header{padding:16px!important}.modal-header h2{font-size:18px!important}.modal-body{padding:16px!important}.modal-footer{padding:16px!important;flex-direction:column-reverse!important;gap:10px!important}.modal-footer button{width:100%!important}.status-badge{font-size:11px!important;padding:4px 10px!important}.card{padding:16px!important;margin:0 0 16px!important;border-radius:12px!important}.section{padding:16px!important;margin-bottom:16px!important}h1{font-size:24px!important}h2{font-size:20px!important}h3{font-size:18px!important}h4{font-size:16px!important}p,li,td,th{font-size:14px!important}small,.text-small{font-size:12px!important}.loading{padding:40px 20px!important;font-size:14px!important}.empty-state{padding:40px 20px!important}.empty-state svg{width:80px!important;height:80px!important}.empty-state p{font-size:14px!important}.app-footer{padding:20px 16px!important;font-size:12px!important;margin-top:40px!important}.hide-mobile{display:none!important}.show-mobile{display:block!important}.full-width-mobile{width:100%!important}.no-padding-mobile{padding:0!important}.app-main{padding-bottom:calc(40px + env(safe-area-inset-bottom))!important}.app-footer{padding-bottom:calc(20px + env(safe-area-inset-bottom))!important}@media (max-height: 500px) and (orientation: landscape){.app-header{position:static!important}.modal-content{max-height:95vh!important}.stat-card,.admin-card-item{padding:12px!important}.stat-number{font-size:28px!important}button{min-height:36px!important;padding:8px 16px!important}}@media print{.app-header,.app-nav,.app-footer,.admin-page-header .btn-add,.admin-card-actions,.filters-section,button{display:none!important}body{padding:0!important}.data-table{min-width:auto!important}}}@media (max-width: 374px){.stats-grid{grid-template-columns:1fr!important}.stat-card .stat-number{font-size:32px!important}.admin-card-avatar{width:40px!important;height:40px!important;font-size:18px!important}.app-title{font-size:14px!important}.nav-link{padding:12px 10px!important;font-size:10px!important}}[dir=rtl] .app-nav{direction:rtl}[dir=rtl] .nav-link{text-align:right}[dir=rtl] .admin-card-header,[dir=rtl] .admin-card-detail-item{flex-direction:row-reverse!important}[dir=rtl] .form-group label{text-align:right}[dir=rtl] .modal-footer{flex-direction:column!important}