*{box-sizing:border-box}body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;background:#F5F8FF;color:#17231f}a{text-decoration:none;color:inherit}.layout{display:flex;min-height:100vh}.sidebar{width:255px;background:linear-gradient(180deg,#0647C8,#004BBE);color:#fff;padding:20px 14px;position:fixed;inset:0 auto 0 0;overflow:auto}.brand{display:flex;gap:10px;align-items:center;padding:6px 10px 20px;border-bottom:1px solid #ffffff24}.brand .logo{font-size:34px}.brand b{font-size:16px}.brand small{opacity:.7}.nav{margin-top:18px}.nav a,.nav button{display:block;width:100%;padding:12px 14px;border:0;background:transparent;color:#DCE8FF;border-radius:10px;text-align:left;margin:4px 0;font-size:14px;cursor:pointer}.nav a:hover,.nav a.active,.nav button:hover{background:#ffffff14;color:#fff}.nav .sub{padding-left:34px;font-size:13px}.content{margin-left:255px;width:calc(100% - 255px);padding:22px 28px}.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.topbar h1{margin:0;font-size:28px}.muted{color:#667085}.grid{display:grid;gap:16px}.g5{grid-template-columns:repeat(5,minmax(0,1fr))}.g4{grid-template-columns:repeat(4,minmax(0,1fr))}.g3{grid-template-columns:repeat(3,minmax(0,1fr))}.g2{grid-template-columns:repeat(2,minmax(0,1fr))}.card{background:#fff;border:1px solid #E5EAF2;border-radius:16px;padding:18px;box-shadow:0 4px 18px #12244A08}.stat{min-height:130px}.stat .num{font-size:30px;font-weight:800;margin:8px 0}.stat .label{font-weight:700}.icon{font-size:25px}.btn{border:0;border-radius:9px;padding:10px 14px;cursor:pointer;font-weight:700;display:inline-block}.primary{background:#0B5ED7;color:#fff}.blue{background:#1674d1;color:#fff}.purple{background:#6941c6;color:#fff}.orange{background:#f59e0b;color:#fff}.light{background:#EAF2FF;color:#004BBE}.danger{background:#fee2e2;color:#991b1b}.btn.full{width:100%}.toolbar{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-bottom:16px}.toolbar input,.toolbar select,.form input,.form select,.form textarea,.login-card input{width:100%;padding:11px 12px;border:1px solid #D7E1EE;border-radius:9px;background:#fff}.toolbar .search{min-width:240px;flex:1}.form{display:grid;gap:14px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.form label{font-weight:700;font-size:13px}.form-group{display:grid;gap:7px}.table-wrap{overflow:auto}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:11px 10px;border-bottom:1px solid #EDF1F6;text-align:left;white-space:nowrap;font-size:13px}.table th{background:#f8faf9;color:#56667F}.badge{display:inline-flex;padding:5px 8px;border-radius:999px;font-size:11px;font-weight:800}.green{background:#dcfce7;color:#166534}.bblue{background:#dbeafe;color:#1d4ed8}.bpurple{background:#ede9fe;color:#6d28d9}.borange{background:#ffedd5;color:#c2410c}.bred{background:#fee2e2;color:#b91c1c}.actions{display:flex;gap:6px}.actions a,.actions button{padding:7px 9px;border-radius:8px;border:1px solid #DBE3EF;background:#fff;cursor:pointer}.section-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.section-title h2{font-size:17px;margin:0}.alert{padding:12px 14px;border-radius:10px;margin-bottom:15px}.success{background:#dcfce7;color:#166534}.warning{background:#fef3c7;color:#92400e}.danger{background:#fee2e2;color:#991b1b}.profile{display:grid;grid-template-columns:180px 1fr;gap:20px}.avatar{width:130px;height:130px;border-radius:18px;background:#E8F1FF;display:grid;place-items:center;font-size:52px}.kv{display:grid;grid-template-columns:180px 1fr;gap:9px;font-size:14px}.kv b{color:#64738B}.progress{height:10px;background:#E8EEF6;border-radius:999px;overflow:hidden}.progress>span{display:block;height:100%;background:#1565D8}.login-page{min-height:100vh;display:grid;place-items:center;background:linear-gradient(135deg,#0647C8,#EAF2FF)}.login-card{width:min(410px,92vw);background:#fff;border-radius:20px;padding:32px;box-shadow:0 20px 60px #001c1640}.login-card h1{margin:6px 0}.login-card p{text-align:center;color:#667085}.brand-mark{text-align:center;font-size:52px}.login-card form{display:grid;gap:8px}.login-card label{font-weight:700;margin-top:8px}.login-card small{display:block;text-align:center;margin-top:20px;color:#7A879D}.map-box{padding:20px;background:linear-gradient(135deg,#EEF5FF,#eef5ff);border-radius:14px}.region{display:grid;grid-template-columns:1fr 1fr;gap:16px}.region-card{padding:16px;border-radius:14px;background:#fff;border:1px solid #E2E8F0}.region-card h3{margin:0 0 8px}.quick{display:grid;gap:9px}.quick .btn{text-align:left}.empty{padding:30px;text-align:center;color:#71809A}.mobile-nav{display:none}@media(max-width:1100px){.g4{grid-template-columns:repeat(2,1fr)}.g3{grid-template-columns:1fr 1fr}.sidebar{width:220px}.content{margin-left:220px;width:calc(100% - 220px)}}@media(max-width:760px){.sidebar{display:none}.content{margin-left:0;width:100%;padding:16px}.g4,.g3,.g2,.form-grid,.profile,.region{grid-template-columns:1fr}.topbar{gap:10px}.topbar h1{font-size:22px}.mobile-nav{display:block}.mobile-nav select{padding:10px;border-radius:9px;border:1px solid #ddd}.kv{grid-template-columns:1fr}.table th,.table td{font-size:12px}}

