.login-page{min-height:calc(100vh - 166px);padding:22px 20px;display:grid;place-items:center;background:radial-gradient(circle at 16% 15%,#dcebff 0 10%,transparent 10.3%),linear-gradient(145deg,#f7fbff,#edf5ff)}.login-card{width:min(500px,100%);padding:26px 36px;border:1px solid #d8e5f7;border-radius:24px;background:rgba(255,255,255,.96);box-shadow:0 24px 65px rgba(5,38,102,.14)}.login-mark{width:52px;height:52px;margin:0 auto 10px;display:grid;place-items:center;border-radius:16px;background:linear-gradient(145deg,#e8f3ff,#d4e8ff);color:#075be8}.login-mark svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.login-card>.eyebrow{text-align:center;margin:0}.login-card h1{text-align:center;font-size:29px;margin:5px 0 6px}.login-intro{text-align:center;color:#60708e;margin:0 0 16px}.input-icon{position:relative}.input-icon>svg{position:absolute;left:15px;top:50%;transform:translateY(-50%);width:21px;height:21px;fill:none;stroke:#54709b;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.input-icon input{height:46px;padding-left:48px;padding-right:48px}.password-eye{position:absolute;right:7px;top:50%;transform:translateY(-50%);width:40px;height:40px;border:0;border-radius:9px;background:transparent;color:#54709b;cursor:pointer}.password-eye:hover,.password-eye.shown{background:#eaf3ff;color:#075be8}.password-eye svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.7}.login-submit{margin-top:14px;justify-content:space-between}.login-help{text-align:center;margin:12px 0 0;color:#71809a;font-size:13px}.tracking-card{text-align:center}.tracking-card form{text-align:left}.tracking-card>small{display:block;margin-top:16px;color:#647195}.success-notice{margin:22px 0;padding:17px;border-radius:13px;background:#edf6ff;text-align:left}.success-notice strong,.success-notice span{display:block}.success-notice span{color:#526485;margin-top:4px}.public-report-card{margin-top:22px;padding:22px;border:1px solid #dce6f5;border-radius:16px;background:#f9fbff}.public-report-card h2{margin:10px 0 3px}@media(max-width:600px){.login-page{padding:24px 13px}.login-card{padding:28px 20px}.login-card h1{font-size:31px}}

/* Redesign latar halaman login/pantau: 3 kombinasi warna elegan + bentuk oval dekoratif. */
.login-page{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(160deg,#f8fbff 0%,#eef4ff 55%,#eaf0ff 100%)}
.login-page:before{content:"";position:absolute;inset:0;z-index:-3;background:
  radial-gradient(560px 560px at 4% 2%,rgba(16,25,63,.9),transparent 62%),
  radial-gradient(460px 460px at 100% 0%,rgba(255,178,56,.4),transparent 65%),
  radial-gradient(600px 600px at 92% 98%,rgba(37,87,167,.24),transparent 68%),
  radial-gradient(380px 380px at 2% 96%,rgba(255,111,94,.2),transparent 68%)}
.login-page:after{content:"";position:absolute;z-index:-2;top:-140px;right:-160px;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle at 35% 35%,rgba(255,178,56,.45),rgba(255,178,56,0) 70%);filter:blur(2px)}
.login-page .oval-deco{position:absolute;z-index:-1;border-radius:50%;pointer-events:none}
.login-page .oval-deco.o1{width:300px;height:300px;left:-100px;bottom:-120px;background:radial-gradient(circle at 40% 35%,rgba(37,87,167,.4),rgba(37,87,167,0) 72%)}
.login-page .oval-deco.o2{width:200px;height:200px;right:6%;bottom:-80px;background:radial-gradient(circle at 45% 40%,rgba(255,111,94,.28),rgba(255,111,94,0) 72%)}
.login-page .oval-deco.o3{width:150px;height:150px;left:14%;top:16%;background:radial-gradient(circle at 45% 40%,rgba(255,178,56,.3),rgba(255,178,56,0) 72%)}.login-card{position:relative;isolation:isolate;overflow:hidden;border:1px solid rgba(61,137,232,.27);background:linear-gradient(150deg,rgba(255,255,255,.98),rgba(239,247,255,.97));box-shadow:0 32px 80px rgba(3,42,107,.19),inset 0 1px 0 #fff}.login-card:before{content:"";position:absolute;inset:0 0 auto;height:7px;background:linear-gradient(90deg,#FF6F5E,#FFB238,#2557A7)}.login-card:after{content:"";position:absolute;right:-90px;top:-105px;z-index:-1;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,rgba(255,178,56,.18),transparent 68%)}.login-mark,.tracking-card .round-icon{border:1px solid rgba(7,91,232,.12);background:linear-gradient(145deg,#e7f5ff,#d6e9ff);box-shadow:0 12px 26px rgba(7,91,232,.16)}.login-card input{border-color:#c5d8f0;background:rgba(255,255,255,.9);box-shadow:inset 0 2px 5px rgba(6,47,108,.035)}.login-card input:focus{background:#fff;box-shadow:0 0 0 4px rgba(7,111,235,.11)}.login-submit{background:linear-gradient(100deg,#087af8,#0756e3 62%,#063abb)!important;box-shadow:0 13px 25px rgba(6,75,198,.25)}
.tracking-card{position:relative;isolation:isolate;overflow:hidden;width:min(650px,100%);padding:42px 46px;border-color:rgba(61,137,232,.27);background:linear-gradient(150deg,#fff,#eef7ff);box-shadow:0 30px 72px rgba(3,42,107,.16)}.tracking-card:before{content:"";position:absolute;inset:0 0 auto;height:7px;background:linear-gradient(90deg,#0753df,#14b7eb,#0753df)}.tracking-card:after{content:"";position:absolute;left:-75px;bottom:-100px;z-index:-1;width:250px;height:250px;border-radius:50%;background:radial-gradient(circle,rgba(23,135,247,.13),transparent 70%)}.tracking-card h1{margin-top:14px}.tracking-card>p{max-width:560px;margin:0 auto 24px;color:#536581}.tracking-card form{padding:19px;border:1px solid #dce9f7;border-radius:17px;background:rgba(255,255,255,.72);box-shadow:0 8px 22px rgba(7,51,112,.05)}
.narrow.wide>.panel{position:relative;overflow:hidden;border-color:#d4e3f5;background:linear-gradient(145deg,#fff,#f6faff);box-shadow:0 28px 70px rgba(5,43,105,.13)}.narrow.wide>.panel:before{content:"";position:absolute;inset:0 0 auto;height:6px;background:linear-gradient(90deg,#075be8,#13b2ed,#075be8)}.narrow.wide>.panel>.eyebrow{display:inline-flex;padding:7px 12px;border-radius:18px;background:#e6f1ff}.public-report-card{position:relative;overflow:hidden;padding:25px 26px;border:1px solid #d6e4f5;border-left:6px solid #0872ec;border-radius:18px;background:linear-gradient(145deg,#fff,#edf5ff);box-shadow:0 13px 30px rgba(7,49,112,.08)}.public-report-card:after{content:"";position:absolute;right:-45px;top:-55px;width:160px;height:160px;border-radius:50%;background:radial-gradient(circle,rgba(19,130,245,.12),transparent 70%)}.public-report-card>div:first-child{position:relative;z-index:1;display:grid;grid-template-columns:auto 1fr;gap:3px 13px;align-items:center}.public-report-card .status-pill{grid-row:1/3;padding:8px 13px}.public-report-card h2{margin:0}.public-report-card>div:first-child p{grid-column:2;margin:0;color:#61708c}.public-report-card .timeline{position:relative;margin-top:22px;padding:5px 0 1px 31px;border-left:3px solid #8fc3ff}.public-report-card .timeline article{position:relative;margin:0 0 13px;padding:14px 17px;border:1px solid #dce8f6;border-radius:13px;background:rgba(255,255,255,.82)}.public-report-card .timeline article:before{content:"";position:absolute;left:-39px;top:20px;width:13px;height:13px;border:4px solid #fff;border-radius:50%;background:#0871ed;box-shadow:0 0 0 2px #8fc3ff}.public-report-card .timeline article b{color:#09265e}.public-report-card .timeline article p{margin:6px 0 0;color:#405373}.public-report-card .timeline article:last-child{margin-bottom:0}
@media(max-width:600px){.tracking-card{padding:30px 20px}.tracking-card form{padding:13px}.public-report-card{padding:21px 17px}.public-report-card>div:first-child{display:block}.public-report-card .status-pill{margin-bottom:9px}.public-report-card>div:first-child p{margin-top:4px}.public-report-card .timeline{padding-left:22px}.public-report-card .timeline article:before{left:-30px}}