:root{--primary:#2563eb;--dark:#0f172a;--muted:#64748b;--soft:#f1f5f9;--border:#e2e8f0;--green:#16a34a;--orange:#f59e0b;--red:#dc2626}.app-shell{display:flex;min-height:100vh;background:linear-gradient(135deg,#f8fafc,#eef2ff)}.sidebar{width:280px;background:#0b1220;color:#cbd5e1;position:fixed;left:0;top:0;bottom:0;overflow-y:auto;padding:18px;z-index:1000}.brand{display:flex;align-items:center;gap:12px;color:white;margin-bottom:22px}.brand-icon{width:42px;height:42px;border-radius:16px;background:linear-gradient(135deg,#2563eb,#22c55e);display:grid;place-items:center}.brand small{display:block;color:#94a3b8}.menu-title{font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:#64748b;margin:18px 0 8px}.menu-link{display:flex;align-items:center;gap:11px;color:#cbd5e1;text-decoration:none;padding:10px 12px;border-radius:12px;margin-bottom:4px;font-weight:500}.menu-link:hover,.menu-link.active{background:#1e293b;color:#fff}.main-content{margin-left:280px;width:calc(100% - 280px)}.topbar{height:68px;background:rgba(255,255,255,.86);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);padding:0 24px;position:sticky;top:0;z-index:900}.topbar-profile{display:flex;align-items:center;gap:8px;text-decoration:none}.topbar-profile:hover{text-decoration:none}.user-avatar,img.user-avatar{width:38px!important;height:38px!important;max-width:38px!important;max-height:38px!important;border-radius:50%!important;object-fit:cover!important;object-position:center top!important;border:2px solid #fff;box-shadow:0 2px 8px rgba(15,23,42,.18);display:inline-grid;place-items:center;flex:0 0 38px}.user-avatar-lg,img.user-avatar-lg{width:58px!important;height:58px!important;max-width:58px!important;max-height:58px!important;flex-basis:58px}.user-avatar-fallback{background:#dbeafe;color:#2563eb;font-size:20px}.profile-photo-preview,img.profile-photo-preview{display:block;width:220px!important;height:260px!important;max-width:100%!important;max-height:260px!important;margin-left:auto;margin-right:auto;border-radius:18px;object-fit:contain!important;object-position:center!important;background:#f8fafc;border:5px solid #fff;box-shadow:0 10px 30px rgba(15,23,42,.16)}.profile-photo-placeholder{width:220px;height:260px;border-radius:18px;display:grid;place-items:center;background:#dbeafe;color:#2563eb;font-size:80px;border:5px solid #fff;box-shadow:0 10px 30px rgba(15,23,42,.16)}.content-wrap{padding:24px}.stat-card{border:0;border-radius:22px;box-shadow:0 12px 30px rgba(15,23,42,.08);overflow:hidden}.stat-icon{width:48px;height:48px;border-radius:16px;display:grid;place-items:center;background:#eff6ff;color:var(--primary);font-size:24px}.card{border:1px solid var(--border);border-radius:20px;box-shadow:0 10px 24px rgba(15,23,42,.05)}.table thead th{background:#f8fafc;color:#334155;font-size:13px;text-transform:uppercase}.btn{border-radius:10px}.form-control,.form-select{border-radius:12px}.login-page{min-height:100vh;background:radial-gradient(circle at top left,#dbeafe,transparent 38%),linear-gradient(135deg,#0f172a,#1e3a8a);display:grid;place-items:center;padding:20px}.login-card{width:min(980px,100%);background:#fff;border-radius:30px;overflow:hidden;box-shadow:0 30px 80px rgba(2,6,23,.35)}.login-hero{background:linear-gradient(135deg,#2563eb,#16a34a);color:white;padding:48px}.map-box{height:650px;border-radius:20px;overflow:hidden;border:1px solid var(--border)}.map-legend{display:flex;flex-wrap:wrap;gap:16px;color:#475569;font-size:14px}.map-legend span{display:flex;align-items:center;gap:6px}.legend-dot{width:11px;height:11px;border-radius:50%;display:inline-block;box-shadow:0 0 0 3px rgba(15,23,42,.08)}.legend-dot.completed{background:#16a34a}.legend-dot.in-progress{background:#f59e0b}.legend-dot.remaining{background:#dc2626}.village-pin-wrapper{background:transparent!important;border:0!important}.village-pin{width:34px;height:34px;display:grid;place-items:center;color:var(--pin-color);font-size:34px;line-height:1;filter:drop-shadow(0 3px 3px rgba(15,23,42,.35))}.village-pin i{display:block}.village-name-label{border:1px solid #cbd5e1!important;border-radius:8px!important;background:rgba(255,255,255,.94)!important;color:#0f172a!important;font-size:12px!important;font-weight:700!important;padding:4px 8px!important;box-shadow:0 3px 10px rgba(15,23,42,.18)!important;white-space:nowrap}.village-name-label:before{display:none!important}.village-name-label.status-completed{border-left:4px solid #16a34a!important}.village-name-label.status-in_progress{border-left:4px solid #f59e0b!important}.village-name-label.status-remaining{border-left:4px solid #dc2626!important}.map-popup{min-width:220px;line-height:1.65;color:#334155}.map-popup-title{font-size:16px;font-weight:800;color:#0f172a;border-bottom:1px solid #e2e8f0;margin-bottom:6px;padding-bottom:5px}.badge-status{font-size:12px}.print-only{display:none}@media(max-width:991px){.sidebar{transform:translateX(-100%);transition:.25s}.sidebar.show{transform:translateX(0)}.main-content{margin-left:0;width:100%}.content-wrap{padding:16px}}@media print{.sidebar,.topbar,.no-print,.dataTables_filter,.dataTables_length,.dataTables_paginate,.dataTables_info{display:none!important}.main-content{margin:0;width:100%}.content-wrap{padding:0}.card{box-shadow:none;border:0}.print-only{display:block}}