.sidebar-user{margin-top:25px;padding:12px;border-radius:12px;background:#ffffff10;font-size:13px}.sidebar-user small{display:block;opacity:.7;margin-top:4px}
.top-actions{display:flex;align-items:center;gap:12px}.top-right{display:flex;align-items:center;gap:12px}.global-search{display:flex;gap:0}.global-search input{width:260px;padding:10px 12px;border:1px solid #D7E1EE;border-radius:10px 0 0 10px;background:#fff}.global-search button{border:1px solid #D7E1EE;border-left:0;border-radius:0 10px 10px 0;background:#EAF2FF;cursor:pointer}.user-chip{white-space:nowrap}.back-btn{padding:9px 12px;border:1px solid #D9E5F5;border-radius:9px;background:#fff;color:#004BBE;font-weight:700}.big-search{display:flex;gap:8px}.big-search input{flex:1;padding:14px;border:1px solid #D7E1EE;border-radius:10px;font-size:16px}.total-row td{background:#EFF6FF}.mobile-bar{display:none}
@media(max-width:760px){
 .topbar{display:block}.top-right{margin-top:10px}.global-search{width:100%}.global-search input{width:100%}.user-chip{display:none}.top-actions{align-items:flex-start}.back-btn{font-size:12px}.content{padding-bottom:85px}.mobile-bar{display:flex;position:fixed;z-index:1000;left:10px;right:10px;bottom:10px;background:#004BBE;color:#fff;border-radius:16px;padding:8px;justify-content:space-around;box-shadow:0 10px 30px #0003}.mobile-bar a{display:flex;flex-direction:column;align-items:center;gap:2px;padding:5px 15px;font-size:18px}.mobile-bar span{font-size:10px}.big-search{flex-direction:column}
}

.btn.danger{background:#fff0f0;color:#c62828;border:1px solid #f1bcbc}.btn.danger:hover{background:#ffe2e2}

.detail-hero{display:grid;grid-template-columns:96px 1fr auto;gap:20px;align-items:center;background:linear-gradient(135deg,#ffffff,#F4F8FF);border:1px solid #dbe8e2}.detail-icon{width:96px;height:96px;border-radius:20px;display:flex;align-items:center;justify-content:center;font-size:46px;background:#DBEAFE}.detail-icon.mub{background:#e7f0ff}.eyebrow{font-size:11px;font-weight:800;letter-spacing:.8px;color:#0B5ED7}.detail-title h2{font-size:28px;margin:5px 0}.detail-meta{color:#69768D}.detail-actions{display:flex;gap:8px;flex-wrap:wrap}.detail-table-card{margin-top:16px}.data-table{border:1px solid #e0e7e3;border-radius:12px;overflow:hidden}.data-row{display:grid;grid-template-columns:240px 1fr;gap:20px;padding:13px 16px;border-bottom:1px solid #e8ecea;line-height:1.5}.data-row:last-child{border-bottom:0}.data-row>div:first-child{font-weight:700;color:#5d6a65}.detail-grid{margin-top:16px}.detail-footer-actions{margin-top:16px;display:flex;justify-content:flex-end;gap:8px}
@media(max-width:760px){.detail-hero{grid-template-columns:70px 1fr}.detail-icon{width:70px;height:70px;font-size:34px}.detail-title h2{font-size:21px}.detail-actions{grid-column:1/-1}.data-row{grid-template-columns:1fr;gap:4px}.detail-grid{grid-template-columns:1fr!important}}

.detail-hero{grid-template-columns:100px 1fr auto}.detail-photo{width:100px;height:100px;border-radius:20px;overflow:hidden;background:#DBEAFE;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 24px rgba(8,122,89,.10)}.detail-photo img{width:100%;height:100%;object-fit:cover}.detail-photo .photo-placeholder{font-size:46px}.mub-photo{background:#e7f0ff}.photo-upload .photo-picker{width:82px;height:82px;border-radius:14px;overflow:hidden;background:#EAF2FF;display:flex;align-items:center;justify-content:center;margin-bottom:8px}.photo-upload .photo-preview{width:100%;height:100%;object-fit:cover}.photo-upload .photo-placeholder{font-size:34px}.photo-upload small{display:block;color:#75817c;margin-top:5px}
@media(max-width:760px){.detail-hero{grid-template-columns:78px 1fr}.detail-photo{width:78px;height:78px}}

.report-head{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:16px}.report-head h2{margin:4px 0}.report-actions{display:flex;gap:8px}.report-tabs{display:flex;gap:4px;border-bottom:1px solid #DCE7F5;margin-bottom:14px}.report-tabs a{padding:12px 16px;border-radius:10px 10px 0 0;color:#58706a;font-weight:700}.report-tabs a.active{background:#EAF2FF;color:#004BBE}.report-region{margin-bottom:12px}.report-filter{margin-bottom:16px}.report-filter-form{display:flex;gap:8px;flex-wrap:wrap}.report-filter-form select{min-width:180px}.report-stats{margin-bottom:16px}.report-card{margin-top:16px}.report-mub-cards{margin-bottom:16px}
.mubaligh-compact-stats,.mubaligh-compact-cards{gap:12px}
.mubaligh-compact-stats .stat,.mubaligh-compact-cards .stat{min-height:96px;padding:14px}
.mubaligh-compact-stats .stat .num,.mubaligh-compact-cards .stat .num{font-size:26px;margin:5px 0}
.mubaligh-compact-stats .stat .label,.mubaligh-compact-cards .stat .label{font-size:13px}
@media(max-width:1100px){
  .mubaligh-compact-stats{grid-template-columns:repeat(3,minmax(0,1fr))}
  .mubaligh-compact-cards{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:760px){
  .mubaligh-compact-stats,.mubaligh-compact-cards{grid-template-columns:1fr 1fr}
}

.generus-status-stats{gap:12px}
.generus-status-stats .stat{min-height:96px;padding:14px}
.generus-status-stats .stat .num{font-size:26px;margin:5px 0}
.generus-status-stats .stat .label{font-size:13px}
@media(max-width:900px){.generus-status-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.generus-status-stats{grid-template-columns:1fr 1fr}}
.report-print-footer{display:none}
@media(max-width:760px){.report-head{display:block}.report-actions{margin-top:10px}.report-tabs{overflow:auto;white-space:nowrap}.report-tabs a{font-size:13px;padding:10px 12px}.report-filter-form{display:grid;grid-template-columns:1fr}.report-filter-form select{width:100%}.report-region{overflow:auto;flex-wrap:nowrap;white-space:nowrap}.report-region .btn{flex:0 0 auto}.report-table{min-width:900px}}
@media print{body{background:#fff}.sidebar,.topbar,.mobile-bar,.toolbar,.report-head,.report-tabs,.report-filter,.report-actions{display:none!important}.content{padding:0}.report-print-footer{display:block;margin-top:18px;border-top:1px solid #bbb;padding-top:8px;font-size:10px}}

/* V8 — Dashboard profesional & Monitoring MT */
.dash-welcome,.monitor-head{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:14px}.dash-welcome h2,.monitor-head h2{margin:4px 0;font-size:26px}.dash-date{font-size:12px;color:#6c7974;background:#f2f7f5;padding:9px 12px;border-radius:10px}.dash-search{margin-bottom:16px}.dash-search form{display:flex;gap:8px}.dash-search input{flex:1;border:1px solid #D8E3F2;border-radius:12px;padding:13px 15px;background:#fff;font-size:14px}.dash-search button{border:0;border-radius:12px;padding:0 18px;background:#0B5ED7;color:#fff;font-weight:700}.dash-main{border-top:3px solid #0B5ED7}.dash-quick{display:flex;gap:9px;flex-wrap:wrap}.health-score{display:flex;align-items:center;gap:14px}.health-ring{width:72px;height:72px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:conic-gradient(#0B5ED7 var(--score),#E7EDF6 0);position:relative}.health-ring:after{content:"";position:absolute;width:54px;height:54px;background:#fff;border-radius:50%}.health-ring b{position:relative;z-index:1;font-size:14px;color:#004BBE}.health-dot{width:10px;height:10px;border-radius:50%;display:inline-block}.health-dot.good{background:#0B63D8}.health-dot.warn{background:#f0a51a}.health-dot.bad{background:#d94848}.health-list{margin-top:14px;border-top:1px solid #E6ECF5}.health-list a{display:flex;justify-content:space-between;padding:9px 2px;border-bottom:1px solid #EEF2F7;color:#4e5d57;font-size:13px}.health-list b{color:#004BBE}.attention-list{display:grid;gap:8px}.attention{display:flex;align-items:center;gap:10px;padding:11px 13px;border-radius:10px;border:1px solid #E0E7F1;color:#34423d}.attention>div{flex:1}.attention.danger{background:#fff1f1;border-color:#f3d1d1}.attention.warn{background:#fff8eb;border-color:#f2dfb4}.attention.info{background:#fffced;border-color:#eee1ae}.attention.light{background:#F4F8FF}.mt-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:10px}.mt-summary>div{padding:10px;background:#F4F8FF;border-radius:10px;text-align:center}.mt-summary b{display:block;font-size:20px;color:#004BBE}.mt-summary small{display:block;color:#6d7974;font-size:10px}.dot{display:block;width:8px;height:8px;border-radius:50%;margin:0 auto 4px}.green-dot{background:#0B63D8}.yellow-dot{background:#e6b01d}.red-dot{background:#d94848}.mini-list{border-top:1px solid #e5ece8}.mini-list a{display:flex;justify-content:space-between;gap:8px;padding:9px 2px;border-bottom:1px solid #EDF1F6;font-size:12px}.mini-list small{color:#73807a}.region-dashboard{display:grid;gap:13px}.region-dash{padding:11px 12px;border:1px solid #E2E8F0;border-radius:11px}.region-dash-head{display:flex;justify-content:space-between}.region-dash-head strong{color:#004BBE}.progress{height:7px;background:#E7EDF6;border-radius:99px;overflow:hidden;margin:8px 0}.progress span{display:block;height:100%;background:#0B5ED7;border-radius:99px}.region-dash-meta{display:flex;justify-content:space-between;font-size:11px;color:#66746e}.activity-list{display:grid;grid-template-columns:repeat(2,1fr);gap:0 18px}.activity-item{display:flex;align-items:center;gap:10px;padding:11px 2px;border-bottom:1px solid #E8EEF6}.activity-icon{width:34px;height:34px;border-radius:10px;background:#EAF2FF;display:flex;align-items:center;justify-content:center}.activity-item div{flex:1}.activity-item small,.activity-item time{display:block;color:#75817c;font-size:11px}.activity-item time{white-space:nowrap}.dash-bars{display:grid;gap:11px}.bar-row{display:grid;grid-template-columns:110px 1fr 45px;align-items:center;gap:10px;font-size:12px}.bar{height:12px;background:#E7EDF6;border-radius:99px;overflow:hidden}.bar i{display:block;height:100%;background:#0B5ED7;border-radius:99px}.bar-row b{text-align:right;color:#004BBE}.monitor-stats .selected{border:2px solid #0B5ED7;background:#F4F8FF}.monitor-table{min-width:1050px}.person-cell{display:flex;align-items:center;gap:8px}.person-cell img,.person-cell>span{width:34px;height:34px;border-radius:9px;object-fit:cover;background:#EAF2FF;display:flex;align-items:center;justify-content:center}.monitor-progress{width:90px;height:7px;background:#E7EDF6;border-radius:99px;overflow:hidden}.monitor-progress i{display:block;height:100%;border-radius:99px;background:#0B5ED7}.monitor-progress i.danger{background:#d94848}.monitor-progress i.warn{background:#e7a51c}.monitor-progress i.yellow{background:#d8b323}.monitor-progress i.normal{background:#0B5ED7}.badge.red{background:#ffe2e2;color:#a82d2d}.badge.yellow{background:#fff1bf;color:#806000}.info-box{background:#F5F9FF}.info-box p{margin-bottom:0;color:#66746e}
@media(max-width:900px){.dash-welcome,.monitor-head{display:block}.dash-date{display:inline-block;margin-top:8px}.activity-list{grid-template-columns:1fr}.dash-two{grid-template-columns:1fr!important}}
@media(max-width:760px){.dash-welcome h2,.monitor-head h2{font-size:21px}.dash-search form{display:grid;grid-template-columns:1fr}.dash-search button{padding:11px}.dash-quick .btn{flex:1 1 45%;text-align:center}.health-score{align-items:flex-start}.mt-summary{grid-template-columns:1fr 1fr 1fr}.mt-summary>div{padding:8px 3px}.region-dash-meta{font-size:10px}.monitor-head .btn{margin-top:8px}.monitor-table{min-width:1050px}}

.mt-detail-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:16px 0}.mt-detail-grid>div{padding:12px;background:#F4F8FF;border:1px solid #E4EAF2;border-radius:10px}.mt-detail-grid span{display:block;color:#75827c;font-size:11px;margin-bottom:4px}.mt-detail-grid b{font-size:13px}.mt-progress-big{margin-top:12px}.mt-progress-big>div:last-child{display:flex;justify-content:space-between;font-size:12px;color:#68766f;margin-top:5px}.danger-text{color:#c03939!important}.detail-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}.timeline{position:relative;margin-left:8px}.timeline:before{content:"";position:absolute;left:6px;top:6px;bottom:6px;width:2px;background:#dce9e3}.timeline-item{display:flex;gap:14px;position:relative;padding-bottom:17px}.timeline-item>span{width:14px;height:14px;border-radius:50%;background:#0B5ED7;border:3px solid #E4ECFA;position:relative;z-index:1;margin-top:2px}.timeline-item div{flex:1}.timeline-item small{display:block;color:#75817b;font-size:11px;margin-top:2px}.timeline-item p{margin:5px 0 0;color:#66736e;font-size:12px}.notice{padding:12px 14px;background:#EDF4FF;border:1px solid #D4E2F5;border-radius:10px;margin:14px 0;color:#38564b}
@media(max-width:900px){.mt-detail-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.mt-detail-grid{grid-template-columns:1fr 1fr}.mt-detail-grid>div{padding:10px}.detail-actions .btn{flex:1 1 45%;text-align:center}}

.page-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.group-hero{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.group-hero h2{margin:4px 0}.group-hero p{margin:0;color:#718078}.group-stats{grid-template-columns:repeat(6,1fr)}.qr-card{text-align:center;max-width:520px;margin:auto}.qr-image{display:block;width:260px;height:260px;margin:18px auto;border-radius:12px}.age-bars{display:grid;gap:14px}.dash-announcement{border-left:4px solid #0B5ED7}.announcement-list{display:grid;gap:10px}.announcement-item{padding:11px 13px;background:#F5F9FF;border-radius:10px}.announcement-item b{display:block}.announcement-item small{display:block;color:#75817b;font-size:11px}.announcement-item p{margin:6px 0 0;color:#53617A}.notice small{display:block;color:#7a857f;margin-top:3px}.audit-table{min-width:900px}
@media(max-width:1000px){.group-stats{grid-template-columns:repeat(3,1fr)}}@media(max-width:650px){.page-head,.group-hero{display:block}.group-hero .btn{margin-top:10px}.group-stats{grid-template-columns:repeat(2,1fr)}.qr-image{width:210px;height:210px}}

.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:16px}
.stat-card{background:#fff;border:1px solid #E4EAF2;border-top:4px solid #0B63D8;border-radius:16px;padding:18px;box-shadow:0 4px 18px rgba(0,0,0,.035)}
.stat-card span{display:block;color:#53617A;font-weight:600}.stat-card strong{display:block;font-size:32px;margin:7px 0;color:#18322a}.stat-card small{color:#84918c}
.analytics-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:16px}.chart-card{overflow:hidden}
.donut-wrap{display:flex;align-items:center;justify-content:center;gap:28px;padding:18px}.donut{width:190px;height:190px;border-radius:50%;background:conic-gradient(#0B63D8 0 var(--a),#2478cf var(--a) var(--b),#e8a31a var(--b) 360deg);display:grid;place-items:center}.donut>div{width:112px;height:112px;border-radius:50%;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center}.donut b{font-size:27px}.donut span{font-size:12px;color:#78847f}.legend{display:grid;gap:12px;min-width:160px}.legend div{display:flex;align-items:center;gap:8px}.legend b{margin-left:auto}.dot{width:11px;height:11px;border-radius:50%}.d1{background:#0B63D8}.d2{background:#2478cf}.d3{background:#e8a31a}
.two-stat{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:18px 0}.two-stat>div{padding:20px;border-radius:13px;background:#F5F9FF;text-align:center}.two-stat span{display:block;color:#667085;font-size:13px}.two-stat strong{font-size:34px;display:block;margin-top:5px}.bar-pair{display:grid;gap:14px}.bar-pair label{display:inline-block;width:35px;font-weight:700}.bar-pair>div>div{display:inline-block;width:calc(100% - 45px);height:12px;background:#E9EEF6;border-radius:20px;vertical-align:middle;overflow:hidden}.bar-pair span{display:block;height:100%;background:#0B63D8;border-radius:20px}
.hbars{display:grid;gap:15px}.hbar-row>div:first-child{display:grid;grid-template-columns:1fr auto;gap:4px}.hbar-row small{grid-column:1;color:#83908a;font-size:11px}.hbar-row strong{grid-column:2;grid-row:1/3}.track{height:10px;background:#edf2ef;border-radius:20px;overflow:hidden;margin-top:6px}.track span{display:block;height:100%;background:#0B63D8;border-radius:20px}.age-chart{height:230px;display:flex;align-items:end;justify-content:space-around;gap:8px;padding:20px 10px 5px;border-bottom:1px solid #e5ebe8}.age-item{height:100%;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:end;position:relative}.age-number{font-weight:700;margin-bottom:5px}.age-track{width:min(48px,70%);height:150px;background:#edf2ef;border-radius:10px 10px 3px 3px;display:flex;align-items:end;overflow:hidden}.age-track span{width:100%;background:#2478cf;border-radius:10px 10px 3px 3px}.age-item small{text-align:center;margin-top:8px;font-size:11px;color:#667085}
@media(max-width:900px){.stats-grid{grid-template-columns:repeat(2,1fr)}.analytics-grid{grid-template-columns:1fr}}
@media(max-width:600px){.stats-grid{grid-template-columns:1fr 1fr;gap:10px}.stat-card{padding:14px}.stat-card strong{font-size:28px}.donut-wrap{gap:15px}.donut{width:155px;height:155px}.donut>div{width:92px;height:92px}.legend{min-width:125px;font-size:13px}.age-chart{overflow-x:auto;justify-content:flex-start}.age-item{min-width:72px}.age-track{height:130px}}

.recent-activity .section-title{align-items:center}.activity-list{display:grid;gap:8px}.activity-item{display:grid;grid-template-columns:42px 1fr 24px;align-items:center;gap:12px;padding:12px 14px;border:1px solid #E5EAF2;border-radius:13px;text-decoration:none;color:inherit;background:#FBFCFE;transition:.15s ease}.activity-item:hover{transform:translateY(-1px);border-color:#9BBCEB;background:#F5F9FF}.activity-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;background:#EAF2FF;font-size:18px}.activity-main{min-width:0}.activity-main b,.activity-main small,.activity-main em{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.activity-main b{font-size:14px;color:#17345A}.activity-main small{font-size:12px;color:#53617A;margin-top:2px}.activity-main em{font-size:10px;color:#8A96AA;font-style:normal;margin-top:4px}.activity-arrow{font-size:25px;color:#0B63D8;text-align:center}
@media(max-width:600px){.recent-activity{padding:14px}.activity-item{grid-template-columns:38px 1fr 18px;padding:10px}.activity-icon{width:34px;height:34px}.activity-main b{font-size:13px}.activity-main small{font-size:11px}}

.notice-manage{position:relative}.notice-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.notice-head b{display:block}.notice-head small{display:block;margin-top:5px;color:#8290A6}.notice-actions{display:flex;gap:8px;margin-top:14px}.notice-actions form{margin:0}.btn.danger{background:#fff0f0;color:#c62828;border:1px solid #f1caca}.btn.danger:hover{background:#ffe4e4}
@media(max-width:600px){.notice-head{align-items:flex-start}.notice-actions{flex-wrap:wrap}.notice-actions .btn{flex:1;text-align:center}}

.checklist-hero{display:grid;grid-template-columns:auto 1fr;gap:20px;align-items:center}.checklist-hero strong{display:block;font-size:36px}.checklist-hero small{grid-column:1/-1;color:#7B879C}.big-progress{height:16px;background:#edf2ef;border-radius:20px;overflow:hidden}.big-progress span{display:block;height:100%;background:#0B63D8;border-radius:20px}.check-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:16px}.check-item{display:grid;grid-template-columns:44px 1fr auto;gap:12px;align-items:center;text-decoration:none;color:inherit}.check-icon{width:42px;height:42px;border-radius:12px;background:#EAF2FF;display:grid;place-items:center;font-size:20px}.check-item small{display:block;color:#7a8781;margin-top:4px}.good-text{color:#0B63D8}.bad-text{color:#d44b42}.notification-list,.task-board{display:grid;gap:12px}.notification,.task-item{display:grid;grid-template-columns:44px 1fr 22px;align-items:center;gap:14px;text-decoration:none;color:inherit}.notification-icon,.task-item>span{width:42px;height:42px;border-radius:12px;background:#F3F7FC;display:grid;place-items:center;font-size:20px}.notification b,.task-item b{display:block}.notification p,.task-item p{margin:4px 0 0;color:#69768D}.notification.warning{border-left:4px solid #e8a31a}.notification.danger{border-left:4px solid #d44b42}.notification.success{border-left:4px solid #0B63D8}.countdown-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.countdown-card{text-decoration:none;color:inherit}.count-head{display:flex;justify-content:space-between;gap:12px}.count-head b,.count-head small{display:block}.count-head small{color:#7D899F;margin-top:4px}.count-progress{height:13px;background:#edf2ef;border-radius:20px;overflow:hidden;margin:18px 0 9px}.count-progress span{display:block;height:100%;background:#0B63D8;border-radius:20px}.count-meta{display:flex;justify-content:space-between;color:#7B879C;font-size:11px}.village-groups{display:grid;gap:8px}.village-groups a{display:flex;justify-content:space-between;align-items:center;padding:11px 12px;border:1px solid #E5EAF2;border-radius:11px;text-decoration:none;color:inherit}.village-groups small{display:block;color:#7c8983;margin-top:3px}.warn-text{color:#c77a00}.condition-hero{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.condition-hero span,.condition-hero small{display:block;color:#6D7A91}.condition-hero strong{font-size:42px;display:block;margin:5px 0}.condition-ring{width:120px;height:120px;border-radius:50%;background:conic-gradient(#0B63D8 var(--p),#E8EEF6 0);display:grid;place-items:center}.condition-ring b{width:86px;height:86px;border-radius:50%;background:#fff;display:grid;place-items:center}.status-big{display:grid;gap:12px;padding:15px;border-radius:12px}.status-big.good{background:#EFF6FF}.status-big.warn{background:#fff8e8}.status-big.bad{background:#fff0ef}.status-big a{color:#1557B8;text-decoration:none;font-weight:600}.condition-mini-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.condition-mini-grid div{padding:12px;background:#F4F8FF;border-radius:11px}.condition-mini-grid span,.condition-mini-grid b{display:block}.condition-mini-grid span{font-size:11px;color:#77847e}.condition-mini-grid b{font-size:23px;margin-top:3px}.report-cover{text-align:center;padding:25px 10px 15px}.report-cover h1{margin:0;font-size:28px}.report-cover h2{margin:7px 0;font-size:18px}.report-cover p{color:#73809A}.auto-report-print .card{break-inside:avoid}
@media(max-width:800px){.check-grid,.countdown-grid{grid-template-columns:1fr}.condition-mini-grid{grid-template-columns:1fr 1fr}.checklist-hero{grid-template-columns:1fr}.big-progress{grid-column:1}.condition-hero{gap:15px}.condition-ring{width:95px;height:95px}.condition-ring b{width:68px;height:68px}}
@media(max-width:600px){.count-head{display:block}.count-head .badge{display:inline-block;margin-top:8px}.condition-mini-grid{grid-template-columns:1fr 1fr}.notification,.task-item{grid-template-columns:38px 1fr 18px}.notification-icon,.task-item>span{width:36px;height:36px}.condition-hero strong{font-size:34px}.condition-ring{width:82px;height:82px}.condition-ring b{width:60px;height:60px;font-size:12px}}
@media print{.sidebar,.topbar,.mobile-bar,.report-actions,.btn{display:none!important}.content{margin:0!important}.auto-report-print{width:100%}}

.group-admin-actions{border-top:4px solid #0B63D8}.quick-add-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:12px}.quick-add{display:flex;align-items:center;gap:12px;padding:15px;border:1px solid #E2E8F0;border-radius:14px;text-decoration:none;color:inherit;background:#FBFCFE}.quick-add>span{width:44px;height:44px;border-radius:12px;background:#EAF2FF;display:grid;place-items:center;font-size:21px}.quick-add b,.quick-add small{display:block}.quick-add small{color:#75829A;margin-top:4px}.quick-add.primary{background:#EAF2FF;border-color:#BFD7FF}.quick-add.primary>span{background:#0B63D8;color:#fff}
@media(max-width:800px){.quick-add-grid{grid-template-columns:1fr}}


/* Mobile form refinement V15.25 */
@media(max-width:760px){
  .content{
    padding:12px 12px 90px;
  }
  .content > .card{
    padding:14px;
    border-radius:16px;
  }
  .form{
    gap:12px;
  }
  .form-grid{
    display:grid !important;
    grid-template-columns:minmax(0,1fr) !important;
    gap:12px !important;
    width:100% !important;
  }
  .form-grid > .form-group,
  .form-grid > .compact-name,
  .form-grid > .photo-top{
    grid-column:1 !important;
    grid-row:auto !important;
    width:100% !important;
    min-width:0 !important;
    align-self:stretch !important;
  }
  .form-group{
    display:grid !important;
    gap:5px !important;
  }
  .form label{
    font-size:13px !important;
    line-height:1.25 !important;
    margin:0 !important;
  }
  .form input,
  .form select,
  .form textarea{
    width:100% !important;
    min-width:0 !important;
    min-height:46px !important;
    height:46px !important;
    padding:10px 12px !important;
    font-size:16px !important;
    border-radius:10px !important;
    box-sizing:border-box !important;
  }
  .form textarea{
    height:auto !important;
    min-height:100px !important;
  }
  .compact-name input[name="name"]{
    width:100% !important;
    height:46px !important;
    min-height:46px !important;
  }
  .photo-top{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:6px !important;
  }
  .photo-upload .photo-picker{
    width:88px !important;
    height:88px !important;
    margin:0 0 2px !important;
    border-radius:16px !important;
  }
  .photo-upload input[type="file"]{
    height:auto !important;
    min-height:48px !important;
    padding:8px !important;
    font-size:14px !important;
  }
  .photo-upload small{
    font-size:11px !important;
    line-height:1.35 !important;
  }
  .form-grid [style*="grid-template-columns"]{
    grid-template-columns:1fr 1.25fr 1.25fr !important;
    width:100% !important;
  }
  .form-grid [style*="grid-template-columns"] select{
    min-width:0 !important;
    width:100% !important;
  }
  .form .btn,
  .form button,
  .form a.btn{
    min-height:46px;
  }
}


/* FINAL MOBILE FORM OVERRIDE V15.26
   Force every field in Generus/Mubaligh form to use full mobile width.
   This intentionally overrides the desktop two-column grid. */
@media screen and (max-width: 760px){
  .content .card form.form .form-grid{
    display:grid !important;
    grid-template-columns:minmax(0,1fr) !important;
    grid-auto-flow:row !important;
    column-gap:0 !important;
    row-gap:12px !important;
    width:100% !important;
  }

  .content .card form.form .form-grid > *{
    grid-column:1 / -1 !important;
    grid-row:auto !important;
    width:100% !important;
    min-width:0 !important;
    max-width:none !important;
    justify-self:stretch !important;
    align-self:start !important;
  }

  .content .card form.form .form-grid > .form-group{
    display:grid !important;
    grid-template-columns:minmax(0,1fr) !important;
    gap:5px !important;
  }

  .content .card form.form .form-grid > .form-group label{
    display:block !important;
    width:100% !important;
    margin:0 !important;
    font-size:13px !important;
    line-height:1.25 !important;
  }

  .content .card form.form .form-grid > .form-group input,
  .content .card form.form .form-grid > .form-group select,
  .content .card form.form .form-grid > .form-group textarea{
    width:100% !important;
    min-width:0 !important;
    max-width:none !important;
    box-sizing:border-box !important;
  }

  .content .card form.form .form-grid > .compact-name input[name="name"]{
    width:100% !important;
    height:46px !important;
    min-height:46px !important;
  }

  .content .card form.form .form-grid > .photo-top{
    display:grid !important;
    grid-template-columns:minmax(0,1fr) !important;
    grid-row:auto !important;
  }

  .content .card form.form .form-grid > .photo-top .photo-picker{
    width:88px !important;
    height:88px !important;
  }

  /* Date selectors remain three compact columns. */
  .content .card form.form .form-grid .form-group > div[style*="grid-template-columns"]{
    display:grid !important;
    grid-template-columns:minmax(0,1fr) minmax(0,1.25fr) minmax(0,1.25fr) !important;
    width:100% !important;
    min-width:0 !important;
    gap:8px !important;
  }
  .content .card form.form .form-grid .form-group > div[style*="grid-template-columns"] > *{
    width:100% !important;
    min-width:0 !important;
  }
}