@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--navy:#123B63;--green:#198754;--gold:#D6A84F;--bg:#F5F7FA;--text:#192B3C;--muted:#718096;--line:#E7ECF2;--white:#fff;--shadow:0 6px 24px rgba(18,59,99,.06)}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:'DM Sans',Arial,sans-serif;font-size:14px}h1,h2,h3,b,strong{font-family:Manrope,'DM Sans',sans-serif}h1,h2,h3,p{margin-top:0}h1{font-size:26px;margin-bottom:8px}h2{font-size:19px;margin:3px 0 0}h3{font-size:16px;margin-bottom:6px}p{line-height:1.6}.muted,small{color:var(--muted)}small{display:block}.app-shell{min-height:100vh}.sidebar{width:252px;background:#fff;border-right:1px solid var(--line);position:fixed;inset:0 auto 0 0;z-index:10;display:flex;flex-direction:column;padding:22px 15px}.brand{display:flex;align-items:center;gap:11px;padding:3px 10px 25px;color:var(--text);text-decoration:none}.brand b{font-size:16px}.brand small{font-size:11px;margin-top:3px}.brand-mark{display:flex;align-items:center;justify-content:center;width:58px;height:58px;border-radius:17px;background:linear-gradient(135deg,#123B63,#198754);color:white;font-family:Manrope;font-weight:800;font-size:18px;box-shadow:0 8px 18px #123b6325}.brand-mark.small{width:42px;height:42px;border-radius:12px;font-size:13px}.nav-label,.eyebrow{font-size:10px;letter-spacing:1.4px;font-weight:700;color:#8B9AAA}.nav-label{padding:10px 12px}.nav-link{display:flex;align-items:center;gap:12px;padding:12px;border-radius:10px;text-decoration:none;color:#667789;font-weight:600;margin:2px 0;transition:.15s}.nav-link:hover{background:#F3F7FA;color:var(--navy)}.nav-link.active{background:#EAF2F8;color:var(--navy);font-weight:700}.nav-icon{width:22px;text-align:center;font-size:19px}.sidebar nav{flex:1;overflow:auto}.sidebar-bottom{border-top:1px solid var(--line);padding-top:15px}.user-mini{display:flex;align-items:center;gap:10px;padding:8px 5px 13px}.user-mini b{font-size:12px;display:block}.user-mini small{font-size:10px;margin-top:4px}.avatar{width:35px;height:35px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:#E5F0F6;color:var(--navy);font-weight:800;flex-shrink:0}.logout{font-size:12px}.main-area{margin-left:252px;min-height:100vh}.topbar{height:88px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:16px;padding:0 34px;position:sticky;top:0;z-index:5}.topbar h2{margin-top:5px}.topbar-right{margin-left:auto;display:flex;align-items:center;gap:14px}.date-chip,.pill{background:#F2F5F8;border-radius:20px;padding:7px 12px;font-size:11px;color:#617386;font-weight:600}.menu-toggle{display:none;border:0;background:none;font-size:24px;color:var(--navy)}.content{padding:27px 34px;max-width:1600px;margin:auto}.welcome{background:linear-gradient(112deg,#123B63,#175B70 65%,#198754);color:#fff;border-radius:18px;padding:26px 30px;display:flex;justify-content:space-between;align-items:center;margin-bottom:22px;overflow:hidden;position:relative}.welcome h1{font-size:25px;margin:8px 0}.welcome p{margin-bottom:0;color:#e0eaf1}.welcome .eyebrow{color:#C8D9E7}.welcome-symbol{font-size:100px;opacity:.15;line-height:.8;margin-right:20px}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:22px}.stat-card{position:relative;overflow:hidden;background:#fff;border:1px solid var(--line);border-radius:15px;padding:20px;box-shadow:var(--shadow);min-height:140px}.stat-label{font-size:12px;font-weight:600;color:#68798A;display:block}.stat-card strong{display:block;font-size:33px;margin:12px 0 4px;letter-spacing:-1px}.stat-foot{font-size:10px;color:#8A98A7}.stat-icon{position:absolute;right:18px;top:17px;width:36px;height:36px;border-radius:11px;display:grid;place-items:center;font-size:20px}.blue .stat-icon{background:#E8F2FC;color:#27679D}.green .stat-icon{background:#E5F6EC;color:#198754}.gold .stat-icon{background:#FBF2DF;color:#A87918}.violet .stat-icon{background:#F0EBFC;color:#7554B6}.two-col{display:grid;grid-template-columns:1.25fr 1fr;gap:18px;margin-bottom:20px}.panel{background:#fff;border:1px solid var(--line);border-radius:15px;padding:22px;margin-bottom:20px;box-shadow:var(--shadow);min-width:0}.panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:20px}.panel-head p,.page-actions p{color:var(--muted);font-size:12px;margin:4px 0 0}.chart-wrap{height:230px}.quick-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.quick-grid a{border:1px solid var(--line);border-radius:12px;padding:13px;text-decoration:none;color:var(--text);display:grid;grid-template-columns:38px 1fr;column-gap:10px;align-items:center}.quick-grid a:hover{border-color:#B9CEDF;background:#FAFCFE}.quick-icon{grid-row:span 2;width:38px;height:38px;border-radius:10px;display:grid;place-items:center;font-size:20px}.green-bg{background:#E5F6EC;color:#198754}.blue-bg{background:#E8F2FC;color:#27679D}.gold-bg{background:#FBF2DF;color:#A87918}.violet-bg{background:#F0EBFC;color:#7554B6}.quick-grid b{font-size:12px}.quick-grid small{font-size:10px;margin-top:4px}.text-link{color:var(--green);text-decoration:none;font-weight:700;font-size:12px}.table-wrap{width:100%;overflow:auto}table{border-collapse:collapse;width:100%;font-size:12px;white-space:normal}th{text-align:left;color:#778899;font-size:10px;letter-spacing:.4px;text-transform:uppercase;background:#F8FAFC;font-weight:700}th,td{padding:13px 14px;border-bottom:1px solid #EDF1F5;vertical-align:middle}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:#FCFDFE}td b{font-size:12px}.table-sub{font-size:10px;margin-top:4px}.status{display:inline-flex;border-radius:20px;padding:5px 9px;background:#F0F3F6;color:#607184;font-size:10px;font-weight:700;white-space:nowrap}.status.disetujui{background:#E3F6EB;color:#177849}.status.perlu_revisi{background:#FFF0E6;color:#B45309}.status.dikirim,.status.menunggu_verifikasi{background:#FFF5D9;color:#8C6712}.empty{text-align:center;padding:30px 15px;color:#8795A4}.page-actions{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:0 0 20px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid transparent;border-radius:9px;padding:10px 14px;font:600 12px 'DM Sans',sans-serif;cursor:pointer;text-decoration:none;white-space:nowrap}.btn:disabled{opacity:.6;cursor:wait}.btn.primary{background:var(--navy);color:white}.btn.primary:hover{background:#0c2d4d}.btn.outline{border-color:#D8E0E8;background:white;color:var(--navy)}.btn.ghost{background:transparent;color:#65788A}.btn.danger{background:#FFF0F0;color:#B42318;border-color:#F6D1D1}.btn.small{padding:7px 10px;font-size:10px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.form-grid label,.login-card label,.progress-form label{display:block;font-size:11px;font-weight:700;color:#526579;margin-bottom:7px}.form-grid input,.form-grid select,.form-grid textarea,.toolbar input,.verify-form input,.verify-form select,.inline-fields input,.login-card input{width:100%;min-width:0;border:1px solid #DCE4EB;background:#fff;border-radius:8px;padding:11px 12px;font:12px 'DM Sans',sans-serif;color:var(--text);outline:none}.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus,.login-card input:focus{border-color:#6F9EBF;box-shadow:0 0 0 3px #123b6312}.span-2{grid-column:span 2}.form-submit{display:flex;align-items:end}.hidden{display:none!important}.toolbar{display:flex;gap:9px;align-items:center;padding-bottom:17px}.toolbar input{max-width:360px}.push{margin-left:auto}.alert{padding:12px 15px;border-radius:10px;background:#EAF4FE;color:#174B73;margin-bottom:17px;font-size:12px}.alert.danger{background:#FFF0F0;color:#A12C2C}.alert.success{background:#E7F7ED;color:#176C40}.project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.project-card{margin:0}.project-top{display:flex;justify-content:space-between;align-items:center}.project-card h3{margin:17px 0 6px;font-size:17px}.project-card .muted{font-size:12px}.progress-label{display:flex;justify-content:space-between;font-size:11px;margin:20px 0 8px}.progress{height:8px;border-radius:10px;background:#EDF1F5;overflow:hidden}.progress span{display:block;height:100%;background:linear-gradient(90deg,#198754,#68C99A);border-radius:10px}.budget{font-size:11px;color:#708094;margin:13px 0 20px}.progress-form{border-top:1px solid var(--line);padding-top:14px}.inline-fields{display:flex;gap:7px}.inline-fields input:first-child{max-width:90px}.verify-form{display:flex;gap:5px;min-width:320px}.verify-form input{min-width:100px}.footer{display:flex;justify-content:space-between;color:#98A4B1;font-size:10px;padding:15px 2px 5px}.profile-details p{display:flex;gap:30px;border-bottom:1px solid var(--line);padding:12px 0}.profile-details p span{color:var(--muted);width:100px}.login-body{min-height:100vh;display:grid;place-items:center;padding:20px;background:radial-gradient(circle at top right,#DDEFE8,transparent 35%),linear-gradient(135deg,#F5F7FA,#EAF0F5)}.login-card{background:#fff;border:1px solid var(--line);box-shadow:0 18px 60px #123b6317;border-radius:20px;padding:36px;width:min(100%,440px)}.login-card .brand-mark{margin-bottom:22px}.login-card h1{font-size:27px}.login-card .muted{font-size:13px;margin-bottom:24px}.login-card label{margin:17px 0 8px}.login-card input{padding:13px}.login-card .btn{margin-top:22px;padding:13px}.full{width:100%}.login-foot{font-size:10px;color:#8996A4;line-height:1.7;margin-top:22px}.login-foot code{background:#F2F5F8;padding:2px 4px;border-radius:4px}@media(max-width:1200px){.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.content{padding:24px}.topbar{padding:0 24px}}@media(max-width:850px){.sidebar{transform:translateX(-100%);transition:transform .2s;box-shadow:none}.sidebar.open{transform:translateX(0);box-shadow:10px 0 40px #102b451f}.main-area{margin-left:0}.menu-toggle{display:block}.topbar{height:76px;padding:0 18px}.content{padding:20px 16px}.two-col{grid-template-columns:1fr}.project-grid{grid-template-columns:1fr}.date-chip{display:none}}@media(max-width:540px){.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.stat-card{padding:14px;min-height:124px}.stat-card strong{font-size:27px}.stat-icon{width:28px;height:28px;right:10px;top:10px}.welcome{padding:22px 18px}.welcome-symbol{display:none}.welcome h1{font-size:22px}.form-grid{grid-template-columns:1fr}.span-2{grid-column:auto}.page-actions{align-items:flex-start;flex-direction:column}.toolbar{flex-wrap:wrap}.toolbar input{max-width:none;flex:1 1 100%}.quick-grid{gap:8px}.quick-grid a{padding:9px;grid-template-columns:32px 1fr}.quick-icon{width:32px;height:32px}.footer{gap:8px;flex-direction:column}.panel{padding:16px}.login-card{padding:25px}}
@media print{.sidebar,.topbar,.page-actions .btn,.toolbar,.footer,.btn,.progress-form,.verify-form{display:none!important}.main-area{margin:0}.content{padding:0}.panel{box-shadow:none;border:0}.app-shell{display:block}body{background:white}}


