:root{--navy:#0b5636;--green:#16834a;--green2:#1f7f46;--lime:#9bc43d;--teal:#71a83b;--bg:#f3f8f1;--surface:#fff;--ink:#153228;--muted:#6b7c73;--line:#dce9df;--danger:#b42318;--warning:#a15c00;--shadow:0 10px 30px rgba(11,86,54,.08);--radius:18px;--radius-sm:12px}*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:linear-gradient(145deg,#f8fbf5 0,#eef7ef 48%,#f7faf5 100%);min-height:100vh}a{color:var(--green);text-decoration:none}button,input,select,textarea{font:inherit}.app{min-height:100vh;display:grid;grid-template-columns:270px minmax(0,1fr)}.sidebar{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;padding:20px 16px;color:#fff;background:linear-gradient(165deg,#0a4f32 0%,#0e683c 58%,#145b37 100%);box-shadow:10px 0 35px rgba(8,63,39,.12);z-index:40}.brand{display:flex;align-items:center;gap:12px;padding:4px 6px 18px}.brand-mark{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;font-weight:900;letter-spacing:.4px;color:#0b5636;background:linear-gradient(145deg,#dff4b5,#a8cf4c);box-shadow:0 7px 18px rgba(0,0,0,.13)}.brand-copy{min-width:0}.brand-copy b,.brand-copy small{display:block}.brand-copy b{font-size:15px;line-height:1.2}.brand-copy small{font-size:11px;color:#d4eadc;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-role{margin:0 6px 15px;padding:9px 11px;border:1px solid rgba(255,255,255,.13);background:rgba(255,255,255,.07);border-radius:12px;font-size:11px;font-weight:700;color:#e9f5ed}.role-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#b9dd55;margin-right:7px}.sidebar nav{display:grid;gap:5px;overflow:auto;padding-right:2px}.sidebar nav a,.sidebar-bottom a{display:flex;align-items:center;gap:11px;padding:10px 12px;border-radius:12px;color:#dff0e5;font-size:13px;font-weight:650;transition:.15s ease}.sidebar nav a:hover,.sidebar-bottom a:hover{background:rgba(255,255,255,.09);color:#fff}.sidebar nav a.active{background:linear-gradient(90deg,rgba(199,231,111,.22),rgba(255,255,255,.08));color:#fff;box-shadow:inset 3px 0 #b9dd55}.nav-icon{width:24px;height:24px;border-radius:8px;display:grid;place-items:center;background:rgba(255,255,255,.08);font-size:13px}.sidebar-bottom{margin-top:auto;display:grid;gap:5px;padding-top:16px;border-top:1px solid rgba(255,255,255,.1)}.sidebar-bottom .logout{color:#ffe6e3}.nav-backdrop{display:none}main{min-width:0}.topbar{height:76px;position:sticky;top:0;z-index:30;display:flex;align-items:center;gap:14px;padding:0 28px;background:rgba(255,255,255,.89);backdrop-filter:blur(12px);border-bottom:1px solid rgba(11,86,54,.08)}.topbar-title{min-width:0;flex:1}.topbar-title h2{margin:0;font-size:20px}.topbar-title small{display:block;color:var(--muted);font-size:11px;margin-top:3px}.menu-btn{display:none;border:0;background:#eef7ef;color:var(--navy);width:42px;height:42px;border-radius:12px;font-size:20px}.profile-chip{display:flex;align-items:center;gap:9px;color:var(--ink);padding:6px 8px;border-radius:12px}.profile-chip:hover{background:#f2f8f2}.profile-avatar{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,var(--green),var(--lime));color:white;font-weight:800}.profile-chip b,.profile-chip small{display:block}.profile-chip b{font-size:12px}.profile-chip small{font-size:10px;color:var(--muted)}.content{padding:24px 28px 34px}.page-shell{max-width:1450px;margin:auto}.hero{background:linear-gradient(135deg,#0c5d39,#16834a 58%,#75a83b);color:white;border-radius:24px;padding:24px;box-shadow:var(--shadow);display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:18px;overflow:hidden;position:relative}.hero:after{content:"";position:absolute;width:230px;height:230px;border-radius:50%;right:-70px;top:-90px;background:rgba(255,255,255,.08);pointer-events:none;z-index:0}.hero>*{position:relative;z-index:1}.hero h1,.hero h2{margin:4px 0 6px}.hero p{margin:0;color:#e2f1e6}.section-kicker{font-size:10px;font-weight:900;letter-spacing:.12em;color:inherit;opacity:.8}.grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:16px}.col-12{grid-column:span 12}.col-8{grid-column:span 8}.col-7{grid-column:span 7}.col-6{grid-column:span 6}.col-5{grid-column:span 5}.col-4{grid-column:span 4}.col-3{grid-column:span 3}.panel,.card{background:rgba(255,255,255,.97);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:18px}.panel h2,.panel h3,.card h2,.card h3{margin-top:0}.stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px}.stat{padding:17px;background:#fff;border:1px solid var(--line);border-radius:17px;box-shadow:var(--shadow)}.stat span{display:block;font-size:11px;color:var(--muted);font-weight:700}.stat b{display:block;font-size:27px;color:var(--navy);margin-top:6px}.stat small{color:var(--muted)}.btn,button.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:40px;padding:9px 14px;border-radius:11px;border:1px solid #cddfd1;background:#fff;color:var(--navy);font-weight:750;font-size:12px;cursor:pointer}.btn:hover{filter:brightness(.98)}.btn.primary{color:#fff;border-color:#126d3e;background:linear-gradient(135deg,#126d3e,#1f7f46);box-shadow:0 7px 16px rgba(18,109,62,.18)}.btn.danger{color:#fff;border-color:#b42318;background:#b42318}.btn.warning{color:#fff;border-color:#a15c00;background:#a15c00}.btn.ghost{background:#eff7f0}.btn.sm{min-height:34px;padding:6px 10px;font-size:11px}.btn.block{width:100%}.actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.field{display:grid;gap:6px}.field.full,.form-grid>.full{grid-column:1/-1}.field label{font-size:11px;font-weight:800;color:#365447}.field input,.field select,.field textarea{width:100%;border:1px solid #cfded2;border-radius:11px;padding:10px 11px;background:#fff;color:var(--ink);outline:none}.field textarea{min-height:92px;resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{border-color:#58a16d;box-shadow:0 0 0 3px rgba(22,131,74,.1)}.hint,.muted{color:var(--muted);font-size:12px}.alert,.notice{border-radius:13px;padding:11px 13px;margin-bottom:14px;font-size:12px}.alert.success,.ok{background:#ecf8ef;color:#116437;border:1px solid #bfe2c9}.alert.danger,.err{background:#fff1f0;color:#9d251c;border:1px solid #f1c5c1}.notice{background:#f3f8ec;border:1px solid #dbe8c7;color:#496132}.warn{background:#fff8e7;color:#8a5600;border:1px solid #efdca8;padding:10px 12px;border-radius:12px}.badge{display:inline-flex;align-items:center;white-space:nowrap;padding:5px 8px;border-radius:999px;font-size:10px;font-weight:850;background:#eef2ef;color:#4d5d54}.badge.success,.badge.approved,.badge.valid,.badge.on_time{background:#e5f6ea;color:#126a38}.badge.warning,.badge.pending,.badge.late,.badge.incomplete{background:#fff4d9;color:#8a5700}.badge.danger,.badge.rejected,.badge.revoked,.badge.alpha{background:#ffe8e6;color:#9c261d}.badge.info{background:#e6f2ff;color:#235c8f}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:14px;background:#fff}table{width:100%;border-collapse:collapse;font-size:12px}th,td{padding:11px 12px;text-align:left;border-bottom:1px solid #e8f0e9;vertical-align:top}th{background:#f4f8f3;color:#476052;font-size:10px;text-transform:uppercase;letter-spacing:.035em}tr:last-child td{border-bottom:0}.toolbar{display:flex;gap:10px;justify-content:space-between;align-items:center;flex-wrap:wrap;margin-bottom:14px}.toolbar form{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.toolbar input,.toolbar select{border:1px solid #cfddd2;border-radius:10px;padding:8px 10px}.empty{text-align:center;padding:32px;color:var(--muted)}.support-bar{margin-top:22px;padding:12px 14px;border:1px dashed #bcd4c1;background:#f7fbf5;border-radius:13px;color:#587064;font-size:11px}.support-bar a{font-weight:800}footer{display:flex;justify-content:space-between;gap:12px;padding:17px 28px 24px;color:#7a8b82;font-size:10px}.status-strip{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0}.status-pill{padding:7px 9px;border-radius:10px;background:#f3f7f3;border:1px solid var(--line);font-size:11px}.camera-box{position:relative;max-width:460px;margin:auto;aspect-ratio:3/4;background:#10231b;border-radius:22px;overflow:hidden}.camera-box video{width:100%;height:100%;object-fit:cover;transform:scaleX(-1)}.camera-overlay{position:absolute;inset:14% 18%;border:3px solid rgba(190,225,94,.9);border-radius:48%;box-shadow:0 0 0 999px rgba(0,0,0,.28)}.camera-state{position:absolute;left:12px;right:12px;bottom:12px;padding:9px;border-radius:11px;background:rgba(7,32,22,.72);color:white;text-align:center;font-size:11px}.progress-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:14px 0}.progress-step{font-size:10px;text-align:center;padding:8px;border-radius:10px;background:#f0f4f0;border:1px solid var(--line)}.progress-step.active{border-color:#8ebe4f;background:#f5fae9}.progress-step.done{background:#e6f6e9;color:#116437}.progress-step.bad{background:#fff0ee;color:#a1261d}.mobile-primary-action{display:grid;grid-template-columns:1fr 1fr;gap:12px}.action-tile{padding:18px;border-radius:18px;color:#fff;background:linear-gradient(135deg,#0f683e,#20844b);box-shadow:var(--shadow);min-height:120px;display:flex;flex-direction:column;justify-content:flex-end}.action-tile.out{background:linear-gradient(135deg,#4e7528,#8cab38)}.action-tile b{font-size:20px}.action-tile small{opacity:.85}.sync-banner{display:none;padding:10px 12px;border-radius:12px;background:#fff6df;color:#7d5300;border:1px solid #ead59d;margin-bottom:12px}.sync-banner.show{display:block}.photo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.photo-grid img,.evidence-img{width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:12px;border:1px solid var(--line)}.login-page{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 85% 15%,rgba(155,196,61,.2),transparent 28%),linear-gradient(145deg,#0a4f32,#0e683c 60%,#145b37)}.login-card{width:min(430px,100%);background:#fff;border-radius:24px;padding:26px;box-shadow:0 30px 75px rgba(0,0,0,.22)}.login-brand{display:flex;gap:12px;align-items:center;margin-bottom:20px}.login-card h1{margin:0;font-size:22px;color:var(--navy)}.login-card p{color:var(--muted)}.install-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 9px;border-radius:999px;background:#edf7ed;color:#155f39;font-size:10px;font-weight:800}.danger-zone{border-color:#efcbc7;background:#fffafa}.muted-line{color:#73857b;font-size:11px}.checkboxes{display:flex;gap:10px;flex-wrap:wrap}.check{display:flex;align-items:center;gap:5px;padding:8px 10px;border:1px solid var(--line);border-radius:10px;background:#fff;font-size:11px}.kpi-row{display:flex;gap:8px;flex-wrap:wrap}.kpi{padding:8px 10px;border:1px solid var(--line);background:#f8fbf7;border-radius:10px;font-size:11px}.desktop-only{display:block}.mobile-only{display:none}@media(max-width:1050px){.app{grid-template-columns:230px minmax(0,1fr)}.content{padding:20px}.stat-grid{grid-template-columns:repeat(2,1fr)}.col-8,.col-7,.col-6,.col-5,.col-4,.col-3{grid-column:span 6}}@media(max-width:820px){.app{display:block}.sidebar{position:fixed;left:-290px;width:270px;transition:left .2s ease}.nav-open .sidebar{left:0}.nav-backdrop{display:block;position:fixed;inset:0;background:rgba(0,0,0,.3);opacity:0;visibility:hidden;transition:.2s;z-index:35}.nav-open .nav-backdrop{opacity:1;visibility:visible}.menu-btn{display:grid;place-items:center}.topbar{height:68px;padding:0 14px}.content{padding:14px}.profile-chip span:not(.profile-avatar){display:none}.hero{padding:18px;border-radius:18px}.hero p{font-size:12px}.grid{gap:12px}.col-8,.col-7,.col-6,.col-5,.col-4,.col-3{grid-column:span 12}.form-grid{grid-template-columns:1fr}.stat-grid{grid-template-columns:repeat(2,1fr);gap:10px}.stat{padding:14px}.stat b{font-size:22px}.desktop-only{display:none}.mobile-only{display:block}.mobile-primary-action{grid-template-columns:1fr 1fr}.table-wrap.mobile-cards{border:0;overflow:visible;background:transparent}.mobile-cards table,.mobile-cards tbody,.mobile-cards tr,.mobile-cards td{display:block;width:100%}.mobile-cards thead{display:none}.mobile-cards tr{background:#fff;border:1px solid var(--line);border-radius:15px;padding:10px 12px;margin-bottom:10px;box-shadow:0 6px 18px rgba(11,86,54,.05)}.mobile-cards td{border:0;padding:6px 0;display:grid;grid-template-columns:42% 58%;gap:8px}.mobile-cards td:before{content:attr(data-label);font-size:10px;text-transform:uppercase;font-weight:800;color:#73857b}.mobile-cards td.actions-cell{display:block;padding-top:9px;border-top:1px solid #edf2ed;margin-top:6px}.mobile-cards td.actions-cell:before{display:none}.photo-grid{grid-template-columns:repeat(3,1fr)}footer{padding:15px 14px 24px;display:block;text-align:center}footer span{display:block;margin:3px}.camera-box{max-width:390px}}@media(max-width:480px){.topbar-title h2{font-size:17px}.content{padding:11px}.panel,.card{padding:14px;border-radius:15px}.hero{padding:15px}.stat-grid{grid-template-columns:1fr 1fr}.stat span{font-size:10px}.stat b{font-size:20px}.mobile-primary-action{grid-template-columns:1fr}.action-tile{min-height:100px}.toolbar{align-items:stretch}.toolbar form{width:100%}.toolbar input,.toolbar select,.toolbar .btn{flex:1;min-width:120px}.photo-grid{gap:6px}.progress-steps{grid-template-columns:repeat(2,1fr)}}@media print{.sidebar,.topbar,.support-bar,footer,.no-print,.btn{display:none!important}.app{display:block}.content{padding:0}.panel,.card{box-shadow:none}.table-wrap{overflow:visible}body{background:#fff}}
.brand-mark-logo{overflow:hidden;background:rgba(255,255,255,.96);padding:4px}.brand-mark-logo img{width:100%;height:100%;object-fit:contain;display:block}.login-logo{width:68px;height:68px;border-radius:18px;flex:0 0 68px}.branding-preview{display:grid;gap:7px;justify-items:center;text-align:center;padding:14px;border:1px solid var(--line);border-radius:15px;background:#f8fbf7;margin-bottom:16px}.branding-preview img{width:min(220px,100%);height:105px;object-fit:contain}.branding-preview b{font-size:15px}.branding-preview small{color:var(--muted)}.brand-upload{display:grid;gap:10px;padding:14px 0;border-top:1px solid var(--line)}
.report-brand{display:flex;align-items:center;gap:12px;margin-bottom:14px;padding:10px 12px;background:#fff;border:1px solid var(--line);border-radius:14px}.report-brand img{width:72px;height:48px;object-fit:contain}.report-brand b,.report-brand small{display:block}.report-brand small{font-size:10px;color:var(--muted);margin-top:3px}@media print{.report-brand{border:0;padding:0 0 10px;border-bottom:1px solid #ccc;border-radius:0}.report-brand img{width:82px;height:52px}}

/* v1.0.1 audit hardening: responsive + iOS/PWA safe areas */
.sidebar{height:100dvh}.hero{isolation:isolate}.btn,.action-tile{-webkit-tap-highlight-color:transparent}.camera-box{min-height:320px}.table-wrap{max-width:100%}
@media(max-width:820px){.topbar{padding-left:max(14px,env(safe-area-inset-left));padding-right:max(14px,env(safe-area-inset-right));padding-top:env(safe-area-inset-top);height:calc(68px + env(safe-area-inset-top))}.sidebar{padding-top:max(20px,env(safe-area-inset-top));padding-bottom:max(20px,env(safe-area-inset-bottom))}.content{padding-left:max(14px,env(safe-area-inset-left));padding-right:max(14px,env(safe-area-inset-right))}.mobile-cards td{overflow-wrap:anywhere}.actions .btn{max-width:100%}}
@media(max-width:480px){.content{padding-left:max(11px,env(safe-area-inset-left));padding-right:max(11px,env(safe-area-inset-right))}.hero .actions{width:100%}.hero .actions .btn{flex:1}.camera-box{width:100%;max-height:68vh}.form-grid>.full{grid-column:1/-1}}

/* v1.0.2 Master Lokasi + Rotasi/Stase UI refinement */
.master-page{display:grid;gap:16px}.master-hero{margin-bottom:0}.master-hero h2{font-size:26px}.master-hero p{max-width:760px}.master-hero-kpis{display:flex;gap:9px;flex-wrap:wrap;justify-content:flex-end}.master-hero-kpis>div{min-width:92px;padding:11px 13px;border:1px solid rgba(255,255,255,.17);border-radius:14px;background:rgba(255,255,255,.10);backdrop-filter:blur(5px)}.master-hero-kpis b,.master-hero-kpis span{display:block}.master-hero-kpis b{font-size:21px;line-height:1}.master-hero-kpis span{margin-top:5px;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:#e2f1e6}.master-grid{align-items:start}.master-form-panel{position:sticky;top:92px}.panel-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:16px}.panel-heading h2{margin:3px 0 5px}.panel-heading p{margin:0;color:var(--muted);font-size:11px;line-height:1.55}.master-form{display:grid;gap:13px}.form-section{padding:14px;border:1px solid #e2ece4;border-radius:14px;background:linear-gradient(180deg,#fbfdfb,#f7fbf7)}.form-section.compact-section{padding:10px}.form-section-title{display:grid;gap:3px;margin-bottom:11px}.form-section-title b{font-size:12px;color:#274b39}.form-section-title small{font-size:10px;line-height:1.45;color:var(--muted)}.input-suffix{display:flex;align-items:stretch;border:1px solid #cfded2;border-radius:11px;background:#fff;overflow:hidden}.input-suffix:focus-within{border-color:#58a16d;box-shadow:0 0 0 3px rgba(22,131,74,.1)}.input-suffix input{border:0!important;border-radius:0!important;box-shadow:none!important;min-width:0}.input-suffix span{display:grid;place-items:center;padding:0 10px;border-left:1px solid #e2ece4;background:#f4f8f3;color:#687b70;font-size:10px;font-weight:800;white-space:nowrap}.form-tip{margin-top:9px;padding:8px 10px;border-radius:10px;background:#eef7ed;color:#4f6858;font-size:10px;line-height:1.45}.switch-check{padding:10px 11px;align-items:flex-start}.switch-check>span{display:grid;gap:2px}.switch-check b{font-size:11px}.switch-check small{font-size:9px;color:var(--muted);font-weight:500}.master-form-actions{padding-top:2px}.master-form-actions .btn.primary{min-width:138px}.master-list-panel{min-width:0}.master-table table{table-layout:auto}.master-table th:last-child,.master-table td:last-child{width:1%;white-space:nowrap}.entity-title b{font-size:12px;color:#173c2b}.entity-meta{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-top:5px;color:#718178;font-size:10px;line-height:1.35}.code-chip{display:inline-flex;padding:3px 6px;border-radius:7px;background:#eaf4eb;color:#17633b;border:1px solid #d5e6d8;font-size:9px;font-weight:900;letter-spacing:.04em}.gps-summary{display:grid;gap:7px}.gps-summary code{display:inline-block;width:max-content;max-width:100%;padding:4px 6px;border-radius:7px;background:#f3f6f3;color:#355245;font-size:10px;overflow-wrap:anywhere}.mini-tag{display:inline-flex;align-items:center;margin:2px 4px 2px 0;padding:4px 7px;border-radius:999px;background:#f1f7f1;border:1px solid #dce9df;color:#496356;font-size:9px;font-weight:750}.location-tags{display:flex;gap:5px;flex-wrap:wrap}.location-tag{background:#eaf6ed;color:#17643b;border-color:#d4e8d8}.inline-form{display:inline}.master-empty{display:grid;gap:5px;border:1px dashed #c9dacd;border-radius:14px;background:#f8fbf7}.master-empty b{color:#315741}.master-empty span{font-size:11px}.location-selector-grid{display:grid;grid-template-columns:1fr;gap:8px}.location-choice{display:block;cursor:pointer}.location-choice>input{position:absolute;opacity:0;pointer-events:none}.location-choice-box{display:flex;align-items:flex-start;gap:9px;padding:10px;border:1px solid #d7e5da;border-radius:12px;background:#fff;transition:.15s ease}.location-choice-box>span:last-child{display:grid;gap:3px;min-width:0}.location-choice-box b{font-size:11px;color:#234a36}.location-choice-box small{font-size:9px;line-height:1.35;color:#76877d}.choice-check{width:22px;height:22px;flex:0 0 22px;display:grid;place-items:center;border:1px solid #c8d9cc;border-radius:7px;background:#f6faf6;color:transparent;font-size:11px;font-weight:900}.location-choice:hover .location-choice-box{border-color:#9fc3a8;background:#fbfefb}.location-choice>input:checked+.location-choice-box{border-color:#74aa83;background:#eef8ef;box-shadow:0 0 0 2px rgba(22,131,74,.08)}.location-choice>input:checked+.location-choice-box .choice-check{border-color:#16834a;background:#16834a;color:#fff}.location-choice>input:focus-visible+.location-choice-box{outline:3px solid rgba(22,131,74,.15);outline-offset:2px}
@media(max-width:1050px){.master-form-panel{position:static;top:auto}.master-hero{align-items:flex-start}.master-hero-kpis{justify-content:flex-start}}
@media(max-width:820px){.master-page{gap:12px}.master-hero{display:grid}.master-hero h2{font-size:22px}.master-hero-kpis{width:100%;display:grid;grid-template-columns:repeat(3,1fr)}.master-hero-kpis>div{min-width:0;padding:9px 10px}.master-hero-kpis b{font-size:18px}.panel-heading{margin-bottom:13px}.master-form-panel,.master-list-panel{padding:15px}.form-section{padding:12px}.master-table .actions{gap:6px}.master-table .actions .btn,.master-table .actions form{width:100%}.master-table .actions form .btn{width:100%}.master-table .entity-meta{align-items:flex-start}.master-table .gps-summary code{width:100%}.location-selector-grid{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.master-hero-kpis{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.master-hero-kpis>div{padding:8px}.master-hero-kpis span{font-size:8px}.location-selector-grid{grid-template-columns:1fr}.panel-heading{display:grid}.panel-heading>.btn{width:max-content}.master-form-actions{display:grid;grid-template-columns:1fr}.master-form-actions .btn{width:100%}.master-table td{grid-template-columns:36% 64%}.master-table td.actions-cell{display:block}}

/* v1.0.3 MapLibre location maps */
.presensi-map{position:relative;width:100%;min-height:300px;border:1px solid #d8e6dc;border-radius:14px;overflow:hidden;background:linear-gradient(145deg,#edf5ed,#f8fbf7)}
.admin-location-map{height:340px;margin-top:10px}.attendance-map{height:300px;min-height:300px}.map-tools-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:10px}.map-inline-status{flex:1;min-width:180px;font-size:10px;color:var(--muted);line-height:1.4}.map-inline-status.bad{color:var(--danger);font-weight:700}.map-footnote{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-top:8px;font-size:9px;line-height:1.45;color:#6c7d73}.map-dot{display:inline-block;width:9px;height:9px;border-radius:50%;margin-left:2px}.map-dot.target{background:#16834a;box-shadow:0 0 0 3px rgba(22,131,74,.13)}.map-dot.user{background:#1976d2;box-shadow:0 0 0 3px rgba(25,118,210,.13)}.map-fallback{position:absolute;inset:0;display:grid;place-items:center;padding:20px;text-align:center;font-size:11px;line-height:1.5;color:#65786d;background:linear-gradient(145deg,#edf5ed,#f9fcf8)}
.presensi-map-pin{width:30px;height:30px;border-radius:50% 50% 50% 4px;transform:rotate(-45deg);display:grid;place-items:center;border:3px solid #fff;box-shadow:0 5px 14px rgba(21,50,40,.25)}.presensi-map-pin>span{transform:rotate(45deg);display:grid;place-items:center}.presensi-map-pin.is-target{background:#16834a;color:#fff;font-size:14px}.presensi-map-pin.is-user{width:24px;height:24px;border-radius:50%;transform:none;background:#1976d2;border-width:4px;box-shadow:0 0 0 4px rgba(25,118,210,.14),0 4px 12px rgba(21,50,40,.18)}.presensi-map-pin.is-user>span{transform:none;width:6px;height:6px;border-radius:50%;background:#fff}.maplibregl-popup-content{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;border-radius:10px!important;padding:10px 12px!important;color:#173c2b;font-size:10px;line-height:1.45;box-shadow:0 8px 22px rgba(11,86,54,.14)!important}.maplibregl-popup-content b{display:block;font-size:11px;margin-bottom:2px}.maplibregl-ctrl-group{border-radius:10px!important;overflow:hidden;box-shadow:0 3px 12px rgba(11,86,54,.12)!important}.maplibregl-ctrl-attrib{font-size:9px!important}
.attendance-side-panel{display:flex;flex-direction:column}.attendance-map-block{display:grid;gap:8px;margin:14px 0;padding-top:13px;border-top:1px solid #e7eee8}.map-panel-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.map-panel-heading>div{display:grid;gap:3px}.map-panel-heading b{font-size:12px;color:#244b37}.map-metrics{display:grid;grid-template-columns:1fr auto;gap:8px;padding:9px 10px;border:1px solid #e0ebe2;border-radius:10px;background:#f8fbf7;color:#5c7164;font-size:10px;line-height:1.4}.map-metrics b{color:#224b36}.attendance-live-grid{align-items:start}
@media(max-width:1050px){.attendance-map{height:320px}.admin-location-map{height:320px}}
@media(max-width:820px){.presensi-map{border-radius:13px}.admin-location-map{height:300px;min-height:300px}.attendance-map{height:290px;min-height:290px}.map-tools-row .btn{flex:1}.map-inline-status{flex-basis:100%}.map-metrics{grid-template-columns:1fr}.attendance-map-block{margin-top:12px}}
@media(max-width:480px){.admin-location-map{height:280px;min-height:280px}.attendance-map{height:270px;min-height:270px}.map-tools-row{display:grid;grid-template-columns:1fr 1fr}.map-tools-row .btn{width:100%}.map-inline-status{grid-column:1/-1;min-width:0}.map-panel-heading{align-items:center}.maplibregl-ctrl-attrib{max-width:72%;font-size:8px!important}}


/* v1.0.6 Forward geocoding / location autocomplete */
.location-search-field{position:relative;z-index:6}.location-search-results{position:absolute;left:0;right:0;top:100%;margin-top:6px;max-height:260px;overflow:auto;border:1px solid #cfe0d3;border-radius:12px;background:#fff;box-shadow:0 14px 34px rgba(11,86,54,.16);z-index:80;padding:6px}.location-search-result{width:100%;display:grid;gap:3px;text-align:left;border:0;background:#fff;color:var(--ink);padding:10px 11px;border-radius:9px;cursor:pointer}.location-search-result:hover,.location-search-result:focus{outline:none;background:#eef7ef}.location-search-result b{font-size:11px;color:#214b36}.location-search-result span{font-size:9px;line-height:1.4;color:var(--muted)}.location-search-empty{padding:11px;color:var(--muted);font-size:10px;line-height:1.45}.location-search-field>.map-inline-status{display:block;min-width:0}.location-search-field>.map-inline-status.bad{color:var(--danger)}
@media(max-width:820px){.location-search-results{position:static;margin-top:2px;max-height:220px;box-shadow:none;border-radius:10px}.location-search-result{padding:9px 10px}}


/* v1.0.7 comprehensive button/action audit */
.btn,button.btn{line-height:1.2;text-align:center;white-space:nowrap;vertical-align:middle;max-width:100%}
.actions{min-width:0}
.actions>form{margin:0}
.actions-cell .actions{width:100%}
.actions-cell form{margin:0}

@media(max-width:820px){
  .btn,button.btn{min-height:44px;padding:10px 14px}
  .btn.sm,button.btn.sm{min-height:42px;padding:9px 12px;font-size:11px}
  .mobile-cards td.actions-cell{padding-top:10px}
  .mobile-cards td.actions-cell .actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(118px,1fr));gap:8px;width:100%;align-items:stretch}
  .mobile-cards td.actions-cell .actions>.btn,
  .mobile-cards td.actions-cell .actions>form,
  .mobile-cards td.actions-cell>.btn,
  .mobile-cards td.actions-cell>form{display:block;width:100%;max-width:none;margin:0}
  .mobile-cards td.actions-cell form .btn{width:100%;max-width:none}
  .mobile-cards td.actions-cell>.badge{margin:0 0 8px}
  .mobile-cards td.actions-cell>form{display:grid;gap:8px}
  .mobile-cards td.actions-cell>form>input:not([type="hidden"]),
  .mobile-cards td.actions-cell>form>select,
  .mobile-cards td.actions-cell>form>textarea{width:100%!important;max-width:none!important;min-width:0}
  .master-table .actions,.master-table .actions form,.master-table .actions .btn{width:100%;max-width:none}
  .master-table .inline-form{display:block}
}

@media(max-width:520px){
  .toolbar{display:grid;grid-template-columns:1fr;align-items:stretch;gap:9px}
  .toolbar>form,.toolbar>.actions,.toolbar>.btn{width:100%;max-width:none}
  .toolbar form{display:grid;grid-template-columns:1fr;gap:8px}
  .toolbar input,.toolbar select,.toolbar .btn{width:100%;min-width:0;max-width:none}
  .panel-heading>.btn{width:100%;max-width:none}
  .mobile-cards td.actions-cell .actions{grid-template-columns:repeat(2,minmax(0,1fr))}
  .mobile-cards td.actions-cell>.btn{width:100%}
  .master-table td.actions-cell .actions{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media(max-width:380px){
  .mobile-cards td.actions-cell .actions,.master-table td.actions-cell .actions{grid-template-columns:1fr}
}


/* v1.0.8 map delivery + mobile action hardening */
@media(max-width:820px){
  .mobile-cards td.actions-cell,
  .master-table td.actions-cell,
  .master-table td:last-child{
    display:block!important;
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    white-space:normal!important;
    overflow:visible!important;
    grid-template-columns:none!important;
  }
  .mobile-cards td.actions-cell .actions,
  .master-table td.actions-cell .actions{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    align-items:stretch!important;
  }
  .mobile-cards td.actions-cell .actions>.btn,
  .mobile-cards td.actions-cell .actions>a.btn,
  .mobile-cards td.actions-cell .actions>form,
  .master-table td.actions-cell .actions>.btn,
  .master-table td.actions-cell .actions>a.btn,
  .master-table td.actions-cell .actions>form{
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    margin:0!important;
    display:flex!important;
  }
  .mobile-cards td.actions-cell .actions>form,
  .master-table td.actions-cell .actions>form{
    align-items:stretch!important;
  }
  .mobile-cards td.actions-cell .actions>form>.btn,
  .master-table td.actions-cell .actions>form>.btn{
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    flex:1 1 auto!important;
  }
  .mobile-cards td.actions-cell>.btn,
  .master-table td.actions-cell>.btn{
    display:flex!important;
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    margin:0!important;
  }
  .mobile-cards td.actions-cell .btn,
  .master-table td.actions-cell .btn{
    white-space:normal!important;
    line-height:1.25!important;
    text-align:center!important;
    overflow-wrap:anywhere!important;
  }
  .mobile-cards td.actions-cell>form:not(.inline-form){width:100%!important;max-width:none!important}
  .mobile-cards td.actions-cell>form:not(.inline-form)>.actions{margin-top:8px}
}
@media(max-width:420px){
  .mobile-cards td.actions-cell .actions,
  .master-table td.actions-cell .actions{grid-template-columns:1fr!important}
}

/* v1.0.10 session form + checkbox/mobile audit */
.check input[type="checkbox"],.check input[type="radio"]{width:20px!important;height:20px!important;min-width:20px!important;max-width:20px!important;flex:0 0 20px!important;margin:1px 0 0!important;padding:0!important;border:1px solid #b8cbbd!important;border-radius:5px!important;box-shadow:none!important;accent-color:var(--green);cursor:pointer}.session-form-panel{max-width:900px;margin:0 auto}.session-form-heading{margin-bottom:14px}.session-form-heading h2{margin:4px 0 5px}.session-form-heading p{margin:0;color:var(--muted);font-size:11px;line-height:1.5}.session-form .form-section{padding:14px;border:1px solid #e0ebe2;border-radius:15px;background:linear-gradient(180deg,#fff,#fbfefb)}.session-form .form-section+.form-section{margin-top:12px}.session-location-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.session-location-grid .location-choice-box{height:100%;min-height:72px}.session-option-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.session-switch{width:100%;min-height:78px;padding:12px!important;border-radius:13px;background:#fff}.session-switch>span{min-width:0}.session-switch b{display:block;color:#214d37;font-size:11px;line-height:1.35}.session-switch small{display:block;margin-top:3px;line-height:1.4}.session-form-actions{margin-top:14px}@media(max-width:820px){.session-form-panel{padding:14px;border-radius:18px}.session-form .form-section{padding:12px;border-radius:14px}.session-location-grid,.session-option-grid{grid-template-columns:1fr}.session-location-grid .location-choice-box{min-height:68px}.session-switch{min-height:72px}.session-form-actions{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,.75fr);gap:9px;width:100%}.session-form-actions .btn{width:100%;max-width:none;margin:0}}@media(max-width:420px){.session-form-panel{padding:12px}.session-form .form-section{padding:11px}.session-form-actions{grid-template-columns:1fr}}

/* v1.0.11 account master split */
@media(max-width:820px){
  .mobile-cards td.actions-cell .actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;width:100%!important}
  .mobile-cards td.actions-cell .actions>.btn,.mobile-cards td.actions-cell .actions>form{width:100%!important;margin:0!important}
  .mobile-cards td.actions-cell .actions form .btn{width:100%!important}
}
@media(max-width:380px){.mobile-cards td.actions-cell .actions{grid-template-columns:1fr!important}}
/* v1.0.15 — Header logout */
.topbar-actions{display:flex;align-items:center;gap:8px;flex:0 0 auto}.topbar-logout{display:inline-flex;align-items:center;justify-content:center;gap:7px;height:40px;padding:0 12px;border:1px solid #efd3cf;border-radius:12px;background:#fff8f7;color:#a93226;font-size:12px;font-weight:800;line-height:1;transition:.15s ease;white-space:nowrap}.topbar-logout:hover{background:#fff0ee;border-color:#e9b8b2;color:#8f241a}.topbar-logout-icon{font-size:17px;line-height:1}.topbar-logout-text{display:inline}.topbar-actions .profile-chip{margin-left:0}@media(max-width:820px){.topbar-actions{gap:6px}.topbar-logout{width:40px;height:40px;padding:0;border-radius:12px}.topbar-logout-text{display:none}.topbar-logout-icon{font-size:19px}.profile-chip{padding:3px}.profile-avatar{width:40px;height:40px}}@media(max-width:380px){.topbar{gap:8px;padding-left:max(10px,env(safe-area-inset-left));padding-right:max(10px,env(safe-area-inset-right))}.menu-btn,.topbar-logout{width:38px;height:38px}.profile-avatar{width:38px;height:38px}.topbar-title h2{font-size:16px}.topbar-title small{font-size:10px}}

/* v1.0.16 — Verified face as student profile photo */
.profile-avatar-img{object-fit:cover;display:block;padding:0;overflow:hidden;background:#eef7ef}.student-profile-head{display:flex;align-items:center;gap:16px;margin-bottom:18px}.student-profile-head h2{margin:2px 0 4px}.student-profile-photo{width:92px;height:92px;border-radius:24px;object-fit:cover;border:3px solid #e1eee4;box-shadow:0 8px 24px rgba(11,86,54,.12);flex:0 0 auto}.student-profile-photo.placeholder{display:grid;place-items:center;background:linear-gradient(135deg,#18804a,#9bc43d);color:#fff;font-size:34px;font-weight:850}@media(max-width:480px){.student-profile-head{align-items:flex-start}.student-profile-photo{width:76px;height:76px;border-radius:20px}}
.identity-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:12px 0 14px}.identity-step{display:flex;align-items:center;gap:8px;padding:9px 10px;border:1px solid var(--line);border-radius:12px;background:#f7faf7;color:#6b7c73;font-size:10px;font-weight:800;transition:.18s ease}.identity-step b{width:23px;height:23px;border-radius:50%;display:grid;place-items:center;background:#e7eee8;color:#587064;flex:0 0 auto}.identity-step.active{border-color:#8ebe4f;background:#f5fae9;color:#315d3e;box-shadow:0 0 0 2px rgba(142,190,79,.08)}.identity-step.active b{background:#16834a;color:#fff}.identity-step.done{border-color:#bfe2c9;background:#ecf8ef;color:#116437}.identity-step.done b{background:#16834a;color:#fff}.identity-step.done b:after{content:'✓';font-size:11px}.identity-step.done b{font-size:0}.identity-camera-box{isolation:isolate}.identity-camera-box .camera-overlay{z-index:2;transition:border-color .15s ease,box-shadow .15s ease}.identity-camera-box .camera-overlay.warn{border-color:#f2b84b;box-shadow:0 0 0 999px rgba(0,0,0,.34)}.identity-camera-box .camera-overlay.good{border-color:#8fd55c;box-shadow:0 0 0 999px rgba(0,0,0,.24),0 0 0 3px rgba(143,213,92,.14)}.identity-camera-box .camera-overlay.captured{border-color:#fff;box-shadow:0 0 0 999px rgba(0,0,0,.20),0 0 0 4px rgba(255,255,255,.24)}.camera-detect-badge{position:absolute;z-index:5;left:12px;top:12px;padding:7px 9px;border-radius:999px;background:rgba(7,32,22,.72);color:#fff;font-size:10px;font-weight:850;backdrop-filter:blur(6px)}.camera-detect-badge.good{background:rgba(17,100,55,.88)}.camera-detect-badge.warn{background:rgba(138,86,0,.9)}.camera-detect-badge.captured{background:rgba(17,100,55,.94)}.camera-flash{position:absolute;z-index:6;inset:0;background:#fff;opacity:0;pointer-events:none}.camera-flash.show{animation:cameraCaptureFlash .26s ease-out}@keyframes cameraCaptureFlash{0%{opacity:0}28%{opacity:.88}100%{opacity:0}}.identity-camera-state{z-index:5;display:grid;gap:3px;padding:10px 12px}.identity-camera-state b{font-size:12px}.identity-camera-state span{font-size:10px;color:#e3efe7}.capture-preview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:12px}.capture-preview>div>span{display:block;margin-bottom:5px;text-align:center;color:var(--muted);font-size:9px;font-weight:800;text-transform:uppercase}.capture-placeholder{aspect-ratio:3/4;border:1px dashed #cbdacf;border-radius:11px;background:#f7faf7;display:grid;place-items:center;color:#84958b;font-size:10px;overflow:hidden;position:relative}.capture-placeholder.captured{border-style:solid;border-color:#bfe2c9;background:#ecf8ef}.capture-placeholder img{width:100%;height:100%;object-fit:cover}.capture-placeholder.captured span{position:absolute;left:5px;right:5px;bottom:5px;padding:4px 5px;border-radius:7px;background:rgba(10,79,50,.82);color:#fff;text-align:center;font-size:9px;font-weight:850}@media(max-width:480px){.identity-steps{gap:5px}.identity-step{display:grid;justify-items:center;text-align:center;gap:4px;padding:7px 5px}.identity-step span{line-height:1.15}.camera-detect-badge{font-size:9px}.identity-camera-state b{font-size:11px}.identity-camera-state span{font-size:9px}}

/* v1.0.26 Mahasiswa submenu: PPDS / DM */
.sidebar nav .nav-group{display:grid;gap:4px}.sidebar nav .nav-group-label{display:flex;align-items:center;gap:11px;padding:10px 12px 6px;border-radius:12px;color:#dff0e5;font-size:13px;font-weight:750}.sidebar nav .nav-group.active-group .nav-group-label{color:#fff}.sidebar nav .nav-submenu{display:grid;gap:3px;margin:0 0 3px 35px;padding-left:10px;border-left:1px solid rgba(255,255,255,.16)}.sidebar nav .nav-submenu a{padding:8px 10px;gap:8px;font-size:12px;border-radius:10px}.sidebar nav .nav-submenu a.active{box-shadow:none;background:rgba(199,231,111,.20)}.nav-sub-dot{width:6px;height:6px;border-radius:50%;background:rgba(255,255,255,.35);flex:0 0 6px}.sidebar nav .nav-submenu a.active .nav-sub-dot{background:#b9dd55;box-shadow:0 0 0 3px rgba(185,221,85,.12)}

/* v1.0.27 academic agenda + GPS risk */
.check-row{display:flex;gap:10px;align-items:flex-start;padding:11px 12px;border:1px solid var(--line);border-radius:12px;background:#f8fbf7;cursor:pointer}
.check-row input[type=checkbox]{width:20px!important;height:20px!important;min-width:20px!important;flex:0 0 20px!important;margin:1px 0 0!important;accent-color:var(--green)}
.check-row span{min-width:0}.check-row b,.check-row small{display:block}.check-row small{margin-top:3px;color:var(--muted);line-height:1.4}