*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:#f5f8fc;color:#10213f}a{text-decoration:none}.app{min-height:100vh;display:flex}.sidebar{width:285px;background:linear-gradient(180deg,#102f4a,#0b243b);color:white;position:fixed;left:0;top:0;bottom:0;padding:18px 14px;overflow-y:auto;box-shadow:4px 0 20px rgba(0,0,0,.15)}.brand{text-align:center;padding:5px 12px 20px}.brand img{width:145px;height:145px;object-fit:contain;border-radius:50%;background:white;padding:4px}.brand h2{font-size:18px;margin:12px 0 4px;color:#fff}.brand p{font-size:16px;margin:0;color:#f8fafc}.menu-label{color:#b8c7d9;font-size:13px;margin:18px 6px 8px;text-transform:uppercase}.nav-link{display:block;color:#eef6ff;padding:12px 14px;border-radius:6px;margin:5px 0;font-size:15px}.nav-link:hover,.nav-link.active{background:linear-gradient(90deg,#2f7df0,#3b82f6);color:white}.sidebar-bottom{border-top:1px solid rgba(255,255,255,.22);margin-top:22px;padding-top:16px}.main{margin-left:285px;width:calc(100% - 285px);min-height:100vh}.topbar{height:66px;background:white;border-bottom:1px solid #dbe4ee;display:flex;align-items:center;justify-content:space-between;padding:0 26px;position:sticky;top:0;z-index:10}.topbar h1{font-size:23px;margin:0;color:#0f1f3d}.top-user{font-size:15px}.content{padding:28px 22px}.card-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;margin-bottom:22px}.stat-card{background:white;border:1px solid #dbe7f4;border-radius:8px;padding:24px;display:flex;gap:18px;align-items:center;box-shadow:0 3px 12px rgba(16,33,63,.05)}.stat-icon{width:62px;height:62px;border-radius:12px;display:grid;place-items:center;font-size:28px;background:linear-gradient(135deg,#2f7df0,#2563eb);color:white}.green .stat-icon{background:linear-gradient(135deg,#30c653,#16a34a)}.orange .stat-icon{background:linear-gradient(135deg,#f8c54e,#f59e0b)}.purple .stat-icon{background:linear-gradient(135deg,#8b5cf6,#6d28d9)}.stat-card h2{margin:0;font-size:32px;color:#1d4ed8}.green h2{color:#16a34a}.orange h2{color:#d97706}.purple h2{color:#6d28d9}.stat-card p{margin:5px 0 0;color:#475569}.panel{background:white;border:1px solid #dbe4ee;border-radius:9px;box-shadow:0 3px 12px rgba(16,33,63,.05);margin-bottom:22px;overflow:hidden}.panel-header{padding:16px 18px;border-bottom:1px solid #dbe4ee;display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}.panel-header h2,.panel-header h3{margin:0;font-size:17px}.panel-body{padding:18px;overflow-x:auto}.two-col{display:grid;grid-template-columns:1fr 1.1fr;gap:16px}table{width:100%;border-collapse:collapse;background:white}th,td{padding:13px 14px;border-bottom:1px solid #e5eaf1;text-align:left;white-space:nowrap;font-size:14px}th{background:#f8fafc;color:#132343;font-weight:700}tr:hover td{background:#fbfdff}.badge{padding:6px 10px;border-radius:7px;background:#fee2e2;color:#b91c1c;font-size:12px}input,select,textarea{width:100%;padding:11px 12px;margin:6px 0 15px;border:1px solid #cbd5e1;border-radius:6px;font-size:14px;background:white}label{font-weight:700;font-size:14px}button,.btn{background:#2563eb;color:white;padding:10px 14px;border:none;border-radius:6px;cursor:pointer;display:inline-block;margin:3px;font-size:14px}.btn-danger{background:#dc2626}.btn-warning{background:#d97706}.btn-secondary{background:#475569}.alert{padding:12px 15px;border-radius:7px;margin-bottom:16px}.success{background:#dcfce7;color:#166534}.error{background:#fee2e2;color:#991b1b}.small-note{color:#64748b;font-size:13px;display:block;margin-top:-9px;margin-bottom:14px}.login-page{min-height:100vh;background:linear-gradient(135deg,#0b243b,#0f766e);display:grid;place-items:center}.login-box{width:410px;background:white;border-radius:14px;padding:30px;box-shadow:0 20px 50px rgba(0,0,0,.25)}.login-logo{text-align:center}.login-logo img{width:125px;height:125px;border-radius:50%;object-fit:contain}.login-box h2{text-align:center;margin-bottom:5px}.login-box p{text-align:center;color:#64748b}.footer{color:#64748b;font-size:13px;padding:0 22px 24px;display:flex;justify-content:space-between}@media(max-width:1050px){.card-grid{grid-template-columns:repeat(2,1fr)}.two-col{grid-template-columns:1fr}}@media(max-width:800px){.sidebar{position:relative;width:100%;height:auto}.app{display:block}.main{margin-left:0;width:100%}.card-grid{grid-template-columns:1fr}.topbar{height:auto;padding:15px;gap:8px;flex-wrap:wrap}.login-box{width:92%}}
.summary-box {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 14px;
    margin-bottom: 18px;
}
.summary-item {
    background: #f8fafc;
    border: 1px solid #dbe4ee;
    border-radius: 8px;
    padding: 16px;
}
.summary-item h3 { margin: 0; font-size: 24px; color: #2563eb; }
.summary-item p { margin: 5px 0 0; color: #64748b; }
@media(max-width: 800px) { .summary-box { grid-template-columns: 1fr; } }


/* BRIS-style additions for MVIS v2 - same layout, cleaner barangay green accents */
.nav-link:hover,.nav-link.active{background:linear-gradient(90deg,#16a34a,#22c55e);color:white}
.stat-icon{background:linear-gradient(135deg,#16a34a,#15803d);color:white}
button,.btn{background:#16a34a}.btn:hover,button:hover{filter:brightness(.95)}
.green-badge{background:#dcfce7;color:#166534}.red-badge{background:#fee2e2;color:#991b1b}.orange-badge{background:#ffedd5;color:#9a3412}
.request-table input{margin:0;min-width:90px}.muted{color:#64748b;font-size:13px}.inline-form{display:inline}.form-row{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.form-row-3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}@media(max-width:800px){.form-row,.form-row-3{grid-template-columns:1fr}}