/* ===== KuantumDesa Premium UI v2: navy-blue sidebar and unified module styling ===== */
:root{
  --navy:#123B7A; --blue:#174EA6; --blue-2:#2463C5; --green:#17865B;
  --bg:#F3F6FB; --text:#172B4D; --muted:#71809A; --line:#E4EAF3;
  --shadow:0 10px 30px rgba(22,55,110,.07);
}
body{background:linear-gradient(180deg,#F7F9FD 0%,#F1F5FB 100%);color:var(--text)}
.sidebar{
  background:linear-gradient(180deg,#102F68 0%,#123F86 58%,#0D2B60 100%);
  border-right:0;color:#fff;padding:23px 14px;
  box-shadow:8px 0 30px rgba(13,43,96,.10)
}
.brand{color:#fff;border-bottom:1px solid rgba(255,255,255,.13);margin:0 3px 16px;padding:3px 8px 22px}
.brand b{color:#fff;letter-spacing:.2px}
.brand small{color:#C3D4F4}
.brand-mark{background:linear-gradient(135deg,#fff,#DDEAFF);color:#143B7B;box-shadow:0 8px 20px rgba(0,0,0,.16)}
.nav-label{color:#9DB8E9;font-size:9px;letter-spacing:1.7px;padding:12px}
.nav-link{color:#D5E1F8;border:1px solid transparent;border-radius:11px;margin:3px 0;padding:11px 12px;font-size:12px}
.nav-link:hover{background:rgba(255,255,255,.10);color:#fff;border-color:rgba(255,255,255,.08);transform:translateX(2px)}
.nav-link.active{background:linear-gradient(100deg,#fff 0%,#EAF2FF 100%);color:#123B7A;box-shadow:0 6px 16px rgba(4,19,52,.18);font-weight:800}
.nav-icon{font-size:17px;color:inherit}
.sidebar-bottom{border-top:1px solid rgba(255,255,255,.16)}
.user-mini b{color:#fff;font-size:12px}
.user-mini small{color:#B7C9EC}
.sidebar .avatar{background:#DCE9FF;color:#143B7B;border:2px solid rgba(255,255,255,.25)}
.sidebar .logout{color:#D5E1F8}
.sidebar .logout:hover{background:rgba(255,255,255,.1);color:#fff}
.main-area{background:transparent}
.topbar{background:rgba(255,255,255,.94);backdrop-filter:blur(14px);border-bottom:1px solid #E3EAF5;box-shadow:0 4px 20px rgba(20,53,100,.035)}
.eyebrow{color:#6C83A7;letter-spacing:1.6px}
.topbar h2{color:#173765;font-size:20px;letter-spacing:-.4px}
.date-chip{background:#EAF1FC;color:#214F95;border:1px solid #D9E5F8}
.content{padding-top:29px}
.welcome{background:linear-gradient(115deg,#123675 0%,#1A55A5 58%,#2878C7 100%);box-shadow:0 16px 36px rgba(21,72,150,.18);border-radius:20px}
.welcome:after{content:"";position:absolute;width:250px;height:250px;border:1px solid rgba(255,255,255,.12);border-radius:50%;right:-70px;top:-120px;box-shadow:0 0 0 28px rgba(255,255,255,.035),0 0 0 58px rgba(255,255,255,.025)}
.stat-card,.panel,.project-card{border:1px solid #E4EAF3;border-radius:17px;box-shadow:var(--shadow);transition:transform .18s ease,box-shadow .18s ease}
.stat-card:hover,.panel:hover,.project-card:hover{box-shadow:0 14px 34px rgba(22,55,110,.10)}
.stat-card{padding:21px;background:linear-gradient(145deg,#fff 0%,#FCFDFF 100%)}
.stat-card strong{color:#163B76}
.stat-icon{border-radius:12px}
.panel{padding:23px;background:rgba(255,255,255,.97)}
.panel-head{border-bottom:1px solid #EDF1F7;padding-bottom:14px}
.panel-head h3,.panel>h3{color:#183B73;letter-spacing:-.25px}
.quick-grid a{border-radius:13px;background:#fff;transition:all .18s ease}
.quick-grid a:hover{transform:translateY(-2px);border-color:#B8CFF3;box-shadow:0 8px 20px rgba(31,79,149,.07);background:#F9FBFF}
.table-wrap{border:1px solid #E8EDF5;border-radius:12px}
table{background:#fff}
th{background:#F3F6FC;color:#657B9D;letter-spacing:.65px;padding-top:14px;padding-bottom:14px}
td{color:#344761}
tbody tr:hover{background:#F7FAFF}
.btn{border-radius:10px;transition:all .16s ease;box-shadow:none}
.btn.primary{background:linear-gradient(110deg,#17458D,#2467C4);box-shadow:0 5px 12px rgba(23,78,166,.16)}
.btn.primary:hover{background:linear-gradient(110deg,#123B7A,#1D58AD);transform:translateY(-1px)}
.btn.outline{border-color:#D7E1F0;color:#194782}
.btn.outline:hover{background:#F3F7FE;border-color:#B7CBEB}
.form-grid input,.form-grid select,.form-grid textarea,.toolbar input,.verify-form input,.verify-form select,.inline-fields input,.login-card input{
  border-color:#DCE5F2;border-radius:10px;background:#FBFCFF;padding:12px 13px;transition:border-color .15s,box-shadow .15s
}
.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus,.toolbar input:focus,.verify-form input:focus,.verify-form select:focus,.inline-fields input:focus,.login-card input:focus{
  border-color:#6797E4;box-shadow:0 0 0 4px rgba(36,99,197,.10);background:#fff;outline:0
}
.alert{border:1px solid #D6E6FC;border-radius:11px;box-shadow:0 3px 12px rgba(24,72,140,.04)}
.alert.danger{border-color:#F4D4D4}.alert.success{border-color:#CBEBD8}
.project-card h3{color:#183B73}
.progress{height:9px;background:#EAF0F8}
.progress span{background:linear-gradient(90deg,#1C5DB5,#53A0F5)}
.status{border:1px solid transparent}
.profile-details p{border-color:#EDF1F7}
.profile-details p span{color:#7A8AA4}
.footer{border-top:1px solid #E5EBF4;margin-top:8px;padding-top:16px}
.login-body{background:radial-gradient(circle at 85% 10%,#D8E7FF 0,transparent 29%),radial-gradient(circle at 5% 90%,#DCEBFF 0,transparent 30%),linear-gradient(135deg,#F7F9FD,#EAF1FC)}
.login-card{border:1px solid #E0E8F5;box-shadow:0 24px 70px rgba(18,59,122,.13);border-radius:22px}
@media(max-width:850px){
 .sidebar{background:linear-gradient(180deg,#102F68,#123F86 65%,#0D2B60)}
 .sidebar.open{box-shadow:12px 0 42px rgba(8,28,67,.3)}
 .topbar{backdrop-filter:none}
}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;scroll-behavior:auto!important}}


.module-intro{display:flex;align-items:center;gap:17px;padding:20px 23px;margin:0 0 20px;background:linear-gradient(110deg,#fff,#F7FAFF);border:1px solid #E3EAF5;border-radius:17px;box-shadow:0 7px 22px rgba(22,55,110,.045)}
.module-intro-mark{width:52px;height:52px;display:grid;place-items:center;flex-shrink:0;border-radius:15px;background:linear-gradient(145deg,#E7F0FF,#D7E6FF);color:#174EA6;font-size:24px;font-weight:800}
.module-intro h1{font-size:21px;color:#173B75;margin:5px 0 4px;letter-spacing:-.45px}
.module-intro p{font-size:12px;color:#74839B;margin:0}
@media(max-width:540px){.module-intro{padding:16px;gap:12px}.module-intro-mark{width:43px;height:43px;border-radius:12px}.module-intro h1{font-size:18px}}


/* ===== KuantumDesa Header tools, message center and accessible dark mode ===== */
.topbar{gap:18px;z-index:20;position:sticky;top:0}
.topbar-title{min-width:0}
.topbar-right{display:flex;align-items:center;gap:10px;margin-left:auto}
.header-tool-wrap{position:relative;display:flex;align-items:center}
.header-tool{position:relative;display:inline-grid;place-items:center;width:40px;height:40px;border:1px solid #DFE7F3;border-radius:12px;background:#fff;color:#244D89;font-size:19px;line-height:1;cursor:pointer;transition:all .16s ease}
.header-tool:hover,.header-tool:focus-visible{background:#EDF4FF;border-color:#B8CDEF;outline:0;box-shadow:0 0 0 3px rgba(36,99,197,.10)}
.tool-badge{position:absolute;right:-5px;top:-5px;min-width:18px;height:18px;padding:0 4px;border-radius:99px;display:grid;place-items:center;background:#E14F5A;color:#fff;border:2px solid #fff;font-size:9px;font-weight:800}
.header-user{display:flex;align-items:center;gap:9px;margin-left:3px;padding-left:13px;border-left:1px solid #E3EAF4;min-width:0}
.header-user .avatar{flex-shrink:0}
.header-user-copy{display:flex;flex-direction:column;gap:3px;max-width:170px;min-width:0}
.header-user-copy b{font-size:11px;color:#1D3E70;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.header-user-copy small{font-size:10px;color:#7A8BA6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.header-dropdown{display:none;position:absolute;right:0;top:calc(100% + 12px);width:330px;max-width:calc(100vw - 28px);background:#fff;border:1px solid #E0E8F3;border-radius:15px;box-shadow:0 18px 48px rgba(15,42,83,.18);z-index:100;overflow:hidden;color:#203858}
.header-dropdown.show{display:block;animation:dropdownIn .15s ease-out}
@keyframes dropdownIn{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}
.dropdown-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:15px 16px;border-bottom:1px solid #EAF0F7;background:#F8FAFE}
.dropdown-head b{font-size:13px;color:#193D74}
.dropdown-head span{font-size:10px;color:#71829C}
.dropdown-item{display:flex;align-items:flex-start;gap:10px;padding:12px 14px;border-bottom:1px solid #F0F3F8;text-decoration:none;color:inherit;transition:background .15s}
.dropdown-item:hover{background:#F5F8FE}
.dropdown-item.unread{background:#F2F7FF}
.dropdown-dot{width:7px;height:7px;flex-shrink:0;margin-top:5px;border-radius:50%;background:#C3CDDA}
.dropdown-item.unread .dropdown-dot{background:#2463C5;box-shadow:0 0 0 3px #DCEAFF}
.dropdown-copy{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1}
.dropdown-copy b{font-size:11px;color:#203E6A;line-height:1.4}
.dropdown-copy p{font-size:11px;color:#687A95;line-height:1.45;margin:0;overflow-wrap:anywhere}
.dropdown-copy small{font-size:9px;color:#91A0B4}
.dropdown-read{border:0;background:#E4F3EB;color:#18734C;border-radius:7px;width:26px;height:26px;cursor:pointer;font-weight:800}
.dropdown-footer{display:flex;justify-content:center;width:100%;padding:12px 15px;border:0;background:#FAFBFE;color:#2157A0;text-decoration:none;font-size:11px;font-weight:700;cursor:pointer}
.dropdown-footer:hover{background:#EDF4FF}
.dropdown-empty{padding:23px 16px;text-align:center;color:#8190A5;font-size:11px}
.settings-dropdown{width:250px}
.settings-emoji{display:grid;place-items:center;flex-shrink:0;width:29px;height:29px;border-radius:9px;background:#E8F0FF;color:#1C54A4}
.message-list{display:flex;flex-direction:column}
.message-card{display:flex;align-items:flex-start;gap:13px;padding:17px 3px;border-bottom:1px solid #EDF1F7}
.message-card:last-child{border-bottom:0}
.message-card.message-unread{background:linear-gradient(90deg,#F0F6FF,transparent);padding-left:12px;padding-right:12px;border-radius:11px}
.message-avatar{width:39px;height:39px;display:grid;place-items:center;flex-shrink:0;border-radius:12px;background:linear-gradient(140deg,#E7F0FF,#D6E5FF);color:#174EA6;font-weight:800}
.message-main{flex:1;min-width:0}
.message-line{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}
.message-line>b{font-size:13px;color:#1B3F76}
.message-direction{font-size:10px;color:#7D8DA4;text-align:right}
.message-main p{font-size:12px;color:#526782;line-height:1.65;overflow-wrap:anywhere;margin:8px 0}
.message-main small{font-size:10px;color:#8A99AE}
.message-card>.btn,.message-card form{flex-shrink:0}
@media(max-width:900px){.header-user-copy{display:none}.header-user{padding-left:9px}.date-chip{display:none}}
@media(max-width:600px){.topbar{gap:8px}.topbar .eyebrow{display:none}.topbar h2{font-size:15px}.topbar-right{gap:6px}.header-tool{width:34px;height:34px;border-radius:10px;font-size:17px}.header-user{border:0;padding-left:0;margin-left:0}.header-dropdown{right:-45px;width:310px}.message-card{flex-wrap:wrap}.message-card>.btn,.message-card form{margin-left:51px}.message-line{flex-direction:column;gap:4px}.message-direction{text-align:left}}
/* Dark theme — retained blue sidebar with legible dark surfaces. */
:root[data-theme="dark"]{color-scheme:dark;--bg:#101827;--text:#E5ECF7;--muted:#A2B1C7;--line:#29364B;--shadow:0 12px 32px rgba(0,0,0,.22)}
html[data-theme="dark"],html[data-theme="dark"] body{background:#101827!important;color:#E5ECF7}
html[data-theme="dark"] .main-area{background:#101827}
html[data-theme="dark"] .topbar{background:rgba(17,27,43,.96);border-color:#27364C;box-shadow:0 5px 20px rgba(0,0,0,.18)}
html[data-theme="dark"] .topbar h2,html[data-theme="dark"] .header-user-copy b{color:#E5EDFA}
html[data-theme="dark"] .eyebrow{color:#9DB5D9}
html[data-theme="dark"] .header-user-copy small{color:#A6B5CA}
html[data-theme="dark"] .header-user{border-color:#2B3A50}
html[data-theme="dark"] .header-tool{background:#1B2940;border-color:#34445D;color:#DCE9FF}
html[data-theme="dark"] .header-tool:hover{background:#263A59}
html[data-theme="dark"] .tool-badge{border-color:#1B2940}
html[data-theme="dark"] .date-chip{background:#1C2D48;color:#D5E5FF;border-color:#344B70}
html[data-theme="dark"] .stat-card,html[data-theme="dark"] .panel,html[data-theme="dark"] .project-card,html[data-theme="dark"] .module-intro,html[data-theme="dark"] .login-card{background:#172337!important;border-color:#2A3A51!important;color:#E5ECF7;box-shadow:var(--shadow)}
html[data-theme="dark"] .module-intro h1,html[data-theme="dark"] .panel-head h3,html[data-theme="dark"] .panel>h3,html[data-theme="dark"] .project-card h3,html[data-theme="dark"] .stat-card strong{color:#E4EDFC}
html[data-theme="dark"] .module-intro p,html[data-theme="dark"] .panel-head p,html[data-theme="dark"] .muted,html[data-theme="dark"] .stat-foot{color:#A2B2C8}
html[data-theme="dark"] .module-intro-mark,html[data-theme="dark"] .message-avatar{background:#243B5D;color:#CDE0FF}
html[data-theme="dark"] .quick-grid a{background:#1A2940;border-color:#2B3C54;color:#E3ECF9}
html[data-theme="dark"] .quick-grid a:hover{background:#223653;border-color:#41618C}
html[data-theme="dark"] .quick-grid small{color:#A8B7CC}
html[data-theme="dark"] .table-wrap{border-color:#2B3A50}
html[data-theme="dark"] table{background:#172337;color:#E1EAF7}
html[data-theme="dark"] th{background:#202F46;color:#B8CAE4}
html[data-theme="dark"] td{color:#D1DCEC;border-color:#2B3A50}
html[data-theme="dark"] tbody tr:hover{background:#1D2C42}
html[data-theme="dark"] .form-grid input,html[data-theme="dark"] .form-grid select,html[data-theme="dark"] .form-grid textarea,html[data-theme="dark"] .toolbar input,html[data-theme="dark"] .verify-form input,html[data-theme="dark"] .verify-form select,html[data-theme="dark"] .inline-fields input,html[data-theme="dark"] .login-card input{background:#111D2F;border-color:#34445D;color:#E7EEF9}
html[data-theme="dark"] input::placeholder,html[data-theme="dark"] textarea::placeholder{color:#7F91AB}
html[data-theme="dark"] .btn.outline{background:#1C2C43;border-color:#3A4E6C;color:#D8E7FF}
html[data-theme="dark"] .btn.outline:hover{background:#263B58}
html[data-theme="dark"] .panel-head,html[data-theme="dark"] .progress-form,html[data-theme="dark"] .profile-details p,html[data-theme="dark"] .footer{border-color:#2B3A50}
html[data-theme="dark"] .profile-details p span,html[data-theme="dark"] .footer{color:#8FA1BA}
html[data-theme="dark"] .header-dropdown{background:#172337;border-color:#31425B;color:#E5ECF7;box-shadow:0 20px 50px rgba(0,0,0,.4)}
html[data-theme="dark"] .dropdown-head{background:#1D2C42;border-color:#2E4058}
html[data-theme="dark"] .dropdown-head b,html[data-theme="dark"] .dropdown-copy b,html[data-theme="dark"] .message-line>b{color:#E1EBFC}
html[data-theme="dark"] .dropdown-head span,html[data-theme="dark"] .dropdown-copy p,html[data-theme="dark"] .dropdown-copy small,html[data-theme="dark"] .message-direction,html[data-theme="dark"] .message-main p,html[data-theme="dark"] .message-main small{color:#A6B6CD}
html[data-theme="dark"] .dropdown-item{border-color:#293A51}
html[data-theme="dark"] .dropdown-item:hover,html[data-theme="dark"] .dropdown-item.unread{background:#20334F}
html[data-theme="dark"] .dropdown-footer{background:#1B2B42;color:#BFD7FF}
html[data-theme="dark"] .dropdown-footer:hover{background:#263C5B}
html[data-theme="dark"] .settings-emoji{background:#253B5D;color:#D3E4FF}
html[data-theme="dark"] .message-card{border-color:#2B3A50}
html[data-theme="dark"] .message-card.message-unread{background:linear-gradient(90deg,#203653,transparent)}
html[data-theme="dark"] .alert{background:#1B2A40;color:#E2EBF8;border-color:#344761}
html[data-theme="dark"] .status{filter:saturate(.85)}
html[data-theme="dark"] .welcome{color:#fff}
html[data-theme="dark"] .chart-wrap{filter:brightness(.88)}
html[data-theme="dark"] .sidebar{background:linear-gradient(180deg,#102F68 0%,#123F86 58%,#0D2B60 100%)}
html[data-theme="dark"] .empty{color:#A2B2C8}
html[data-theme="dark"] .login-body{background:radial-gradient(circle at 85% 10%,#233B60 0,transparent 29%),linear-gradient(135deg,#101827,#172337)}
@media(prefers-reduced-motion:reduce){.header-dropdown.show{animation:none}}


/* ===== KuantumDesa premium icon-only header refinement ===== */
.topbar{
  min-height:78px;padding:15px 30px;display:flex;align-items:center;
  background:rgba(255,255,255,.92);backdrop-filter:blur(18px);
  border-bottom:1px solid rgba(218,228,243,.9);
}
.topbar-title h2{font-size:21px;font-weight:800;letter-spacing:-.55px;color:#16396F}
.topbar-right{gap:11px;margin-left:auto}
.header-tool-wrap{position:relative}
.header-tool{
  width:43px;height:43px;border-radius:14px;background:linear-gradient(145deg,#fff,#F4F7FC);
  border:1px solid #E0E8F4;color:#234F91;font-size:19px;
  box-shadow:0 4px 12px rgba(24,61,115,.045);
}
.header-tool:hover,.header-tool:focus-visible{
  transform:translateY(-2px);background:linear-gradient(145deg,#EEF5FF,#DFEAFC);
  border-color:#BDD0EE;box-shadow:0 8px 20px rgba(23,78,166,.13)
}
.header-tool:active{transform:translateY(0)}
.tool-badge{right:-3px;top:-3px;min-width:18px;height:18px;border:2px solid #fff;font-size:9px}
.header-dropdown{top:calc(100% + 13px);border-radius:17px;box-shadow:0 22px 60px rgba(16,43,88,.20)}
.settings-dropdown{width:255px}
@media(min-width:901px){
  .topbar-right{gap:12px}
  .topbar-right>.header-tool{margin-left:1px}
}
@media(max-width:900px){
  .topbar{padding:13px 18px;min-height:68px}
  .topbar-title h2{font-size:18px}
}
@media(max-width:600px){
  .topbar{padding:12px 13px;gap:9px}
  .topbar-title h2{font-size:15px;max-width:130px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .topbar-right{gap:6px}
  .header-tool{width:36px;height:36px;border-radius:11px;font-size:17px}
  .header-dropdown{right:-38px;max-width:calc(100vw - 20px)}
}
/* Refined dark theme for icon-only header */
html[data-theme="dark"] .topbar{
  background:rgba(17,27,43,.94);border-color:#293A52;
}
html[data-theme="dark"] .topbar-title h2{color:#E6EEFC}
html[data-theme="dark"] .header-tool{
  background:linear-gradient(145deg,#1D2B42,#172337);border-color:#34455E;color:#DCE9FF;
  box-shadow:0 4px 12px rgba(0,0,0,.15)
}
html[data-theme="dark"] .header-tool:hover{
  background:linear-gradient(145deg,#2A3E5D,#21334D);border-color:#49668F;
  box-shadow:0 8px 20px rgba(0,0,0,.25)
}
html[data-theme="dark"] .tool-badge{border-color:#1D2B42}


/* ===== FINAL HEADER ALIGNMENT FIX: consistent icon toolbar ===== */
.topbar{
  width:100%!important;height:78px!important;min-height:78px!important;
  box-sizing:border-box!important;display:flex!important;flex-flow:row nowrap!important;
  align-items:center!important;gap:18px!important;padding:0 28px!important;
  position:sticky!important;top:0!important;z-index:50!important;overflow:visible!important;
}
.topbar-title{flex:1 1 auto!important;min-width:0!important;display:flex!important;flex-direction:column!important;justify-content:center!important;gap:4px!important}
.topbar-title .eyebrow{margin:0!important;line-height:1.2!important;font-size:9px!important;white-space:nowrap!important}
.topbar-title h2{margin:0!important;padding:0!important;line-height:1.25!important;font-size:19px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.topbar-right{flex:0 0 auto!important;display:flex!important;flex-flow:row nowrap!important;align-items:center!important;justify-content:flex-end!important;gap:9px!important;margin:0 0 0 auto!important;padding:0!important}
.topbar-right>.header-tool,.topbar-right>.header-tool-wrap{flex:0 0 42px!important;width:42px!important;min-width:42px!important;height:42px!important;display:flex!important;align-items:center!important;justify-content:center!important;margin:0!important}
.topbar-right .header-tool-wrap{position:relative!important}
.topbar-right .header-tool{width:42px!important;height:42px!important;min-width:42px!important;max-width:42px!important;padding:0!important;display:grid!important;place-items:center!important;line-height:1!important;border-radius:13px!important}
.header-tool svg,#themeIcon{display:block!important;width:19px!important;height:19px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.8!important;stroke-linecap:round!important;stroke-linejoin:round!important;pointer-events:none!important}
.topbar-right .tool-badge{position:absolute!important;right:-4px!important;top:-4px!important;display:grid!important;place-items:center!important;width:auto!important;min-width:17px!important;height:17px!important;padding:0 4px!important;line-height:1!important;border-radius:20px!important;font-size:9px!important}
.topbar-right .header-dropdown{position:absolute!important;right:0!important;top:calc(100% + 10px)!important;width:320px!important;max-width:min(320px,calc(100vw - 24px))!important;z-index:1000!important}
.topbar .menu-toggle{flex:0 0 38px!important;width:38px!important;height:38px!important;align-items:center!important;justify-content:center!important;border-radius:11px!important}
@media(max-width:1200px){
 .topbar{padding:0 22px!important;gap:14px!important}
}
@media(max-width:850px){
 .topbar{height:70px!important;min-height:70px!important;padding:0 16px!important;gap:10px!important}
 .topbar-title .eyebrow{display:none!important}
 .topbar-title h2{font-size:17px!important}
 .topbar-right{gap:7px!important}
 .topbar-right>.header-tool,.topbar-right>.header-tool-wrap{flex-basis:38px!important;width:38px!important;min-width:38px!important;height:38px!important}
 .topbar-right .header-tool{width:38px!important;height:38px!important;min-width:38px!important;max-width:38px!important;border-radius:12px!important}
}
@media(max-width:520px){
 .topbar{padding:0 10px!important;gap:7px!important}
 .topbar .menu-toggle{flex-basis:32px!important;width:32px!important;height:36px!important;padding:0!important;font-size:21px!important}
 .topbar-title h2{font-size:15px!important;max-width:100%!important}
 .topbar-right{gap:5px!important}
 .topbar-right>.header-tool,.topbar-right>.header-tool-wrap{flex-basis:32px!important;width:32px!important;min-width:32px!important;height:34px!important}
 .topbar-right .header-tool{width:32px!important;height:34px!important;min-width:32px!important;max-width:32px!important;border-radius:10px!important}
 .header-tool svg,#themeIcon{width:17px!important;height:17px!important}
 .topbar-right .header-dropdown{right:-5px!important;max-width:calc(100vw - 18px)!important}
}
html[data-theme="dark"] .topbar{background:rgba(17,27,43,.97)!important}


/* Realtime dashboard chart status */
.chart-status-wrap{display:flex;flex-direction:column;align-items:flex-end;gap:5px;flex-shrink:0}
.chart-live-status{display:inline-flex;align-items:center;gap:6px;padding:5px 9px;border-radius:999px;font-size:9px;font-weight:800;letter-spacing:.8px}
.chart-live-status:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}
.chart-live-status.online{color:#12805C;background:#E5F7EF}
.chart-live-status.offline{color:#B54747;background:#FCEBEC}
.chart-updated{font-size:10px;color:#8090A6;white-space:nowrap}
.chart-wrap{height:270px;position:relative}
html[data-theme="dark"] .chart-live-status.online{color:#75E0B6;background:#173C35}
html[data-theme="dark"] .chart-live-status.offline{color:#FFB3B3;background:#472A34}
html[data-theme="dark"] .chart-updated{color:#9EB0C9}
@media(max-width:520px){.chart-wrap{height:235px}.chart-updated{font-size:9px}}


/* ===== KuantumDesa layout stabilization patch 2026-10-11 ===== */
:root{--kd-sidebar-width:252px;--kd-content-max:1600px}
html{min-height:100%;overflow-x:hidden}
body{min-width:320px;overflow-x:hidden}
.app-shell{display:block;position:relative;width:100%;min-height:100vh;overflow-x:clip}
.sidebar{position:fixed!important;left:0!important;top:0!important;bottom:0!important;width:var(--kd-sidebar-width)!important;height:100vh!important;height:100dvh!important;z-index:1000!important;padding:18px 14px!important;display:flex!important;flex-direction:column!important;overflow:hidden!important}
.sidebar>.brand{display:flex!important;align-items:center!important;gap:10px!important;min-height:60px;flex:0 0 auto!important;padding:3px 8px 18px!important;max-width:100%;overflow:hidden}
.sidebar>.brand>span:last-child{min-width:0;overflow:hidden}
.sidebar>.brand b,.sidebar>.brand small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sidebar>nav{display:flex;flex:1 1 auto!important;flex-direction:column;min-height:0!important;overflow-y:auto!important;overflow-x:hidden!important;padding:0 3px 12px 0!important;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:rgba(210,226,250,.48) transparent}
.sidebar>nav .nav-link{flex:0 0 auto;min-height:42px;white-space:normal;overflow-wrap:anywhere}
.sidebar>.sidebar-bottom{flex:0 0 auto!important;margin-top:auto!important;padding-top:12px!important;padding-bottom:0!important;background:inherit}
.main-area{display:block!important;min-width:0!important;width:calc(100% - var(--kd-sidebar-width))!important;margin-left:var(--kd-sidebar-width)!important;min-height:100vh;overflow-x:clip}
.topbar{width:100%;min-width:0;box-sizing:border-box;padding-left:clamp(16px,2.4vw,34px)!important;padding-right:clamp(16px,2.4vw,34px)!important;gap:12px!important}
.topbar-title{min-width:0;flex:0 1 auto}.topbar-title h2{overflow-wrap:anywhere}
.topbar-right{min-width:0;gap:8px!important;flex:0 0 auto}
.content{width:100%;max-width:var(--kd-content-max)!important;margin:0 auto!important;padding:26px clamp(16px,2.4vw,34px) 22px!important;min-width:0;overflow-wrap:anywhere}
.content>*{min-width:0;max-width:100%}
.stats-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.two-col{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:16px}
.panel,.stat-card,.account-info-card,.account-security-card,.account-help-card{min-width:0}
.table-wrap{max-width:100%;overflow-x:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}
table{min-width:620px}
.page-actions{min-width:0;flex-wrap:wrap}.page-actions>div{min-width:0;flex:1 1 240px}
.form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.inline-fields{min-width:0;flex-wrap:wrap}.inline-fields>*{min-width:0}
.footer{gap:10px;flex-wrap:wrap}
.header-dropdown{max-height:min(70vh,520px);overflow-y:auto}
@media(max-width:1200px){.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.two-col{grid-template-columns:minmax(0,1fr)}.account-overview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:850px){
 .sidebar{width:min(290px,86vw)!important;transform:translateX(-105%);transition:transform .22s ease;box-shadow:none}
 .sidebar.open{transform:translateX(0);box-shadow:12px 0 36px rgba(8,28,67,.28)}
 .main-area{width:100%!important;margin-left:0!important}
 .topbar{height:auto;min-height:72px;padding-top:12px!important;padding-bottom:12px!important;flex-wrap:nowrap;gap:10px!important}
 .menu-toggle{display:inline-flex!important;align-items:center;justify-content:center;flex:0 0 38px;width:38px;height:38px}
 .topbar-title{flex:1 1 auto}.topbar-title .eyebrow{font-size:8px;letter-spacing:1px}
 .topbar-right{gap:6px!important}.header-tool{width:36px;height:36px}
 .content{padding:22px 18px!important}
 .sidebar.open:before{content:"";position:fixed;z-index:-1;left:min(290px,86vw);top:0;width:100vw;height:100dvh;background:rgba(11,24,46,.34);pointer-events:none}
}
@media(max-width:600px){
 .topbar{padding-left:12px!important;padding-right:12px!important;gap:6px!important}
 .topbar-title h2{font-size:15px!important}.topbar-title .eyebrow{display:none}
 .topbar-right{gap:4px!important}.header-tool{width:32px;height:32px;border-radius:9px}
 .header-dropdown{right:-40px;width:min(320px,calc(100vw - 20px));max-width:calc(100vw - 20px)}
 .header-user-copy{display:none!important}
 .content{padding:18px 12px!important}
 .welcome{padding:22px 18px!important}.welcome h1{font-size:21px!important}
 .stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 .stat-card{padding:14px!important;min-height:120px}.stat-card strong{font-size:26px!important}
 .panel{padding:16px!important;border-radius:14px}
 .panel-head{flex-wrap:wrap}.chart-wrap{height:220px!important}
 .form-grid{grid-template-columns:minmax(0,1fr)!important}.span-2{grid-column:auto!important}
 .page-actions{align-items:stretch}.page-actions>.btn{align-self:flex-start}
 .verify-form{min-width:0;flex-wrap:wrap}.verify-form>*{min-width:0;flex:1 1 100px}
 .project-grid{grid-template-columns:minmax(0,1fr)!important}
 .account-overview-grid{grid-template-columns:minmax(0,1fr)!important}
 .account-bottom-grid{grid-template-columns:minmax(0,1fr)!important}
 .account-hero{gap:14px;padding:22px 17px!important;min-height:0}
 .account-avatar-large{width:58px;height:58px;flex-basis:58px}
 .account-hero-copy h2{font-size:19px!important}
 .footer{font-size:10px}
}
@media(max-width:380px){.stats-grid{grid-template-columns:minmax(0,1fr)}.topbar-right .header-tool-wrap:nth-child(2){display:none}.account-hero{flex-direction:column}.account-hero-symbol{display:none}}
@media(prefers-reduced-motion:reduce){.sidebar{transition:none!important}}


/* ===== KuantumDesa account settings and finishing pass ===== */
.account-hero{position:relative;display:flex;align-items:center;gap:20px;overflow:hidden;margin:0 0 18px;padding:28px 30px;border-radius:20px;color:#fff;background:linear-gradient(115deg,#102F68 0%,#174EA6 58%,#2479B9 100%);box-shadow:0 16px 38px rgba(23,78,166,.16)}
.account-avatar-large{width:72px;height:72px;flex:0 0 72px;display:grid;place-items:center;border:3px solid rgba(255,255,255,.55);border-radius:22px;background:rgba(255,255,255,.16);font-size:30px;font-weight:800;box-shadow:0 8px 20px rgba(4,22,57,.15)}
.account-hero-copy{min-width:0;position:relative;z-index:1}.account-kicker{font-size:9px;font-weight:800;letter-spacing:1.8px;color:#C5D9FF}.account-hero-copy h2{font-size:24px;color:#fff;margin:6px 0}.account-hero-copy p{font-size:12px;color:#E0EAFF;margin:0}.account-status{display:inline-flex;align-items:center;gap:6px;margin-left:9px;padding:5px 9px;border:1px solid rgba(255,255,255,.2);border-radius:30px;background:rgba(255,255,255,.1);font-size:10px}.account-status i{width:6px;height:6px;border-radius:50%;background:#62E6A6}.account-hero-symbol{margin-left:auto;font-size:70px;line-height:1;color:rgba(255,255,255,.13);position:relative;z-index:1}.account-overview-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:18px}.account-overview-card{display:flex;align-items:center;gap:12px;min-width:0;padding:17px;border:1px solid #E3EAF5;border-radius:15px;background:#fff;box-shadow:0 7px 22px rgba(22,55,110,.045)}.account-overview-icon{width:40px;height:40px;flex:0 0 40px;display:grid;place-items:center;border-radius:12px;background:#EAF2FF;color:#174EA6;font-size:19px}.account-overview-card div{display:flex;flex-direction:column;gap:5px;min-width:0}.account-overview-card small{font-size:10px;color:#8190A7}.account-overview-card b{font-size:12px;color:#203D6D;overflow-wrap:anywhere}.account-bottom-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:start}.account-panel{min-width:0}.account-panel-heading{display:flex;align-items:center;gap:12px;padding-bottom:17px;margin-bottom:18px;border-bottom:1px solid #EDF1F7}.account-panel-icon{width:42px;height:42px;flex:0 0 42px;display:grid;place-items:center;border-radius:13px;background:#E8F2FF;color:#174EA6;font-size:20px}.account-panel-icon.security{background:#E5F6EC;color:#17865B}.account-panel-heading h3{margin:0 0 4px;font-size:15px}.account-panel-heading p{margin:0;font-size:11px;color:#8190A7}.account-form{gap:14px}.account-form label{margin-bottom:7px}.account-form input{min-height:43px}.account-form .btn{min-height:42px}.account-panel .span-2{min-width:0}
html[data-theme="dark"] .account-overview-card,html[data-theme="dark"] .account-panel,html[data-theme="dark"] .module-intro{background:#172842;border-color:#2A3E5E;color:#E7EEF9}html[data-theme="dark"] .account-overview-card b,html[data-theme="dark"] .account-panel-heading h3,html[data-theme="dark"] .module-intro h1{color:#E7EEF9}html[data-theme="dark"] .account-overview-card small,html[data-theme="dark"] .account-panel-heading p,html[data-theme="dark"] .module-intro p{color:#A9B9D0}html[data-theme="dark"] .account-panel-heading{border-color:#2A3E5E}html[data-theme="dark"] .account-form input{background:#101D32;border-color:#334967;color:#E7EEF9}
@media(max-width:1100px){.account-bottom-grid{grid-template-columns:minmax(0,1fr)}.account-overview-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:650px){.account-hero{padding:22px 18px;gap:14px}.account-avatar-large{width:58px;height:58px;flex-basis:58px;border-radius:17px;font-size:24px}.account-hero-copy h2{font-size:19px}.account-hero-symbol{display:none}.account-overview-grid{grid-template-columns:minmax(0,1fr);gap:9px}.account-overview-card{padding:13px}.account-bottom-grid{gap:12px}.account-panel{padding:16px}}

/* KuantumDesa: hasil kunjungan lapangan */
.visit-stats{margin:0 0 18px}
.visit-stats .stat-card{display:flex;align-items:flex-start;gap:14px;min-width:0}
.visit-stats .stat-icon{display:grid;place-items:center;flex:0 0 42px;height:42px;background:#EAF2FF;color:#1D58A7;font-size:21px}
.visit-stats small{display:block;color:#7586A0;font-size:12px;margin-bottom:5px}
.visit-stats strong{display:block;font-size:26px;line-height:1.1;color:#163B76;overflow-wrap:anywhere}
.visit-stats p{margin:7px 0 0;color:#8290A5;font-size:11px}
.visit-form{margin-bottom:20px;scroll-margin-top:18px}
.visit-form h3{margin:0 0 5px;color:#183B73}
.visit-form .muted,.visit-results-panel .panel-head p{color:#7A8BA5;font-size:12px;margin:0}
.visit-form-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding-top:5px}
.visit-form-actions .muted{flex:1 1 200px}
.visit-filters{display:grid;grid-template-columns:minmax(200px,1fr) minmax(180px,.65fr) auto auto;gap:10px;align-items:end;margin:18px 0 20px}
.visit-filters label{display:block;font-size:12px;font-weight:700;color:#617694;margin-bottom:7px}
.visit-filters input,.visit-filters select{width:100%;min-width:0;border:1px solid #DCE5F2;border-radius:10px;background:#FBFCFF;padding:11px 12px;color:#243B5B}
.visit-result-list{display:grid;gap:14px}
.visit-result-card{border:1px solid #E4EAF3;border-radius:15px;padding:19px;background:linear-gradient(145deg,#fff,#FCFDFF);min-width:0}
.visit-result-top{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding-bottom:14px;border-bottom:1px solid #EDF1F7}
.visit-result-top h3{font-size:18px;margin:10px 0 4px;color:#183B73;overflow-wrap:anywhere}
.visit-result-top .muted{margin:0;color:#7A8BA5;font-size:12px}
.visit-result-section{margin-top:15px;min-width:0}
.visit-result-section b{font-size:12px;color:#617694;display:block;margin-bottom:5px}
.visit-result-section p{white-space:normal;overflow-wrap:anywhere;color:#30445F;line-height:1.65;margin:0;font-size:13px}
.visit-result-section.issue{padding:12px;border-radius:10px;background:#FFF8EE;border:1px solid #F5E4C7}
.visit-result-section.issue b{color:#96601B}
.visit-result-section.followup{padding:12px;border-radius:10px;background:#EFF6FF;border:1px solid #D8E7FC}
.visit-result-section.followup b{color:#24579A}
.visit-map-link{display:inline-flex;margin-top:14px;color:#205AA8;font-weight:700;font-size:12px;text-decoration:none}
.visit-result-foot{border-top:1px solid #EDF1F7;margin-top:15px;padding-top:11px;color:#8996A9;font-size:11px}
.visit-empty{padding:34px;text-align:center;color:#74839B}
.visit-empty strong{color:#304967}.visit-empty p{margin:7px 0 0;font-size:12px}
@media(max-width:760px){.visit-filters{grid-template-columns:1fr 1fr}.visit-filters>div:first-of-type{grid-column:1/-1}.visit-filters .btn{justify-content:center}.visit-result-card{padding:15px}.visit-result-top{flex-direction:column}.visit-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.visit-stats .stat-card{padding:15px}.visit-stats strong{font-size:22px}}
@media(max-width:420px){.visit-stats{grid-template-columns:1fr}.visit-filters{grid-template-columns:1fr}.visit-filters>div:first-of-type{grid-column:auto}.visit-form-actions>*{width:100%;justify-content:center}}


/* KuantumDesa - Profile Desa PLD */
.action-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.village-profile-hero{display:flex;align-items:center;gap:22px;padding:28px;margin:18px 0 22px;border-radius:22px;background:linear-gradient(120deg,#071e48,#075267 68%,#16847a);color:#fff;box-shadow:0 16px 40px rgba(7,30,72,.18)}
.village-profile-emblem{width:72px;height:72px;display:grid;place-items:center;flex:none;border-radius:20px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.24);font-size:36px}
.village-profile-heading{min-width:0;flex:1}.village-profile-heading h2{margin:5px 0 6px;font-size:clamp(24px,3vw,34px);color:#fff}.village-profile-heading p{margin:0;color:rgba(255,255,255,.78)}.village-profile-heading .eyebrow{color:#c7e9f0;font-size:11px;letter-spacing:.14em;font-weight:800}
.village-profile-tags{display:flex;gap:7px;flex-wrap:wrap;margin-top:14px}.village-profile-tags span{font-size:12px;padding:5px 9px;border-radius:999px;background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.17)}.village-profile-updated{display:flex;flex-direction:column;gap:5px;text-align:right;white-space:nowrap;color:#fff}.village-profile-updated small{color:rgba(255,255,255,.68)}
.village-demographics{margin-bottom:20px}.village-profile-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.village-profile-grid .panel{min-width:0;padding:22px}.panel-symbol{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:var(--surface-muted,#edf3f8);color:var(--primary,#075267);font-size:20px;flex:none}.village-data-list{margin:4px 0 0}.village-data-list>div{display:grid;grid-template-columns:minmax(120px,.8fr) minmax(0,1.2fr);gap:14px;padding:11px 0;border-bottom:1px solid var(--border,#e6ebf2)}.village-data-list>div:last-child{border-bottom:0}.village-data-list dt{font-size:13px;color:var(--muted,#718096)}.village-data-list dd{margin:0;font-size:13px;font-weight:650;overflow-wrap:anywhere}.village-profile-grid h4{margin:17px 0 7px;font-size:13px}.village-long-text{font-size:13px;line-height:1.75;color:var(--text,#26364b);overflow-wrap:anywhere}.idm-score{display:flex;align-items:baseline;gap:12px;margin:22px 0 12px}.idm-score strong{font-size:38px;letter-spacing:-.04em}.idm-score span{color:var(--muted,#718096);font-size:13px}.idm-status{margin:8px 0 14px}.small-note{font-size:12px;line-height:1.6}.village-population-bar{height:8px;border-radius:99px;background:#e7edf5;overflow:hidden;margin:20px 0 8px}.village-population-bar span{display:block;height:100%;background:linear-gradient(90deg,#1769aa,#42b4c4);border-radius:99px}.village-edit-form{padding:24px;margin-bottom:18px}.village-form-section{padding:20px 0;border-bottom:1px solid var(--border,#e6ebf2)}.village-form-section h4{margin:0 0 16px;font-size:15px}.village-form-section .form-grid{padding:0}.village-form-section label{display:block;margin-bottom:7px}.village-form-section input,.village-form-section select,.village-form-section textarea{width:100%;min-width:0}.village-form-section .span-2{grid-column:span 2}.village-edit-form .form-submit{display:flex;gap:10px;align-items:center;margin-top:20px}.village-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding:18px}.village-list-card{min-width:0;padding:20px;border:1px solid var(--border,#e6ebf2);border-radius:17px;background:var(--card-bg,#fff);transition:transform .18s ease,box-shadow .18s ease}.village-list-card:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(20,45,80,.08)}.village-list-card-top{display:flex;justify-content:space-between;align-items:center;gap:8px}.village-card-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;background:#e7f3f6;color:#075267;font-size:24px}.village-list-card h3{font-size:18px;margin:16px 0 5px;overflow-wrap:anywhere}.village-list-location{min-height:38px;font-size:12px;line-height:1.55;color:var(--muted,#718096)}.village-mini-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:17px 0}.village-mini-stats>div{padding:10px 8px;border-radius:11px;background:var(--surface-muted,#f3f6fa);min-width:0}.village-mini-stats small{display:block;font-size:10px;color:var(--muted,#718096);margin-bottom:5px}.village-mini-stats b{font-size:14px;overflow-wrap:anywhere}.village-list-footer{display:flex;gap:8px;flex-wrap:wrap;padding-top:14px;border-top:1px solid var(--border,#e6ebf2)}
[data-theme="dark"] .village-list-card{background:var(--card-bg,#121d2e)}[data-theme="dark"] .village-mini-stats>div{background:rgba(255,255,255,.055)}[data-theme="dark"] .village-population-bar{background:#29364a}[data-theme="dark"] .panel-symbol{background:rgba(255,255,255,.07);color:#a7dce7}
@media(max-width:1100px){.village-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.village-profile-grid{gap:14px}}
@media(max-width:760px){.village-profile-hero{padding:20px;gap:14px;align-items:flex-start;flex-wrap:wrap}.village-profile-emblem{width:54px;height:54px;border-radius:15px;font-size:28px}.village-profile-heading{flex-basis:calc(100% - 72px)}.village-profile-updated{width:100%;text-align:left;padding-top:12px;border-top:1px solid rgba(255,255,255,.18)}.village-profile-grid{grid-template-columns:minmax(0,1fr)}.village-card-grid{grid-template-columns:minmax(0,1fr);padding:12px}.village-edit-form{padding:16px}.village-form-section{padding:16px 0}.village-form-section .form-grid{grid-template-columns:minmax(0,1fr)}.village-form-section .span-2{grid-column:span 1}.village-data-list>div{grid-template-columns:minmax(105px,.85fr) minmax(0,1.15fr);gap:9px}.village-mini-stats{gap:6px}.village-mini-stats>div{padding:9px 6px}.village-mini-stats b{font-size:12px}.action-row{width:100%}}

/* KuantumDesa: detail monitoring pembangunan */
.project-detail-list { overflow-wrap:anywhere; }
.project-detail-list > div { min-width:0; padding:9px 10px; border:1px solid var(--border, #e5eaf1); border-radius:10px; background:var(--panel-soft, rgba(127,145,170,.045)); }
.project-detail-list small { display:inline-block; margin-bottom:3px; }
input[type="file"] { max-width:100%; padding:10px; border:1px dashed var(--border, #d8e0eb); border-radius:10px; background:var(--panel-soft, rgba(127,145,170,.04)); }
@media (max-width:600px) { .project-detail-list { grid-template-columns:1fr !important; } .project-detail-list > div[style*="grid-column"] { grid-column:auto !important; } }


/* KuantumDesa — pusat dokumen desa */
.document-guidance{margin-bottom:18px}.document-category-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.document-category-grid span{display:flex;align-items:center;min-height:42px;padding:10px 12px;border:1px solid var(--border,#e4eaf2);border-radius:11px;background:var(--panel-soft,rgba(120,140,165,.05));font-size:12px;font-weight:650;color:var(--text,#2c405d)}.document-form{margin-bottom:20px}.document-form .panel-head{margin-bottom:2px}.document-filters{display:grid;grid-template-columns:minmax(180px,1.2fr) minmax(160px,.9fr) minmax(170px,1fr) minmax(120px,.6fr) auto auto;gap:10px;align-items:end;margin:18px 0 20px}.document-filters label{display:block;font-size:12px;font-weight:700;color:var(--muted,#718096);margin-bottom:7px}.document-filters input,.document-filters select{width:100%;min-width:0;border:1px solid var(--border,#dce5f2);border-radius:10px;background:var(--input-bg,#fbfcff);padding:11px 12px;color:var(--text,#243b5b)}.document-filters .btn{white-space:nowrap}.table-actions{display:flex;gap:7px;align-items:center;flex-wrap:wrap}.table-actions form{margin:0}.document-form input[type=file]{width:100%}.document-form .muted{display:block;font-size:11px;line-height:1.5;margin-top:6px}.document-form .form-submit{display:flex;gap:10px;flex-wrap:wrap}.document-form .form-submit button{min-height:42px}
[data-theme="dark"] .document-category-grid span{color:var(--text,#e4ebf5);background:rgba(255,255,255,.035)}[data-theme="dark"] .document-filters input,[data-theme="dark"] .document-filters select{background:#101b2b;color:#e5edf8;border-color:#304158}
@media(max-width:1100px){.document-filters{grid-template-columns:repeat(3,minmax(0,1fr))}.document-category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.document-filters{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.document-filters>div:first-child{grid-column:1/-1}.document-filters .btn{justify-content:center}.document-category-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.document-form{padding:16px}.document-form .form-submit button{flex:1 1 100%}.table-actions .btn{padding:8px 10px}}
@media(max-width:420px){.document-filters{grid-template-columns:1fr}.document-filters>div:first-child{grid-column:auto}.document-category-grid{grid-template-columns:1fr}}

/* Premium archive documents experience */
.documents-hero{position:relative;display:grid;grid-template-columns:minmax(0,1.5fr) minmax(250px,.7fr);gap:28px;align-items:center;overflow:hidden;margin:4px 0 22px;padding:30px 32px;border-radius:24px;color:#f8fbff;background:radial-gradient(circle at 82% 8%,rgba(70,173,205,.28),transparent 34%),linear-gradient(120deg,#071d42 0%,#103b68 58%,#176b7a 100%);box-shadow:0 16px 40px rgba(10,37,75,.18)}
.documents-hero:after{content:"";position:absolute;right:22%;bottom:-115px;width:270px;height:270px;border:1px solid rgba(255,255,255,.11);border-radius:50%;box-shadow:0 0 0 30px rgba(255,255,255,.025),0 0 0 65px rgba(255,255,255,.02);pointer-events:none}
.documents-hero-copy,.documents-hero-action{position:relative;z-index:1}.documents-kicker{display:flex;align-items:center;gap:9px;font-size:10px;font-weight:800;letter-spacing:1.65px;color:#aee6ee}.documents-kicker-dot{width:7px;height:7px;border-radius:50%;background:#b6e36b;box-shadow:0 0 0 4px rgba(182,227,107,.13)}.documents-hero h1{font-size:clamp(27px,3vw,38px);line-height:1.12;letter-spacing:-1.2px;margin:13px 0 10px;color:#fff}.documents-hero p{max-width:650px;margin:0;color:rgba(241,248,255,.78);font-size:13px;line-height:1.8}.documents-hero-tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:20px}.documents-hero-tags span{padding:7px 10px;border:1px solid rgba(255,255,255,.17);border-radius:999px;background:rgba(255,255,255,.07);font-size:10px;font-weight:650;color:#e9f6ff}.documents-hero-action{display:flex;flex-direction:column;align-items:flex-start;gap:12px;padding:20px;border:1px solid rgba(255,255,255,.16);border-radius:18px;background:rgba(255,255,255,.09);backdrop-filter:blur(8px)}.documents-hero-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:rgba(255,255,255,.14);font-size:22px;color:#d3f3ff}.documents-hero-action strong{display:block;font-size:14px;color:#fff}.documents-hero-action small{display:block;margin-top:5px;color:rgba(239,248,255,.7);font-size:11px;line-height:1.6}.documents-hero-action .btn{width:100%;justify-content:center;min-height:42px;background:#fff!important;color:#0c3156!important;border:0!important;box-shadow:0 5px 16px rgba(0,0,0,.12)}.documents-stats{margin-bottom:22px}.documents-stats .stat-card{border-radius:17px;box-shadow:0 6px 22px rgba(19,40,72,.055);transition:transform .18s ease,box-shadow .18s ease}.documents-stats .stat-card:hover{transform:translateY(-2px);box-shadow:0 12px 26px rgba(19,40,72,.09)}.document-guidance{border-radius:19px;padding:22px 23px}.documents-section-label{display:block;margin-bottom:6px;color:#16818d;font-size:9px;font-weight:850;letter-spacing:1.4px}.document-guidance .panel-head{align-items:center}.document-guidance .panel-head h3,.documents-archive-heading h3{margin:0;font-size:17px;letter-spacing:-.3px}.document-guidance .panel-head p,.documents-archive-heading p{margin:6px 0 0;line-height:1.6}.documents-section-icon{display:grid;place-items:center;flex:0 0 42px;height:42px;border-radius:13px;color:#137887;background:#e7f7f7;font-size:20px}.document-category-grid{margin-top:18px}.document-category-grid span{gap:10px;min-height:52px;padding:11px 13px;border-radius:12px;background:linear-gradient(135deg,#fbfdff,#f4f8fc);border-color:#e5edf5;transition:border-color .15s ease,transform .15s ease}.document-category-grid span:hover{transform:translateY(-1px);border-color:#9dd6df}.document-category-grid span i{display:grid;place-items:center;flex:0 0 26px;height:26px;border-radius:8px;background:#e1f3f5;color:#117888;font-style:normal;font-size:9px;font-weight:850}.document-form{border-radius:19px;padding:24px}.documents-archive-panel{margin-top:22px;border-radius:19px;overflow:hidden}.documents-archive-heading{padding-bottom:18px;border-bottom:1px solid var(--border,#e5eaf2)}.documents-result-count{display:inline-flex;align-items:center;align-self:center;white-space:nowrap;padding:7px 11px;border:1px solid var(--border,#e3eaf2);border-radius:999px;background:var(--panel-soft,#f7f9fc);color:var(--muted,#62748c);font-size:11px;font-weight:750}.documents-filter-bar{padding:16px;border:1px solid var(--border,#e5ebf3);border-radius:15px;background:var(--panel-soft,rgba(120,140,165,.045))}.documents-archive-panel .table-wrap{border:1px solid var(--border,#e6ebf2);border-radius:13px;overflow:auto}.documents-archive-panel table{min-width:850px}.documents-archive-panel thead th{background:#f4f8fc;color:#50627a;font-size:10px;font-weight:800;letter-spacing:.45px;text-transform:uppercase;border-bottom:1px solid #e2eaf3}.documents-archive-panel tbody td{padding-top:15px;padding-bottom:15px;vertical-align:middle}.documents-archive-panel tbody tr:hover{background:rgba(29,139,160,.035)}.documents-archive-panel tbody td:first-child b{display:block;color:var(--text,#1c304b);font-size:12px;line-height:1.55}.documents-archive-panel .table-sub{max-width:290px;line-height:1.55;overflow-wrap:anywhere}.documents-archive-panel .table-actions .btn{border-radius:9px}.documents-archive-panel .empty{padding:38px 18px;border:1px dashed var(--border,#d9e3ee);border-radius:14px;text-align:center}
[data-theme="dark"] .documents-hero{box-shadow:0 16px 40px rgba(0,0,0,.25)}[data-theme="dark"] .document-category-grid span{background:rgba(255,255,255,.035);border-color:#2b3b50}[data-theme="dark"] .document-category-grid span i{background:#183d4b;color:#a6e9ee}[data-theme="dark"] .documents-section-icon{background:#183d4b;color:#a6e9ee}[data-theme="dark"] .documents-filter-bar{background:rgba(255,255,255,.025)}[data-theme="dark"] .documents-archive-panel thead th{background:#172438;color:#b7c7dc;border-color:#2c3b50}[data-theme="dark"] .documents-result-count{background:#172438;border-color:#2c3b50;color:#c4d2e5}
@media(max-width:850px){.documents-hero{grid-template-columns:1fr;padding:25px}.documents-hero-action{display:grid;grid-template-columns:42px 1fr;align-items:center}.documents-hero-action .btn{grid-column:1/-1}.documents-hero:after{right:-80px}.document-category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.documents-hero{padding:21px 18px;border-radius:18px;gap:20px}.documents-hero h1{font-size:28px}.documents-hero-tags{gap:6px}.documents-hero-tags span{font-size:9px}.documents-hero-action{padding:15px}.document-guidance,.document-form{padding:17px}.document-category-grid{grid-template-columns:1fr}.documents-archive-heading{align-items:flex-start;gap:10px}.documents-result-count{font-size:10px}.documents-filter-bar{padding:11px}}

/* Premium refresh: Arsip Dokumen Desa search and filters */
.documents-archive-panel{background:linear-gradient(180deg,var(--panel,#fff) 0%,var(--panel,#fff) 72%,var(--panel-soft,#f8fbff) 100%);border:1px solid #dfe8f2;box-shadow:0 16px 42px rgba(19,48,82,.075)}
.documents-archive-heading{padding:5px 3px 19px;align-items:center}
.documents-archive-heading>div{position:relative;padding-left:15px}
.documents-archive-heading>div:before{content:"";position:absolute;left:0;top:4px;bottom:3px;width:4px;border-radius:5px;background:linear-gradient(180deg,#0e7490,#38b6a2)}
.documents-archive-heading h3{font-size:20px;letter-spacing:-.55px;color:var(--text,#193451)}
.documents-archive-heading p{font-size:12px;max-width:620px;color:var(--muted,#6e8095)}
.documents-result-count{padding:9px 13px;background:linear-gradient(135deg,#e9f7fa,#f0f5ff);border-color:#d4e8f0;color:#14566e;font-size:11px;box-shadow:inset 0 1px 0 rgba(255,255,255,.8)}
.documents-filter-bar{position:relative;display:grid;grid-template-columns:minmax(200px,1.3fr) minmax(145px,.85fr) minmax(190px,1.1fr) minmax(125px,.65fr) auto auto;gap:12px;align-items:end;margin:20px 0 22px;padding:20px;border:1px solid #dce8f2;border-radius:19px;background:radial-gradient(circle at 0 0,rgba(42,151,173,.07),transparent 36%),linear-gradient(135deg,#f8fbff,#f1f7fb);box-shadow:0 8px 22px rgba(23,60,93,.045)}
.documents-filter-bar:before{content:"FILTER ARSIP";position:absolute;top:-9px;left:18px;padding:2px 9px;border-radius:5px;background:#fff;color:#187c8c;font-size:9px;font-weight:850;letter-spacing:1.25px}
.documents-filter-bar>div{min-width:0}
.documents-filter-bar label{display:flex;align-items:center;gap:7px;margin:0 0 8px;color:#536a82;font-size:10px;font-weight:850;letter-spacing:.45px;text-transform:uppercase}
.documents-filter-bar label:before{content:"";width:6px;height:6px;border-radius:2px;background:#2a9ca7;box-shadow:0 0 0 3px rgba(42,156,167,.11)}
.documents-filter-bar input,.documents-filter-bar select{height:45px;width:100%;min-width:0;border:1px solid #d6e1ed;border-radius:11px;background:#fff;color:#203b58;padding:0 13px;font:500 12px 'DM Sans',sans-serif;box-shadow:0 2px 4px rgba(15,40,70,.025);transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}
.documents-filter-bar select{padding-right:30px;cursor:pointer}
.documents-filter-bar input::placeholder{color:#9aa9b9}
.documents-filter-bar input:hover,.documents-filter-bar select:hover{border-color:#a9c8d8}
.documents-filter-bar input:focus,.documents-filter-bar select:focus{outline:none;border-color:#2b9aa8;box-shadow:0 0 0 4px rgba(43,154,168,.13);background:#fff}
.documents-filter-bar .btn{height:45px;padding:0 17px;border-radius:11px;font-size:11px;font-weight:800;letter-spacing:.1px;transition:transform .18s ease,box-shadow .18s ease}
.documents-filter-bar .btn.primary{background:linear-gradient(135deg,#123b63,#167b88);box-shadow:0 7px 14px rgba(18,91,116,.19)}
.documents-filter-bar .btn.primary:hover{transform:translateY(-1px);box-shadow:0 10px 18px rgba(18,91,116,.24)}
.documents-filter-bar .btn.outline{border:1px solid #d4e0eb;background:rgba(255,255,255,.8);color:#4c647d}
.documents-filter-bar .btn.outline:hover{border-color:#9abfce;background:#fff}
[data-theme="dark"] .documents-archive-panel{background:linear-gradient(180deg,#111d2d,#111c2b);border-color:#2b3b50;box-shadow:0 16px 42px rgba(0,0,0,.2)}
[data-theme="dark"] .documents-archive-heading h3{color:#e4edf8}
[data-theme="dark"] .documents-filter-bar{background:radial-gradient(circle at 0 0,rgba(42,151,173,.1),transparent 36%),linear-gradient(135deg,#142338,#111d2d);border-color:#2b4056;box-shadow:none}
[data-theme="dark"] .documents-filter-bar:before{background:#142338;color:#83d9df}
[data-theme="dark"] .documents-filter-bar label{color:#bdcce0}
[data-theme="dark"] .documents-filter-bar input,[data-theme="dark"] .documents-filter-bar select{background:#0d1928;color:#e6eef8;border-color:#30445c}
[data-theme="dark"] .documents-filter-bar input:focus,[data-theme="dark"] .documents-filter-bar select:focus{border-color:#4bb9c1;box-shadow:0 0 0 4px rgba(75,185,193,.14)}
[data-theme="dark"] .documents-filter-bar .btn.outline{background:#19283b;border-color:#35485f;color:#d1deed}
[data-theme="dark"] .documents-result-count{background:#193144;border-color:#2e5969;color:#a9e7eb}
@media(max-width:1100px){.documents-filter-bar{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.documents-filter-bar>div:first-of-type{grid-column:span 2}.documents-filter-bar .btn{width:100%}}
@media(max-width:700px){.documents-archive-panel{padding:17px}.documents-archive-heading{padding-bottom:15px}.documents-archive-heading h3{font-size:18px}.documents-filter-bar{grid-template-columns:repeat(2,minmax(0,1fr));padding:18px 13px 13px;gap:12px}.documents-filter-bar>div:first-of-type{grid-column:1/-1}.documents-filter-bar label{font-size:9px}.documents-filter-bar .btn{padding:0 10px}}
@media(max-width:420px){.documents-filter-bar{grid-template-columns:1fr}.documents-filter-bar>div:first-of-type{grid-column:auto}.documents-filter-bar .btn{width:100%}.documents-result-count{padding:7px 9px}}

/* Agenda & Tugas — premium PLD workspace */
.agenda-hero{position:relative;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:30px 32px;margin:4px 0 22px;border-radius:24px;overflow:hidden;color:#fff;background:linear-gradient(120deg,#071e48 0%,#075c78 55%,#078b88 100%);box-shadow:0 18px 44px rgba(7,50,83,.18)}
.agenda-hero:before,.agenda-hero:after{content:"";position:absolute;border:1px solid rgba(255,255,255,.12);border-radius:50%;pointer-events:none}.agenda-hero:before{width:310px;height:310px;right:80px;top:-190px}.agenda-hero:after{width:220px;height:220px;right:-50px;bottom:-150px}
.agenda-hero-copy,.agenda-hero-action{position:relative;z-index:1}.agenda-kicker{display:inline-block;font-size:10px;font-weight:800;letter-spacing:.16em;color:#159b9c;margin-bottom:8px}.agenda-hero .agenda-kicker{color:#a8f0e6}.agenda-hero h2{font-size:clamp(25px,3vw,34px);line-height:1.15;margin:0 0 10px;color:#fff}.agenda-hero p{max-width:700px;margin:0;color:rgba(255,255,255,.8);line-height:1.7}.agenda-hero-meta{display:flex;flex-wrap:wrap;gap:9px;margin-top:19px}.agenda-hero-meta span{font-size:11px;color:#e9fffb;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.15);border-radius:99px;padding:7px 10px}.agenda-hero-action{display:flex;flex-direction:column;align-items:center;gap:13px;min-width:190px}.agenda-hero-icon{width:62px;height:62px;display:grid;place-items:center;border-radius:20px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.22);font-size:32px}.agenda-create-btn{background:#fff!important;color:#073c59!important;border:0!important;font-weight:800!important;box-shadow:0 7px 20px rgba(0,0,0,.13)}
.agenda-stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:22px}.agenda-stat{display:flex;align-items:center;gap:13px;padding:19px;border:1px solid var(--border,#e4eaf0);border-radius:18px;background:var(--card,#fff);box-shadow:0 6px 22px rgba(20,45,70,.045);min-width:0}.agenda-stat-icon{flex:0 0 45px;width:45px;height:45px;display:grid;place-items:center;border-radius:14px;font-size:21px;font-weight:800}.agenda-stat-icon.all{color:#2163ad;background:#e8f1ff}.agenda-stat-icon.pending{color:#a76b0b;background:#fff2d8}.agenda-stat-icon.progress{color:#087f87;background:#def8f5}.agenda-stat-icon.done{color:#168252;background:#e0f7e9}.agenda-stat small{display:block;color:var(--muted,#718096);font-size:11px}.agenda-stat strong{display:block;font-size:27px;line-height:1.2;color:var(--text,#14233a);margin:3px 0}.agenda-form,.agenda-list-panel{border:1px solid var(--border,#e2e8f0);border-radius:21px;overflow:hidden;margin-bottom:22px}.agenda-form{padding:24px}.agenda-form-heading,.agenda-list-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px}.agenda-form-heading h3,.agenda-list-heading h3{font-size:20px;margin:0 0 6px;color:var(--text,#14233a)}.agenda-form-heading p,.agenda-list-heading p{margin:0;color:var(--muted,#718096);font-size:13px;line-height:1.6}.agenda-form-mark{width:42px;height:42px;display:grid;place-items:center;border-radius:14px;background:#e4f8f5;color:#087f87;font-size:25px}.agenda-fields{gap:17px}.agenda-fields label,.agenda-filter-grid label,.agenda-inline-form label{display:block;font-size:12px;font-weight:750;margin-bottom:7px;color:var(--text,#27364b)}.agenda-fields input,.agenda-fields select,.agenda-fields textarea,.agenda-filter-grid input,.agenda-filter-grid select,.agenda-inline-form select,.agenda-comment-form input{width:100%;min-width:0;border:1px solid var(--border,#dce4ed);border-radius:11px;padding:11px 12px;background:var(--input-bg,#fff);color:var(--text,#17283c);outline:none;transition:border-color .18s,box-shadow .18s}.agenda-fields input:focus,.agenda-fields select:focus,.agenda-fields textarea:focus,.agenda-filter-grid input:focus,.agenda-filter-grid select:focus,.agenda-inline-form select:focus,.agenda-comment-form input:focus{border-color:#0b9995;box-shadow:0 0 0 3px rgba(11,153,149,.12)}.agenda-list-panel{padding:24px}.agenda-total-pill{border-radius:99px;padding:8px 12px;background:#e9f8f6;color:#087f87;font-size:12px;font-weight:800;white-space:nowrap}.agenda-filter-grid{display:grid;grid-template-columns:minmax(200px,1.6fr) repeat(3,minmax(125px,1fr)) auto auto;gap:12px;align-items:end;padding:17px;margin:0 0 18px;border:1px solid #e3edf1;border-radius:16px;background:linear-gradient(135deg,#f7fbff,#f0fbf9)}.agenda-filter-grid>div{min-width:0}.agenda-filter-grid .btn{height:42px;display:flex;align-items:center;justify-content:center}.agenda-task-list{display:grid;gap:13px}.agenda-task-card{display:flex;overflow:hidden;border:1px solid var(--border,#e2e8f0);border-radius:17px;background:var(--card,#fff);box-shadow:0 5px 18px rgba(15,40,65,.035)}.agenda-task-priority{width:5px;flex:0 0 5px;background:#93a3b8}.agenda-task-priority.urgent{background:#e34c55}.agenda-task-priority.high{background:#e99a25}.agenda-task-priority.normal{background:#168b9a}.agenda-task-priority.low{background:#37a66b}.agenda-task-main{flex:1;min-width:0;padding:18px 19px}.agenda-task-top{display:flex;justify-content:space-between;align-items:flex-start;gap:14px}.agenda-task-top h4{font-size:16px;line-height:1.5;margin:9px 0 0;color:var(--text,#14233a);overflow-wrap:anywhere}.agenda-task-tags{display:flex;flex-wrap:wrap;gap:6px}.agenda-category-tag,.agenda-priority-tag,.agenda-overdue-tag,.agenda-status-tag{display:inline-flex;align-items:center;border-radius:99px;padding:5px 8px;font-size:10px;font-weight:800;line-height:1.25}.agenda-category-tag{background:#edf4fb;color:#315d87}.agenda-priority-tag.normal{background:#e9f5fb;color:#236c91}.agenda-priority-tag.low{background:#e5f8eb;color:#23764c}.agenda-priority-tag.high{background:#fff1db;color:#a05c08}.agenda-priority-tag.urgent,.agenda-overdue-tag{background:#ffebeb;color:#b82f3b}.agenda-status-tag{white-space:nowrap;background:#fff2d9;color:#97620c}.agenda-status-tag.berjalan{background:#e0f7f5;color:#087d80}.agenda-status-tag.selesai{background:#e1f7e9;color:#14794b}.agenda-task-description{margin:12px 0 0;color:var(--muted,#66778c);font-size:13px;line-height:1.7;overflow-wrap:anywhere}.agenda-task-meta{display:flex;flex-wrap:wrap;gap:8px 15px;margin-top:14px;color:var(--muted,#66778c);font-size:11px}.agenda-task-meta b{color:var(--text,#23354a)}.text-danger{color:#c73542!important}.agenda-latest-comment{margin-top:14px;padding:12px 14px;border-radius:12px;background:var(--surface-soft,#f5f8fb);border:1px solid var(--border,#e4eaf0)}.agenda-latest-comment b{font-size:11px;color:var(--text,#24364b)}.agenda-latest-comment p{margin:5px 0;color:var(--muted,#66778c);font-size:12px;line-height:1.6;overflow-wrap:anywhere}.agenda-latest-comment small{color:var(--muted,#718096);font-size:10px}.agenda-task-actions{display:flex;gap:12px;flex-wrap:wrap;align-items:end;margin-top:15px;padding-top:14px;border-top:1px solid var(--border,#e7edf2)}.agenda-inline-form,.agenda-comment-form{display:flex;gap:7px;align-items:end;flex:1 1 290px;min-width:0}.agenda-inline-form label{margin:0;align-self:center;white-space:nowrap}.agenda-inline-form select{max-width:160px;padding:8px 9px;font-size:12px}.agenda-comment-form input{flex:1;min-width:120px;padding:9px 11px;font-size:12px}.agenda-task-actions .btn{white-space:nowrap}.agenda-empty{text-align:center;padding:44px 18px;color:var(--muted,#718096)}.agenda-empty>span{display:grid;place-items:center;width:54px;height:54px;margin:0 auto 12px;border-radius:18px;background:#e3f8f0;color:#168252;font-size:25px}.agenda-empty h3{margin:0 0 6px;color:var(--text,#14233a)}.agenda-empty p{margin:0;font-size:13px}
[data-theme="dark"] .agenda-stat,[data-theme="dark"] .agenda-task-card,[data-theme="dark"] .agenda-form,[data-theme="dark"] .agenda-list-panel{background:var(--card,#111d2c);border-color:var(--border,#29374a)}[data-theme="dark"] .agenda-filter-grid{background:linear-gradient(135deg,#111e2e,#102a2d);border-color:#293e4b}[data-theme="dark"] .agenda-category-tag{background:#1d344a;color:#b5d6f5}[data-theme="dark"] .agenda-latest-comment{background:#172536;border-color:#29374a}[data-theme="dark"] .agenda-stat-icon.all{background:#1d3555;color:#9bc6ff}[data-theme="dark"] .agenda-stat-icon.pending{background:#46351b;color:#f6cb7c}[data-theme="dark"] .agenda-stat-icon.progress{background:#123a3b;color:#85e6dc}[data-theme="dark"] .agenda-stat-icon.done{background:#183c2d;color:#91e7b4}[data-theme="dark"] .agenda-form-mark,[data-theme="dark"] .agenda-total-pill{background:#123a3b;color:#85e6dc}
@media(max-width:1100px){.agenda-filter-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.agenda-search-field{grid-column:span 2}.agenda-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.agenda-hero{padding:23px 20px;align-items:flex-start;flex-direction:column}.agenda-hero-action{align-items:flex-start;flex-direction:row;min-width:0}.agenda-hero-icon{width:48px;height:48px;border-radius:14px;font-size:25px}.agenda-stat-grid{gap:9px}.agenda-stat{padding:13px;gap:9px;border-radius:14px}.agenda-stat-icon{width:37px;height:37px;flex-basis:37px;border-radius:11px;font-size:18px}.agenda-stat strong{font-size:23px}.agenda-stat small{font-size:10px}.agenda-form,.agenda-list-panel{padding:17px;border-radius:17px}.agenda-filter-grid{grid-template-columns:1fr 1fr;padding:12px;gap:10px}.agenda-search-field{grid-column:span 2}.agenda-filter-grid .btn{width:100%}.agenda-task-main{padding:14px}.agenda-task-top{flex-direction:column;gap:9px}.agenda-status-tag{align-self:flex-start}.agenda-task-actions{flex-direction:column;align-items:stretch}.agenda-inline-form,.agenda-comment-form{flex-basis:auto;width:100%}.agenda-inline-form{flex-wrap:wrap}.agenda-inline-form label{width:100%}.agenda-inline-form select{flex:1;max-width:none}.agenda-list-heading{flex-direction:column}.agenda-total-pill{align-self:flex-start}}
@media(max-width:420px){.agenda-stat-grid{grid-template-columns:1fr 1fr}.agenda-filter-grid{grid-template-columns:1fr}.agenda-search-field{grid-column:auto}.agenda-hero-meta{gap:6px}.agenda-hero-meta span{font-size:10px}.agenda-comment-form{flex-wrap:wrap}.agenda-comment-form input{flex-basis:100%}}

/* KuantumDesa premium blue card headings */
:root{
  --qd-heading-blue:#1557B0;
  --qd-heading-blue-deep:#123F82;
  --qd-heading-blue-soft:#EAF2FF;
}
.panel-head h3,
.panel>h3,
.project-card h3,
.village-list-card h3,
.village-profile-grid h4,
.account-panel-heading h3,
.agenda-form-heading h3,
.agenda-list-heading h3,
.agenda-task-top h4,
.agenda-empty h3,
.visit-result-card h3,
.document-card h3,
.archive-card h3,
.card h2,
.card h3,
.card h4,
.stat-card h3,
.stat-card .stat-title{
  color:var(--qd-heading-blue)!important;
  font-weight:800!important;
  letter-spacing:-.018em;
}
.panel-head h3,
.panel>h3,
.agenda-form-heading h3,
.agenda-list-heading h3,
.account-panel-heading h3{
  position:relative;
}
.panel-head h3:before,
.panel>h3:before,
.agenda-form-heading h3:before,
.agenda-list-heading h3:before,
.account-panel-heading h3:before{
  content:"";
  display:inline-block;
  width:4px;
  height:1.05em;
  margin-right:9px;
  vertical-align:-.13em;
  border-radius:8px;
  background:linear-gradient(180deg,#3988F5,#1557B0);
  box-shadow:0 2px 7px rgba(21,87,176,.2);
}
.agenda-task-top h4{font-size:16px;text-wrap:pretty}
.village-list-card h3,.project-card h3{line-height:1.4}
[data-theme="dark"] .panel-head h3,
[data-theme="dark"] .panel>h3,
[data-theme="dark"] .project-card h3,
[data-theme="dark"] .village-list-card h3,
[data-theme="dark"] .village-profile-grid h4,
[data-theme="dark"] .account-panel-heading h3,
[data-theme="dark"] .agenda-form-heading h3,
[data-theme="dark"] .agenda-list-heading h3,
[data-theme="dark"] .agenda-task-top h4,
[data-theme="dark"] .agenda-empty h3,
[data-theme="dark"] .visit-result-card h3,
[data-theme="dark"] .document-card h3,
[data-theme="dark"] .archive-card h3,
[data-theme="dark"] .card h2,
[data-theme="dark"] .card h3,
[data-theme="dark"] .card h4{
  color:#8DBBFF!important;
}

/* Premium monitoring cards for Reports & User Management */
.monitor-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:0 0 22px}
.monitor-stats .stat-card{min-height:132px;padding:20px 21px;border-radius:16px;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.monitor-stats .stat-card:hover{transform:translateY(-2px);box-shadow:0 14px 32px rgba(18,59,99,.10);border-color:#c8d9e8}
.monitor-stats .stat-label{font-size:12px;color:#526b83;font-weight:700;letter-spacing:.1px;padding-right:34px}
.monitor-stats .stat-card strong{font-size:32px;line-height:1.15;color:#145da0;margin:14px 0 7px;font-variant-numeric:tabular-nums}
.monitor-stats .stat-foot{font-size:10px;color:#8191a2;line-height:1.5}
.monitor-stats .stat-icon{display:grid;place-items:center;width:39px;height:39px;right:16px;top:16px;border-radius:12px;font-size:19px;font-weight:800}
.monitor-stats .stat-card.blue{border-top:3px solid #2674c8}
.monitor-stats .stat-card.green{border-top:3px solid #169b72}
.monitor-stats .stat-card.gold{border-top:3px solid #d49a26}
.monitor-stats .stat-card.violet{border-top:3px solid #7b61c9}
.panel .panel-head h3{color:#155e9f;font-weight:800}
@media(max-width:1100px){.monitor-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:540px){.monitor-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.monitor-stats .stat-card{padding:15px;min-height:124px}.monitor-stats .stat-card strong{font-size:27px}.monitor-stats .stat-icon{width:31px;height:31px;right:11px;top:11px}}

/* Premium Pusat Pesan KuantumDesa */
.page-actions:has(#composeMessage){align-items:center;gap:18px;margin-bottom:20px}
#composeMessage.panel{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;padding:24px;border:1px solid #D9E6F8;border-radius:18px;background:linear-gradient(145deg,#FFFFFF 0%,#F5F9FF 100%);box-shadow:0 14px 36px rgba(26,74,132,.09);margin-bottom:20px}
#composeMessage.panel.hidden{display:none}
#composeMessage label{display:block;margin-bottom:8px;color:#234D86;font-size:12px;font-weight:750}
#composeMessage input,#composeMessage select,#composeMessage textarea{width:100%;min-width:0;border:1px solid #D8E3F2;border-radius:11px;background:#fff;padding:12px 14px;color:#24364D;font:inherit;outline:none;transition:border-color .18s,box-shadow .18s}
#composeMessage textarea{resize:vertical;min-height:130px;line-height:1.6}
#composeMessage input:focus,#composeMessage select:focus,#composeMessage textarea:focus{border-color:#3978CE;box-shadow:0 0 0 3px rgba(57,120,206,.13)}
#composeMessage .span-2{grid-column:1/-1}
#composeMessage .form-submit{grid-column:1/-1;display:flex;justify-content:flex-end;border-top:1px solid #E3EBF6;padding-top:16px}
#composeMessage .form-submit .btn{min-width:160px;box-shadow:0 8px 18px rgba(30,88,166,.2)}
.message-list{gap:10px}
.message-card{padding:18px;border:1px solid #E5ECF5!important;border-radius:15px;background:#fff;box-shadow:0 4px 14px rgba(25,55,95,.035);transition:transform .18s,box-shadow .18s,border-color .18s}
.message-card:hover{transform:translateY(-1px);box-shadow:0 10px 24px rgba(25,55,95,.075);border-color:#C9DCF6!important}
.message-card.message-unread{background:linear-gradient(110deg,#EDF5FF 0%,#FFFFFF 72%);border-color:#BFD7FA!important}
.message-avatar{width:44px;height:44px;border-radius:14px;background:linear-gradient(145deg,#2872C9,#164A91);color:#fff;box-shadow:0 5px 12px rgba(27,87,158,.18)}
.message-line>b{font-size:14px;color:#1756A0;font-weight:800;overflow-wrap:anywhere}
.message-direction{padding:5px 9px;border-radius:999px;background:#EFF5FD;color:#47678E;font-weight:650}
.message-main p{font-size:13px;color:#4B607A;white-space:normal}
.message-main small{display:inline-block;margin-top:4px;padding:4px 8px;border-radius:7px;background:#F4F7FB;color:#7789A1}
#composeMessage.hidden{display:none!important}
html[data-theme="dark"] #composeMessage.panel{background:linear-gradient(145deg,#172438,#142033);border-color:#30435E}
html[data-theme="dark"] #composeMessage label,html[data-theme="dark"] .message-line>b{color:#8CB9F5}
html[data-theme="dark"] #composeMessage input,html[data-theme="dark"] #composeMessage select,html[data-theme="dark"] #composeMessage textarea{background:#101B2B;color:#E5ECF7;border-color:#35465F}
html[data-theme="dark"] .message-card{background:#172438;border-color:#2C3C53!important}
html[data-theme="dark"] .message-card.message-unread{background:linear-gradient(110deg,#203653,#172438 72%);border-color:#355A88!important}
html[data-theme="dark"] .message-main p{color:#C0CDE0}
html[data-theme="dark"] .message-direction,html[data-theme="dark"] .message-main small{background:#22344C;color:#B2C4DD}
@media(max-width:700px){#composeMessage.panel{grid-template-columns:minmax(0,1fr);padding:17px;gap:14px}#composeMessage .span-2,#composeMessage .form-submit{grid-column:1}#composeMessage .form-submit .btn{width:100%}.message-card{padding:14px}.message-line{align-items:flex-start}}


/* Pusat Pesan — complete page refresh v4; intentionally isolated selectors */
.messages-workspace{display:flex;flex-direction:column;gap:20px;min-width:0}
.messages-hero{position:relative;display:flex;align-items:center;gap:20px;padding:27px 29px;border-radius:22px;overflow:hidden;background:linear-gradient(115deg,#092B59 0%,#125AA4 57%,#287ED0 100%);color:#fff;box-shadow:0 16px 36px rgba(12,65,124,.19)}
.messages-hero:after{content:"";position:absolute;width:230px;height:230px;border:1px solid rgba(255,255,255,.14);border-radius:50%;right:130px;top:-140px;box-shadow:0 0 0 28px rgba(255,255,255,.035),0 0 0 58px rgba(255,255,255,.025);pointer-events:none}
.messages-hero-icon{display:grid;place-items:center;flex:0 0 62px;height:62px;border:1px solid rgba(255,255,255,.24);border-radius:18px;background:rgba(255,255,255,.13);font-size:29px}
.messages-hero-copy{position:relative;z-index:1;min-width:0;flex:1}
.messages-kicker{font-size:10px;letter-spacing:2px;font-weight:800;color:#BFDFFF}
.messages-hero-copy h2{margin:5px 0 7px;font-size:25px;line-height:1.2;color:#fff!important;font-weight:850}
.messages-hero-copy p{max-width:660px;margin:0;color:#DCEBFC;font-size:13px;line-height:1.65}
.messages-compose-btn{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;gap:9px;flex-shrink:0;border:0;border-radius:12px;background:#fff;color:#14569C;padding:13px 17px;font-size:12px;font-weight:800;cursor:pointer;box-shadow:0 7px 18px rgba(0,0,0,.13)}
.messages-compose-btn:hover{background:#EAF4FF;transform:translateY(-1px)}
.messages-compose-btn span{font-size:19px;line-height:1}
.messages-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}
.messages-summary-card{display:flex;align-items:center;gap:14px;min-height:94px;padding:18px 20px;border:1px solid #E2EAF4;border-radius:16px;background:#fff;box-shadow:0 5px 18px rgba(19,54,92,.045)}
.messages-summary-icon{display:grid;place-items:center;width:44px;height:44px;flex:0 0 44px;border-radius:13px;font-size:22px;font-weight:800}
.messages-summary-icon.inbox{background:#E5F1FF;color:#216AC1}.messages-summary-icon.sent{background:#E1F8EF;color:#16845B}.messages-summary-icon.unread{background:#FFF2D8;color:#B87A0D;font-size:15px}
.messages-summary-card div{display:flex;flex-direction:column;gap:5px;min-width:0}.messages-summary-card small{font-size:11px;color:#718198;font-weight:650}.messages-summary-card b{font-size:25px;line-height:1;color:#163F72;font-variant-numeric:tabular-nums}
#composeMessage.panel{margin:0!important}
.messages-inbox{padding:0;overflow:hidden;border:1px solid #E2EAF4;border-radius:18px;box-shadow:0 7px 24px rgba(20,51,89,.045)}
.messages-inbox>.panel-head{padding:20px 23px;margin:0;border-bottom:1px solid #E9EFF7;background:#FBFCFE}
.messages-inbox>.panel-head h3{font-size:16px;margin:0 0 5px;color:#163F72!important}.messages-inbox>.panel-head p{margin:0;font-size:11px;color:#7A8BA1}
.messages-inbox-label{align-self:center;padding:6px 10px;border-radius:8px;background:#EAF3FF;color:#2465AB;font-size:9px;font-weight:850;letter-spacing:1px}
.messages-inbox .message-list{padding:5px 20px}
.messages-inbox .message-card{margin:9px 0;padding:17px;border:1px solid #E5ECF5!important;border-radius:14px;background:#fff}
.messages-inbox .message-card.message-unread{background:linear-gradient(110deg,#EDF5FF,#fff 75%);border-color:#BBD5F7!important}
.messages-inbox .message-main p{font-size:13px;line-height:1.7;color:#52657D}
.messages-inbox .message-avatar{width:43px;height:43px;border-radius:13px}
.messages-inbox .message-direction{background:#F0F5FC;padding:5px 9px;border-radius:7px}
html[data-theme="dark"] .messages-summary-card{background:#172438;border-color:#2C3C53}html[data-theme="dark"] .messages-summary-card b{color:#D7E7FF}html[data-theme="dark"] .messages-inbox>.panel-head{background:#172438;border-color:#2C3C53}html[data-theme="dark"] .messages-inbox .message-card{background:#172438}html[data-theme="dark"] .messages-inbox .message-card.message-unread{background:linear-gradient(110deg,#203653,#172438 75%)}html[data-theme="dark"] .messages-compose-btn{background:#DDEBFF;color:#174E8D}
@media(max-width:760px){.messages-hero{align-items:flex-start;flex-wrap:wrap;padding:21px;gap:14px}.messages-hero-icon{width:49px;height:49px;flex-basis:49px;border-radius:14px;font-size:23px}.messages-hero-copy{flex-basis:calc(100% - 65px)}.messages-hero-copy h2{font-size:21px}.messages-compose-btn{width:100%}.messages-summary{gap:9px}.messages-summary-card{padding:13px;gap:9px;min-height:83px}.messages-summary-icon{width:34px;height:34px;flex-basis:34px;font-size:17px}.messages-summary-card small{font-size:10px}.messages-summary-card b{font-size:21px}.messages-inbox .message-list{padding:5px 10px}.messages-inbox .message-card{padding:13px}}
@media(max-width:440px){.messages-summary{grid-template-columns:1fr}.messages-summary-card{min-height:70px}.messages-summary-card b{font-size:22px}}

/* Dashboard Indonesia map and realtime clock */
.realtime-clock{display:flex;align-items:center;gap:9px;padding:7px 12px;border:1px solid #DCE8F5;border-radius:13px;background:linear-gradient(135deg,#F6FAFF,#EFF8F6);min-width:142px}.realtime-clock>div{display:flex;flex-direction:column;gap:2px}.realtime-clock strong{font-size:13px;letter-spacing:.3px;color:#163D68;font-variant-numeric:tabular-nums}.realtime-clock small{font-size:10px;color:#71849A;white-space:nowrap}.clock-dot,.map-label span{width:8px;height:8px;border-radius:50%;background:#1BAA78;box-shadow:0 0 0 4px #1BAA781A;flex-shrink:0}.indonesia-map-panel{overflow:hidden}.map-label{display:flex;align-items:center;gap:8px;padding:7px 11px;border-radius:30px;background:#EAF7F1;color:#207B5C;font-size:11px;font-weight:700;white-space:nowrap}.indonesia-map-layout{display:grid;grid-template-columns:minmax(0,1fr) 235px;gap:20px;align-items:stretch}.indonesia-map-art{min-width:0;border-radius:16px;overflow:hidden;background:#EAF5FF}.indonesia-map-art svg{display:block;width:100%;height:auto;min-height:200px}.map-info{padding:18px;border:1px solid #E1EBF3;border-radius:15px;background:linear-gradient(150deg,#F7FBFF,#F0F8F5);display:flex;align-items:flex-start;flex-direction:column}.map-info-icon{width:38px;height:38px;border-radius:12px;background:#E2F2EE;color:#17856D;display:grid;place-items:center;font-size:22px;margin-bottom:17px}.map-info h3{font-size:22px;color:#173F69;margin:8px 0}.map-info p{font-size:12px;color:#6D8195;line-height:1.65;margin-bottom:16px}.map-info .btn{white-space:normal;text-align:center}.map-note{font-size:9px;line-height:1.5;color:#8B9AA8;margin-top:auto;padding-top:16px}html[data-theme="dark"] .realtime-clock{background:#142B45;border-color:#29435F}html[data-theme="dark"] .realtime-clock strong{color:#E2EEFF}html[data-theme="dark"] .realtime-clock small{color:#A9BCD2}html[data-theme="dark"] .map-info{background:linear-gradient(150deg,#162D47,#173A45);border-color:#2D4962}html[data-theme="dark"] .map-info h3{color:#E0EDFF}html[data-theme="dark"] .map-info p,html[data-theme="dark"] .map-note{color:#A9BCD2}@media(max-width:1000px){.indonesia-map-layout{grid-template-columns:1fr}.map-info{display:grid;grid-template-columns:42px 1fr;column-gap:12px;align-items:center}.map-info-icon{grid-row:span 2;margin:0}.map-info .eyebrow,.map-info h3,.map-info p,.map-info .btn,.map-info .map-note{grid-column:2}.map-info p{margin-bottom:10px}}@media(max-width:850px){.realtime-clock{min-width:0;padding:6px 9px}.realtime-clock small{display:none}.topbar-right{gap:7px}.realtime-clock strong{font-size:11px}}@media(max-width:540px){.realtime-clock{gap:6px}.realtime-clock .clock-dot{display:none}.realtime-clock strong{font-size:10px}.indonesia-map-art svg{min-height:130px}.map-label{display:none}}

/* Real geographic map: OpenStreetMap embed (replaces decorative SVG). */
.indonesia-map-art{position:relative;min-width:0;height:390px;border-radius:16px;overflow:hidden;background:#e5edf2;border:1px solid #d8e4ec}
.indonesia-real-map{display:block;width:100%;height:100%;min-height:300px;border:0;background:#e5edf2}
.real-map-attribution{position:absolute;bottom:0;right:0;padding:4px 7px;background:rgba(255,255,255,.92);font-size:10px;color:#44576a;border-top-left-radius:7px}
.real-map-attribution a{color:#1769aa;text-decoration:underline}
@media(max-width:540px){.indonesia-map-art{height:300px}.indonesia-real-map{min-height:260px}}
/* Kemendes Jakarta location marker details */
.kemendes-address{font-size:12px;line-height:1.65;color:#4E657B;margin:8px 0 14px}.map-info .text-link{display:inline-block;margin-top:12px;font-size:12px;font-weight:700}.map-info .btn.primary{white-space:normal;text-align:center;line-height:1.45}html[data-theme="dark"] .kemendes-address{color:#C0D0E0}

/* Profile Desa: monitoring cards consistent with other modules */
.village-monitor-stats{margin-top:4px}
.village-monitor-note{display:flex;align-items:center;gap:14px;padding:17px 20px;margin:0 0 20px;border:1px solid rgba(42,111,180,.18);border-radius:16px;background:linear-gradient(110deg,rgba(35,105,190,.09),rgba(32,166,135,.06));}
.village-monitor-note-icon{display:grid;place-items:center;flex:0 0 42px;height:42px;border-radius:13px;background:#e4f0ff;color:#2168b2;font-size:22px;font-weight:800}
.village-monitor-note b{display:block;color:var(--text,#19324e);font-size:14px;margin-bottom:4px}
.village-monitor-note p{margin:0;color:var(--muted,#71809a);font-size:12px;line-height:1.55}
.village-monitor-badge{margin-left:auto;white-space:nowrap;font-size:10px;font-weight:800;letter-spacing:.08em;color:#2466a7;background:rgba(255,255,255,.75);border:1px solid rgba(42,111,180,.15);border-radius:999px;padding:7px 10px}
[data-theme="dark"] .village-monitor-note{background:linear-gradient(110deg,rgba(35,105,190,.18),rgba(32,166,135,.10));border-color:rgba(140,180,225,.18)}
[data-theme="dark"] .village-monitor-note-icon{background:#19395d;color:#a8d0ff}
[data-theme="dark"] .village-monitor-note b{color:#e3edf9}
[data-theme="dark"] .village-monitor-badge{background:#1d3047;color:#b5d7ff;border-color:#344c66}
@media(max-width:850px){.village-monitor-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.village-monitor-badge{display:none}}
@media(max-width:480px){.village-monitor-stats{grid-template-columns:1fr}.village-monitor-note{align-items:flex-start;padding:14px}}

/* V31: tailored domain module pages */
.module-welcome{background:linear-gradient(112deg,#123B7A,#245EB1 65%,#16835C);min-height:145px}.module-welcome h1{font-size:27px}.module-welcome p{max-width:760px;line-height:1.7}.module-stats .stat-card{min-height:126px}.module-form-panel{border-top:3px solid #2463C5}.module-records{border-top:3px solid #17865B}.module-records .toolbar{padding-top:0}.module-records table{min-width:1000px}.module-records th{white-space:normal;min-width:90px}.module-records td{max-width:260px;overflow-wrap:anywhere}.module-form-panel .panel-head,.module-records .panel-head{align-items:center}.module-welcome .welcome-symbol{font-weight:800}@media(max-width:540px){.module-welcome h1{font-size:22px}.module-stats .stat-card strong{font-size:24px}.module-records table{min-width:900px}}

/* V32: menu sidebar lebih rapat dan ikon tiap menu lebih mudah dikenali */
.sidebar>nav .nav-link{min-height:34px!important;padding:7px 9px!important;margin:1px 0!important;gap:8px!important;border-radius:8px!important;line-height:1.25!important;font-size:11.5px!important}
.sidebar .nav-icon{width:23px!important;min-width:23px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;font-size:16px!important;line-height:1!important;text-align:center!important}
.sidebar .nav-text{display:block;min-width:0;flex:1;overflow-wrap:anywhere}
.sidebar>.brand{padding-bottom:12px!important}
.sidebar .nav-label{padding:6px 9px!important}
@media(max-width:850px){.sidebar>nav .nav-link{min-height:36px!important;padding:8px 10px!important}}


/* Dashboard index: visual Dashboard Nasional TPP */
.tpp-home-hero{position:relative;isolation:isolate;overflow:hidden;min-height:285px;padding:34px 34px 0;border-radius:22px;background:radial-gradient(circle at 77% 30%,rgba(58,169,219,.35),transparent 27%),linear-gradient(120deg,#071e3d 0%,#0d4f8b 60%,#176fb0 100%);color:#fff;box-shadow:0 18px 42px rgba(7,30,61,.18);margin-bottom:28px}
.tpp-home-hero:before{content:"";position:absolute;z-index:-1;width:400px;height:400px;right:7%;top:-230px;border:1px solid rgba(255,255,255,.15);border-radius:50%;box-shadow:0 0 0 35px rgba(255,255,255,.035),0 0 0 75px rgba(255,255,255,.025)}
.tpp-hero-copy{position:relative;z-index:2;max-width:62%;padding-bottom:44px}.tpp-kicker{display:inline-flex;align-items:center;gap:8px;font-size:10px;letter-spacing:1.2px;font-weight:800;color:#b8e3ff;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.14);padding:8px 11px;border-radius:7px}.tpp-kicker i{width:7px;height:7px;border-radius:50%;background:#55d6a4;box-shadow:0 0 0 4px rgba(85,214,164,.13)}
.tpp-hero-copy h1{font-size:clamp(28px,3vw,42px);line-height:1.1;letter-spacing:-1.2px;color:#fff;margin:18px 0 12px;font-weight:850}.tpp-hero-copy h1 span{color:#67c7f2}.tpp-hero-copy p{max-width:520px;color:#d4e6f7;font-size:13px;line-height:1.8;margin:0}.tpp-hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}.tpp-action-primary,.tpp-action-secondary{display:inline-flex;align-items:center;gap:10px;padding:11px 15px;border-radius:8px;font-size:12px;font-weight:750;text-decoration:none;transition:.2s}.tpp-action-primary{background:#fff;color:#0d4f8b;box-shadow:0 8px 18px rgba(0,0,0,.12)}.tpp-action-secondary{color:#fff;border:1px solid rgba(255,255,255,.3);background:rgba(255,255,255,.06)}.tpp-action-primary:hover,.tpp-action-secondary:hover{transform:translateY(-2px)}
.tpp-hero-visual{position:absolute;right:4%;top:15px;width:32%;height:225px;display:flex;align-items:center;justify-content:center}.tpp-orbit{position:absolute;border:1px solid rgba(185,227,255,.27);border-radius:50%;transform:rotate(-22deg)}.orbit-one{width:230px;height:145px}.orbit-two{width:185px;height:215px;transform:rotate(35deg)}.tpp-globe{width:112px;height:112px;border-radius:50%;display:grid;place-items:center;font-size:52px;color:#fff;background:radial-gradient(circle at 32% 25%,#69c9f0,#176fb0 60%,#0a315b);box-shadow:0 15px 45px rgba(0,0,0,.2),inset -12px -14px 22px rgba(3,24,49,.25);border:1px solid rgba(255,255,255,.28)}.tpp-float-chip{position:absolute;display:flex;align-items:center;gap:7px;background:rgba(255,255,255,.96);color:#183653;border-radius:9px;padding:9px 11px;box-shadow:0 10px 25px rgba(0,0,0,.16);font-size:10px;font-weight:750}.chip-top{right:0;top:25px}.chip-top span{color:#1da77a}.chip-bottom{left:-2px;bottom:9px;display:flex;flex-direction:column;align-items:flex-start;gap:1px}.chip-bottom strong{font-size:15px;color:#0d4f8b}.chip-bottom span{font-size:9px;color:#65758a;font-weight:500}.tpp-hero-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;position:relative;margin:0 -34px;padding:13px 34px;background:rgba(2,22,45,.25);border-top:1px solid rgba(255,255,255,.12);font-size:10px;color:#c6ddf0}.tpp-hero-bottom span:first-child b{color:#54dfac;margin-right:5px}
.tpp-section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:18px;margin:5px 0 18px}.tpp-section-heading span{font-size:9px;font-weight:850;letter-spacing:1.2px;color:#1684bd}.tpp-section-heading h2{font-size:21px;letter-spacing:-.4px;color:#132b46;margin:4px 0}.tpp-section-heading p{font-size:12px;color:#738196;margin:0}.tpp-section-heading>a{font-size:11px;font-weight:750;color:#0d65a2;text-decoration:none;white-space:nowrap}.tpp-section-heading>a b{font-size:16px;margin-left:5px}
@media(max-width:850px){.tpp-home-hero{padding:25px 22px 0;min-height:310px}.tpp-hero-copy{max-width:100%;padding-bottom:28px}.tpp-hero-copy p{max-width:90%;padding-right:0}.tpp-hero-visual{right:0;top:65px;width:36%;opacity:.42}.tpp-globe{width:75px;height:75px;font-size:35px}.tpp-orbit.orbit-one{width:160px;height:110px}.tpp-orbit.orbit-two{width:130px;height:160px}.tpp-float-chip{display:none}.tpp-hero-bottom{margin:0 -22px;padding:12px 22px;flex-wrap:wrap}.tpp-section-heading{align-items:flex-start}.tpp-section-heading h2{font-size:18px}}
@media(max-width:560px){.tpp-home-hero{border-radius:15px;padding:22px 17px 0;min-height:0}.tpp-hero-copy{padding-bottom:24px}.tpp-hero-copy h1{font-size:29px;max-width:260px}.tpp-hero-copy p{max-width:100%;font-size:12px}.tpp-hero-visual{right:-35px;top:90px;width:45%;opacity:.23}.tpp-hero-bottom{margin:0 -17px;padding:11px 17px;font-size:9px}.tpp-section-heading{flex-direction:column;gap:8px}.tpp-section-heading h2{font-size:18px}}

/* Submenu cepat untuk membuat profil desa dari sidebar */
.sidebar>nav .nav-sub-link{margin-left:30px!important;width:calc(100% - 30px)!important;min-height:30px!important;padding:6px 9px!important;font-size:11px!important;color:#D5E1F8!important;border:1px dashed rgba(255,255,255,.24)!important;background:rgba(255,255,255,.035)!important;border-radius:8px!important;gap:7px!important}
.sidebar>nav .nav-sub-link .nav-icon{width:16px!important;min-width:16px!important;font-size:15px!important;color:#FFC857!important}
.sidebar>nav .nav-sub-link:hover,.sidebar>nav .nav-sub-link.active{background:rgba(255,200,87,.15)!important;border-color:rgba(255,200,87,.55)!important;color:#fff!important;transform:translateX(2px)}

/* Premium Profile Desa index header */
.village-index-hero{position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:230px;padding:30px 34px;margin:0 0 24px;border-radius:22px;color:#fff;background:radial-gradient(ellipse at 82% 10%,rgba(86,190,181,.28),transparent 32%),linear-gradient(120deg,#102b4d 0%,#15516a 60%,#167b69 100%);box-shadow:0 16px 34px rgba(13,54,79,.14)}
.village-index-copy{position:relative;z-index:2;max-width:660px}.village-index-eyebrow{display:inline-flex;align-items:center;gap:9px;font-size:10px;letter-spacing:1.6px;font-weight:800;color:#bfe7e8}.village-index-dot{width:7px;height:7px;border-radius:50%;background:#f4c66a;box-shadow:0 0 0 5px rgba(244,198,106,.15)}.village-index-copy h1{font-size:clamp(28px,3vw,38px);line-height:1.12;letter-spacing:-1.2px;margin:13px 0 9px;color:#fff}.village-index-copy p{max-width:620px;color:#d7e8ef;font-size:13px;line-height:1.75;margin:0}.village-index-highlights{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}.village-index-highlights span{display:inline-flex;align-items:center;gap:6px;padding:7px 10px;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:rgba(255,255,255,.07);color:#e4f3f5;font-size:10px;font-weight:650}.village-index-art{position:absolute;right:165px;top:0;bottom:0;width:230px;display:grid;place-items:center;opacity:.95;pointer-events:none}.village-index-ring{position:absolute;border:1px solid rgba(255,255,255,.18);border-radius:50%;width:190px;height:190px}.village-index-ring.ring-two{width:145px;height:145px;border-color:rgba(255,255,255,.25)}.village-index-house{display:grid;place-items:center;width:88px;height:88px;border-radius:27px;background:linear-gradient(145deg,rgba(255,255,255,.22),rgba(255,255,255,.07));border:1px solid rgba(255,255,255,.3);box-shadow:0 12px 34px rgba(0,0,0,.12);font-size:53px;color:#fff;transform:rotate(-4deg)}.village-index-art-label{position:absolute;right:2px;bottom:38px;font-size:9px;line-height:1.6;letter-spacing:2px;color:#d8efed;text-align:center}.village-index-art-label b{font-size:11px;color:#f6d48b}.village-index-cta{position:relative;z-index:2;flex:none;display:inline-flex;gap:10px;align-items:center;padding:13px 16px;border-radius:12px;background:#fff;color:#123e59;border:1px solid rgba(255,255,255,.8);box-shadow:0 9px 22px rgba(0,0,0,.12);font-size:12px;font-weight:800}.village-index-cta>span{font-size:18px;line-height:1}.village-index-cta i{font-style:normal;margin-left:3px;color:#17856f}.village-index-cta:hover{transform:translateY(-2px);box-shadow:0 13px 27px rgba(0,0,0,.17)}
@media(max-width:900px){.village-index-hero{padding:26px;align-items:flex-start;flex-wrap:wrap}.village-index-art{right:100px;opacity:.45}.village-index-copy{max-width:100%}.village-index-cta{margin-top:2px}}
@media(max-width:540px){.village-index-hero{padding:23px 20px;border-radius:18px;gap:15px}.village-index-copy h1{font-size:29px}.village-index-copy p{font-size:12px}.village-index-highlights{gap:6px;margin-top:15px}.village-index-highlights span{font-size:9px;padding:6px 8px}.village-index-art{right:-24px;width:145px;opacity:.22}.village-index-ring{width:140px;height:140px}.village-index-ring.ring-two{width:105px;height:105px}.village-index-house{width:66px;height:66px;font-size:40px}.village-index-art-label{display:none}.village-index-cta{width:100%;justify-content:center}}
[data-theme="dark"] .village-index-hero{box-shadow:0 14px 35px rgba(0,0,0,.2)}


/* KuantumDesa V7: premium blue hero headers for core PLD modules */
.premium-module-hero{position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:center;gap:24px;min-height:244px;padding:30px 32px 58px;margin:0 0 25px;border-radius:23px;color:#fff;background:radial-gradient(ellipse at 78% 18%,rgba(91,190,255,.3),transparent 31%),linear-gradient(120deg,#071d3d 0%,#0b4380 53%,#147ac1 100%);box-shadow:0 18px 42px rgba(7,40,83,.2)}
.premium-module-hero:before{content:"";position:absolute;z-index:-1;width:380px;height:380px;right:8%;top:-255px;border:1px solid rgba(255,255,255,.17);border-radius:50%;box-shadow:0 0 0 30px rgba(255,255,255,.035),0 0 0 68px rgba(255,255,255,.025),0 0 0 108px rgba(255,255,255,.018)}
.premium-module-hero:after{content:"";position:absolute;z-index:-1;width:250px;height:250px;right:27%;bottom:-210px;background:rgba(83,182,255,.15);filter:blur(5px);border-radius:50%}
.premium-hero-copy{position:relative;z-index:1;flex:1;min-width:0;max-width:760px}.premium-hero-kicker{display:inline-flex;align-items:center;gap:9px;margin-bottom:13px;color:#c9e8ff;font-size:10px;font-weight:800;letter-spacing:1.7px}.premium-hero-kicker i,.premium-hero-footer i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#7ee4dc;box-shadow:0 0 0 4px rgba(126,228,220,.13)}.premium-hero-copy h1{max-width:720px;margin:0 0 10px;color:#fff;font-size:clamp(25px,3vw,35px);line-height:1.16;letter-spacing:-.7px}.premium-hero-copy p{max-width:690px;margin:0;color:rgba(240,248,255,.83);font-size:13px;line-height:1.75}.premium-hero-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:17px}.premium-hero-tags span{display:inline-flex;align-items:center;gap:6px;padding:7px 10px;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:rgba(255,255,255,.09);color:#eff8ff;font-size:10px;font-weight:600;backdrop-filter:blur(8px)}.premium-hero-side{position:relative;flex:0 0 190px;align-self:stretch;min-height:145px;display:flex;align-items:center;justify-content:center}.premium-hero-orbit{position:absolute;width:155px;height:155px;border:1px solid rgba(255,255,255,.2);border-radius:50%;transform:rotate(-24deg) scaleY(.64)}.premium-hero-orbit.orbit-b{width:125px;height:180px;transform:rotate(42deg) scaleY(.72);border-color:rgba(151,224,255,.35)}.premium-hero-symbol{width:83px;height:83px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.36);border-radius:25px;background:linear-gradient(145deg,rgba(255,255,255,.22),rgba(255,255,255,.07));box-shadow:0 15px 34px rgba(0,0,0,.16),inset 0 1px rgba(255,255,255,.24);font-size:40px;font-weight:800;color:#fff;transform:rotate(-5deg)}.premium-hero-side-label{position:absolute;right:-4px;bottom:0;display:flex;flex-direction:column;gap:4px;padding:10px 13px;border:1px solid rgba(255,255,255,.2);border-radius:12px;background:rgba(3,25,55,.55);backdrop-filter:blur(10px);box-shadow:0 8px 20px rgba(0,0,0,.12)}.premium-hero-side-label b{font-size:10px;letter-spacing:1.2px}.premium-hero-side-label span{font-size:9px;color:#c8e5fb}.premium-hero-actions{position:absolute;left:32px;bottom:46px;z-index:2}.premium-hero-button{display:inline-flex;align-items:center;gap:17px;min-height:39px;padding:10px 15px;border:1px solid rgba(255,255,255,.6)!important;border-radius:11px!important;background:#fff!important;color:#0b3d73!important;font-weight:800!important;box-shadow:0 7px 18px rgba(0,0,0,.13);transition:transform .18s,box-shadow .18s}.premium-hero-button:hover{transform:translateY(-2px);box-shadow:0 11px 24px rgba(0,0,0,.2)}.premium-hero-button span{font-size:17px;line-height:1}.premium-hero-footer{position:absolute;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 32px;border-top:1px solid rgba(255,255,255,.14);background:rgba(2,23,50,.22);color:rgba(233,245,255,.77);font-size:9px;font-weight:700;letter-spacing:.7px}.premium-hero-footer span:first-child{display:flex;align-items:center;gap:8px}.hero-journal .premium-hero-symbol{border-radius:23px}.hero-reports{background:radial-gradient(ellipse at 78% 18%,rgba(112,194,255,.32),transparent 31%),linear-gradient(120deg,#071c3b 0%,#124b87 55%,#1b6bb2 100%)}.hero-projects{background:radial-gradient(ellipse at 78% 18%,rgba(87,198,255,.32),transparent 31%),linear-gradient(120deg,#071d3e 0%,#0c4b8b 54%,#1478b8 100%)}.hero-visits{background:radial-gradient(ellipse at 78% 18%,rgba(104,207,255,.31),transparent 31%),linear-gradient(120deg,#081d3b 0%,#10477f 54%,#176fb0 100%)}
@media(max-width:760px){.premium-module-hero{min-height:0;padding:24px 22px 68px;border-radius:18px;gap:8px}.premium-hero-copy{max-width:100%}.premium-hero-copy h1{font-size:26px;max-width:95%}.premium-hero-copy p{font-size:12px;max-width:100%}.premium-hero-side{position:absolute;right:6px;top:34px;width:115px;min-height:120px;opacity:.45;pointer-events:none}.premium-hero-symbol{width:58px;height:58px;border-radius:18px;font-size:29px}.premium-hero-orbit{width:110px;height:110px}.premium-hero-orbit.orbit-b{width:90px;height:130px}.premium-hero-side-label{display:none}.premium-hero-tags{max-width:100%;padding-right:5px}.premium-hero-tags span{font-size:9px;padding:6px 8px}.premium-hero-actions{left:22px;bottom:43px}.premium-hero-button{min-height:35px;padding:8px 11px;font-size:11px}.premium-hero-footer{padding:10px 22px;font-size:8px;letter-spacing:.3px}.premium-hero-footer span:last-child{display:none}}
@media(max-width:430px){.premium-module-hero{padding-left:17px;padding-right:17px}.premium-hero-copy h1{font-size:23px;max-width:100%;padding-right:18px}.premium-hero-copy p{padding-right:5px}.premium-hero-side{right:-18px;opacity:.24}.premium-hero-tags{gap:5px}.premium-hero-tags span{font-size:8px}.premium-hero-actions{left:17px}.premium-hero-footer{padding-left:17px;padding-right:17px}}
@media print{.premium-module-hero{print-color-adjust:exact;-webkit-print-color-adjust:exact}.premium-hero-actions{display:none}}



/* KuantumDesa V8: mobile-safe hero layout; actions and footer stay in document flow */
@media (max-width:760px){
  .premium-module-hero{
    display:flex!important;flex-direction:column!important;align-items:stretch!important;
    justify-content:flex-start!important;gap:0!important;min-height:0!important;height:auto!important;
    padding:22px 20px 0!important;margin-bottom:22px!important;overflow:hidden!important;
  }
  .premium-hero-copy{position:relative!important;z-index:1!important;flex:0 1 auto!important;width:100%!important;max-width:none!important;min-width:0!important;padding:0!important;}
  .premium-hero-copy h1{max-width:100%!important;padding:0!important;overflow-wrap:anywhere!important;line-height:1.2!important;}
  .premium-hero-copy p{max-width:100%!important;padding:0!important;overflow-wrap:anywhere!important;}
  .premium-hero-side{display:none!important;}
  .premium-hero-tags{display:flex!important;flex-wrap:wrap!important;max-width:100%!important;width:100%!important;gap:7px!important;padding:0!important;margin-top:15px!important;}
  .premium-hero-tags span{max-width:100%!important;white-space:normal!important;overflow-wrap:anywhere!important;line-height:1.35!important;}
  .premium-hero-actions{position:relative!important;inset:auto!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;z-index:2!important;display:flex!important;flex-wrap:wrap!important;align-items:center!important;width:100%!important;margin:18px 0 0!important;padding:0!important;}
  .premium-hero-button{display:inline-flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;position:relative!important;inset:auto!important;float:none!important;width:auto!important;max-width:100%!important;min-height:42px!important;padding:10px 14px!important;white-space:normal!important;text-align:left!important;line-height:1.35!important;overflow-wrap:anywhere!important;}
  .premium-hero-button span{flex:0 0 auto!important;}
  .premium-hero-footer{position:relative!important;inset:auto!important;left:auto!important;right:auto!important;bottom:auto!important;display:flex!important;flex-wrap:wrap!important;align-items:center!important;justify-content:flex-start!important;gap:7px 12px!important;width:auto!important;margin:18px -20px 0!important;padding:12px 20px!important;line-height:1.5!important;white-space:normal!important;overflow-wrap:anywhere!important;}
  .premium-hero-footer span{max-width:100%!important;white-space:normal!important;}
  .premium-hero-footer span:last-child{display:inline!important;}
}
@media(max-width:430px){
  .premium-module-hero{padding:20px 16px 0!important;border-radius:17px!important;}
  .premium-hero-copy h1{font-size:clamp(22px,6.2vw,26px)!important;letter-spacing:-.35px!important;}
  .premium-hero-copy p{font-size:12px!important;line-height:1.65!important;}
  .premium-hero-tags span{font-size:9px!important;padding:6px 8px!important;}
  .premium-hero-actions{margin-top:16px!important;}
  .premium-hero-button{width:100%!important;min-width:0!important;justify-content:space-between!important;font-size:12px!important;}
  .premium-hero-footer{margin-left:-16px!important;margin-right:-16px!important;padding:11px 16px!important;font-size:8px!important;letter-spacing:.15px!important;}
}


/* KuantumDesa V9: unify page headers with Dashboard hero */
:root{--kd-hero-ink:#071e3d;--kd-hero-mid:#0d4f8b;--kd-hero-blue:#176fb0;--kd-hero-glow:rgba(58,169,219,.30)}
.tpp-home-hero,
.village-index-hero,
.premium-module-hero,
.welcome,
.module-welcome{
  position:relative!important;isolation:isolate!important;overflow:hidden!important;
  color:#fff!important;
  background:radial-gradient(circle at 78% 26%,var(--kd-hero-glow),transparent 29%),linear-gradient(120deg,var(--kd-hero-ink) 0%,var(--kd-hero-mid) 60%,var(--kd-hero-blue) 100%)!important;
  border:0!important;border-radius:22px!important;
  box-shadow:0 18px 42px rgba(7,30,61,.18)!important;
}
.village-index-hero{min-height:285px!important;padding:34px!important;margin-bottom:28px!important}
.premium-module-hero{min-height:285px!important;padding:34px 34px 62px!important;margin-bottom:28px!important}
.welcome,.module-welcome{min-height:200px!important;padding:30px 34px!important;margin-bottom:28px!important}
.tpp-home-hero:before,.village-index-hero:before,.premium-module-hero:before,.welcome:before{
  content:"";position:absolute;z-index:-1;width:400px;height:400px;right:7%;top:-230px;
  border:1px solid rgba(255,255,255,.15);border-radius:50%;
  box-shadow:0 0 0 35px rgba(255,255,255,.035),0 0 0 75px rgba(255,255,255,.025),0 0 0 120px rgba(255,255,255,.018);pointer-events:none
}
.village-index-copy,.premium-hero-copy,.tpp-hero-copy,.welcome>div,.module-welcome>div{position:relative;z-index:2}
.village-index-eyebrow,.premium-hero-kicker,.tpp-kicker,.welcome .eyebrow,.module-welcome .eyebrow{color:#c9e8ff!important}
.village-index-copy h1,.premium-hero-copy h1,.tpp-hero-copy h1,.welcome h1,.module-welcome h1{color:#fff!important}
.village-index-copy p,.premium-hero-copy p,.tpp-hero-copy p,.welcome p,.module-welcome p{color:rgba(240,248,255,.86)!important}
.village-index-highlights span,.premium-hero-tags span{background:rgba(255,255,255,.09)!important;border-color:rgba(255,255,255,.18)!important;color:#eff8ff!important}
.village-index-art,.premium-hero-side{z-index:1!important}
/* Remove any legacy white intro panel that duplicates the new unified hero. */
.page-hero-white,.white-page-hero,.module-intro-white{display:none!important}
@media(max-width:900px){
 .village-index-hero,.premium-module-hero,.welcome,.module-welcome{min-height:0!important;padding:26px 24px!important;gap:18px!important;flex-wrap:wrap!important;align-items:flex-start!important}
 .premium-module-hero{padding-bottom:68px!important}
}
@media(max-width:540px){
 .village-index-hero,.premium-module-hero,.welcome,.module-welcome{padding:23px 19px!important;border-radius:18px!important;margin-bottom:20px!important}
 .village-index-copy h1,.premium-hero-copy h1,.tpp-hero-copy h1,.welcome h1,.module-welcome h1{font-size:clamp(23px,7vw,29px)!important;line-height:1.18!important;overflow-wrap:anywhere}
 .village-index-copy p,.premium-hero-copy p,.tpp-hero-copy p,.welcome p,.module-welcome p{font-size:12px!important;line-height:1.7!important}
 .village-index-art,.premium-hero-side{opacity:.22!important;pointer-events:none!important}
 .village-index-cta{width:100%!important;position:relative!important;z-index:3!important;white-space:normal!important}
 .premium-module-hero{padding-bottom:82px!important}
 .premium-hero-actions{left:19px!important;right:19px!important;bottom:20px!important;max-width:none!important}
 .premium-hero-button{max-width:100%!important;white-space:normal!important}
}


/* KuantumDesa V12: samakan hero modul dengan model Profil Desa */
.module-index-hero{width:100%;}
.module-index-hero .village-index-copy{max-width:min(660px,72%);}
.module-index-hero .village-index-art{right:160px;}
.module-index-hero .village-index-cta{margin-left:auto;white-space:normal;text-align:center;}
@media(max-width:900px){.module-index-hero .village-index-copy{max-width:100%;}.module-index-hero .village-index-art{right:90px;}}
@media(max-width:540px){.module-index-hero .village-index-copy{max-width:100%;}.module-index-hero .village-index-art{right:-24px;}.module-index-hero .village-index-cta{margin:4px 0 0;width:100%;min-height:44px;white-space:normal;}}


/* KuantumDesa V15: warna hero biru solid, tanpa gradient */
:root{--kd-hero-ink:#0b3d91;--kd-hero-mid:#0b3d91;--kd-hero-blue:#0b3d91;--kd-hero-glow:transparent}
.tpp-home-hero,.village-index-hero,.premium-module-hero,.welcome,.module-welcome,
.hero-reports,.hero-projects,.hero-visits{background:#0b3d91!important;background-image:none!important}
.village-index-hero:before,.premium-module-hero:before,.tpp-home-hero:before,.welcome:before,.premium-module-hero:after{background:none!important;box-shadow:0 0 0 35px rgba(255,255,255,.035),0 0 0 75px rgba(255,255,255,.025),0 0 0 120px rgba(255,255,255,.018)!important}
.village-index-house,.premium-hero-symbol{background:rgba(255,255,255,.13)!important;background-image:none!important}


/* V18: tombol menu mobile biru dengan ikon hamburger putih */
.topbar .menu-toggle{color:#fff!important;background:#0b3d91!important;border:0!important;border-radius:10px!important}
.topbar .menu-toggle:hover,.topbar .menu-toggle:focus{color:#fff!important;background:#082f70!important}