:root{--blue:#063b91;--gold:#ffd200;--ink:#18253a;--muted:#718096;--line:#e5eaf1;--bg:#f5f7fb}*{box-sizing:border-box}body{color:var(--ink);background:var(--bg);margin:0;font-family:Arial,DM Sans,sans-serif}button,input,select,textarea{font:inherit}.brand{align-items:center;gap:9px;display:flex}.brand>b{background:var(--blue);color:#fff;border-radius:7px;padding:11px 7px;font-size:13px}.brand>b span{color:var(--gold)}.brand strong,.brand small{display:block}.brand strong{letter-spacing:.7px;color:var(--blue)}.brand small{letter-spacing:1px;color:#7c899d;margin-top:3px;font-size:8px}.public{background:#fff;min-height:100vh}.public-head{justify-content:space-between;align-items:center;max-width:1200px;height:72px;margin:auto;padding:0 25px;display:flex}.public nav{gap:29px;display:flex}.public nav button,.panel aside button{color:#506077;cursor:pointer;background:0 0;border:0}.login-btn,.primary,.slide-content button,.tracking button{background:var(--blue);color:#fff;cursor:pointer;border:0;border-radius:6px;padding:11px 16px;font-weight:700}.slide{color:#fff;background:linear-gradient(110deg,#062a64b9,#0c53b6a6),url(https://images.unsplash.com/photo-1596429436246-d92a3f4d55f5?auto=format&fit=crop&w=1600&q=80) 50%/cover;height:440px;position:relative}.slide.map{background-image:linear-gradient(110deg,#062a64c9,#0c53b6a6),url(https://images.unsplash.com/photo-1524666041070-9d87656c25bb?auto=format&fit=crop&w=1600&q=80)}.slide-content{max-width:1150px;margin:auto;padding:84px 35px}.slide-content p,.eyebrow{letter-spacing:1.2px;color:#1a60bc;font-size:10px;font-weight:700}.slide-content p{color:#ffda3e}.slide h1{max-width:590px;margin:13px 0;font-size:38px;line-height:1.13}.slide-content>span{max-width:450px;line-height:1.6;display:block}.slide-content div{gap:10px;margin-top:25px;display:flex}.slide-content .glass{background:#ffffff20;border:1px solid #fff}.dots{text-align:center;position:absolute;bottom:22px;left:0;right:0}.dots i{cursor:pointer;background:#ffffff70;border-radius:50%;width:8px;height:8px;margin:4px;display:inline-block}.dots .on{background:var(--gold);border-radius:8px;width:24px}.services,.infos{padding:65px max(25px,50% - 550px)}.services h2,.infos h2{margin-top:8px}.service-grid,.announce-grid{grid-template-columns:repeat(3,1fr);gap:17px;display:grid}.service,.announcement{border:1px solid var(--line);background:#fff;border-radius:10px;padding:25px}.service i{width:42px;height:42px;color:var(--blue);background:#eaf2ff;border-radius:8px;place-items:center;font-size:23px;font-style:normal;display:grid}.service p,.announcement p{color:var(--muted);font-size:13px;line-height:1.6}.service button{color:var(--blue);cursor:pointer;background:0 0;border:0;padding:0;font-weight:700}.infos{background:#f5f8fd}.announcement span{color:#8b97a8;font-size:11px}.announcement h3{margin-bottom:7px}.public footer{text-align:center;background:var(--blue);color:#cddcff;padding:22px;font-size:12px}.center-page{text-align:center;max-width:720px;margin:80px auto;padding:0 22px}.center-page>p:not(.eyebrow){color:var(--muted)}.tracking{max-width:540px;margin:28px auto;display:flex}.tracking input{border:1px solid var(--line);border-radius:6px 0 0 6px;flex:1;padding:13px}.tracking button{border-radius:0 6px 6px 0}.track-card{border:1px solid var(--line);text-align:left;background:#fff;border-radius:10px;padding:25px}.track-card h2{margin-bottom:5px}.track-card p{color:var(--muted);font-size:13px}.progress{justify-content:center;align-items:start;margin:30px 0;display:flex}.progress b{text-align:center;color:#778397;background:#dce2ea;border-radius:50%;width:31px;height:31px;padding-top:6px;font-size:12px;position:relative}.progress b.active{color:#fff;background:#21714a}.progress small{color:#657288;width:76px;font-size:10px;font-weight:400;position:absolute;top:36px;left:-22px}.progress i{background:#dce2ea;width:100px;height:2px;margin-top:15px}.download{color:var(--blue);margin-top:15px;font-weight:700;display:inline-block}.auth-page{background:linear-gradient(120deg,#e8f1ff,#f9fbff);place-items:center;min-height:100vh;display:grid}.auth-page form{border:1px solid var(--line);background:#fff;border-radius:12px;width:390px;padding:35px}.auth-page h1{font-size:25px}.auth-page p{color:var(--muted);font-size:13px}.auth-page input,.apply input,.apply select,.apply textarea,.modal input,.modal select{border:1px solid #dbe2ec;border-radius:6px;width:100%;margin:7px 0 12px;padding:11px}.auth-page button{background:var(--blue);color:#fff;border:0;border-radius:6px;width:100%;padding:12px;font-weight:700}.auth-page small{text-align:center;color:#748197;margin-top:15px;display:block}.auth-page a{color:var(--blue);cursor:pointer}.demo{background:#f4f7fd;padding:8px;line-height:1.55}.backlink{text-align:center;margin-top:18px;font-size:12px;display:block}.error{color:#b73b46;background:#ffeaec;border-radius:5px;margin:10px 0;padding:9px;font-size:13px}.panel{min-height:100vh;display:flex}.panel aside{border-right:1px solid var(--line);background:#fff;flex-direction:column;gap:4px;width:250px;padding:25px 15px;display:flex}.panel aside .brand{margin:0 8px 34px}.panel aside p{color:#99a3b3;letter-spacing:1px;margin:0 11px 8px;font-size:10px}.panel aside button{text-align:left;border-radius:6px;padding:12px}.panel aside button:hover{color:var(--blue);background:#edf3ff}.panel>main{flex:1}.panel>main header{border-bottom:1px solid var(--line);background:#fff;justify-content:flex-end;align-items:center;gap:12px;height:72px;padding:0 35px;display:flex}.panel header b,.panel header small{font-size:12px;display:block}.panel header small{color:var(--muted);margin-top:3px;font-size:10px}.avatar{width:34px;height:34px;color:var(--blue);background:#dce9ff;border-radius:50%;place-items:center;font-size:11px;font-weight:700;display:grid}.page{max-width:1200px;padding:36px}.page h1{margin-top:7px}.kpis{grid-template-columns:repeat(3,1fr);gap:15px;margin:25px 0;display:grid}.kpi{border:1px solid var(--line);background:#fff;border-radius:9px;padding:20px}.kpi b,.kpi span{display:block}.kpi b{color:var(--blue);font-size:28px}.kpi span{color:var(--muted);margin-top:5px;font-size:12px}.chart,.data-table{border:1px solid var(--line);background:#fff;border-radius:10px;padding:22px}.chart h2{margin:0;font-size:16px}.chart p{color:var(--muted);font-size:12px}.bars{border-bottom:1px solid var(--line);align-items:end;gap:38px;height:220px;padding:20px 20px 0;display:flex}.bars div{flex-direction:column;flex:1;justify-content:end;align-items:center;height:100%;display:flex;position:relative}.bars i{background:linear-gradient(#2d70ca,#063b91);border-radius:5px 5px 0 0;width:42px}.bars b{bottom:calc(var(--h) + 4px);font-size:11px;position:absolute}.bars span{color:var(--muted);margin:10px;font-size:11px}.sort{border:1px solid var(--line);border-radius:5px;margin:12px 0;padding:9px}.data-table{padding:0;overflow:auto}table{border-collapse:collapse;width:100%;min-width:700px}th,td{text-align:left;border-bottom:1px solid var(--line);padding:14px 17px;font-size:12px}th{color:#8290a3;background:#f9fbfd;font-size:10px}td button,.doc button{color:var(--blue);cursor:pointer;background:0 0;border:0;font-weight:700}.pill{border-radius:20px;padding:5px 9px;font-size:10px;font-weight:700}.pill.pending{color:#9d7000;background:#fff4d8}.pill.diproses{color:#1358ae;background:#e6f1ff}.pill.disetujui{color:#247a43;background:#e6f7ed}.pill.revisi,.pill.ditolak{color:#bc4250;background:#ffeaed}.modal{z-index:5;background:#10204088;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.modal article{background:#fff;border-radius:10px;width:520px;max-width:100%;padding:26px;position:relative}.modal h2{margin-top:5px}.modal h3{margin-top:24px;font-size:13px}.modal .x{background:0 0;border:0;font-size:24px;position:absolute;top:10px;right:12px}.doc{background:#f6f8fc;border-radius:5px;justify-content:space-between;margin:7px 0;padding:10px;font-size:12px;display:flex}.apply{border:1px solid var(--line);background:#fff;border-radius:10px;gap:8px;max-width:650px;padding:25px;display:grid}.apply label{font-size:12px;font-weight:700}.apply small{color:var(--muted);font-weight:400;display:block}.apply .primary,.modal .primary{border:0;border-radius:6px;width:max-content;padding:12px}.success{text-align:center;background:#fff;border-radius:10px;margin:55px auto}.content-tabs{gap:8px;margin:20px 0;display:flex}.content-tabs button{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:5px;padding:9px}.content-tabs .active{background:var(--blue);color:#fff}@media (width<=750px){.public-head nav{display:none}.public-head{padding:0 15px}.slide h1{font-size:30px}.slide-content{padding:70px 24px}.service-grid,.announce-grid,.kpis{grid-template-columns:1fr}.services,.infos{padding:40px 20px}.panel aside{width:64px;padding:18px 8px}.panel aside .brand div,.panel aside p,.panel aside button{font-size:0}.panel aside .brand{margin:0 auto 25px}.panel aside button:before{content:"•";font-size:18px}.page{padding:23px 15px}.panel>main header{padding:0 15px}.auth-page form{width:calc(100% - 30px)}.bars{gap:12px}.bars i{width:25px}.tracking{flex-direction:column}.tracking input,.tracking button{border-radius:6px;margin:3px 0}.center-page{margin:50px auto}}.chart-toolbar{justify-content:space-between;align-items:center;gap:12px;display:flex}.chart-toolbar button,.chart-toolbar select{background:#fff;border:1px solid #dbe3ee;border-radius:5px;margin-left:5px;padding:8px 10px;font-size:11px}.chart-toolbar .active-filter{color:#fff;background:#063b91}.month-color.c0{background:#2d70ca}.month-color.c1{background:#e5a81b}.month-color.c2{background:#3ba66b}.month-color.c3{background:#9b6bd2}.month-color.c4{background:#e36b6b}.month-color.c5{background:#29a9b5}.muted-bar{opacity:.22}.coordinate-input{color:#063b91;background:0 0;border:0;outline:0;width:100%;margin-top:7px;font-size:18px;font-weight:700;display:block}.default-logo{grid-template-columns:1fr 1fr;height:40px;display:grid;overflow:hidden;box-shadow:0 4px 10px #073b9133;background:#073b91!important;border-radius:9px!important;width:40px!important;padding:0!important}.default-logo span{color:#fff;place-items:center;font-size:13px;font-weight:800;display:grid}.default-logo span:last-child{color:#073b91;background:#ffd200}.full-form{max-width:800px}.full-form h3{color:#063b91;margin:12px 0 0;font-size:14px}.full-form em{color:#d54856;font-style:normal}.full-form .map-picker{background:#edf2ed;height:300px;display:block;position:relative;overflow:hidden}.google-map{width:100%;height:100%}.map-picker>p{z-index:2;color:#526078;background:#ffffffdf;border-radius:4px;margin:0;padding:6px 8px;font-size:11px;position:absolute;top:9px;left:10px}.map-picker .coordinates{z-index:2;bottom:10px;left:10px}.full-form label{display:block}.full-form input[type=file]{background:#f8fafc}.full-form small{font-size:10px}.location-card{background:#fff;border:1px solid #e5eaf1;border-radius:10px;margin-top:22px;overflow:hidden}.map-frame{background:#e7ede5;height:280px}.map-frame iframe{border:0;width:100%;height:100%}.location-info{padding:17px}.location-info span,.coordinate-card span{color:#748197;font-size:11px;display:block}.location-info h2{margin:5px 0;font-size:17px}.location-info p{color:#536176;font-size:13px}.map-copy{color:#718096}.coordinate-card{grid-template-columns:1fr 1fr;gap:14px;margin-top:16px;display:grid}.coordinate-card div{background:#fff;border:1px solid #e5eaf1;border-radius:9px;padding:18px}.coordinate-card b{color:#063b91;margin-top:7px;font-size:20px;display:block}.empty-map{text-align:center;color:#718096;background:#fff;border:1px dashed #cbd5e1;border-radius:8px;padding:45px}@media (width<=600px){.coordinate-card{grid-template-columns:1fr}}.map-list-title{margin:28px 0 12px;font-size:16px}.submission-points{gap:8px;display:grid}.submission-points article{background:#fff;border:1px solid #e5eaf1;border-radius:8px;align-items:center;gap:12px;padding:13px;display:flex}.submission-points article div{flex:1}.submission-points small{color:#718096;margin-top:4px;font-size:11px;display:block}.point{color:#e24747;font-size:18px}