/* SHADAN v0.4.0 — Quiet Aurora: visual enhancement only, no workflow changes. */
:root{--sh-aurora-cyan:#38d3bd;--sh-aurora-lilac:#9080ed;--sh-aurora-blue:#548aff}
.customer-page[data-step="1"] .entry-shell{position:relative;isolation:isolate}
.customer-page[data-step="1"] .entry-shell::before{content:"";position:absolute;inset:12% 0 1%;z-index:-1;pointer-events:none;border-radius:50%;background:radial-gradient(ellipse at 35% 40%,rgba(66,119,252,.20),transparent 52%),radial-gradient(ellipse at 77% 73%,rgba(127,89,223,.14),transparent 49%);filter:blur(27px);animation:shAuroraGlow 16s ease-in-out infinite alternate}
.customer-page[data-step="1"] .step#step-1{
  position:relative;isolation:isolate;overflow:hidden;
  background:linear-gradient(143deg,rgba(255,255,255,.97) 0%,rgba(250,252,255,.98) 40%,rgba(246,247,255,.98) 100%);
  border:1px solid rgba(223,233,255,.95);border-top:0;
  box-shadow:0 0 0 1px rgba(255,255,255,.25),0 26px 65px rgba(3,15,51,.36),0 3px 20px rgba(49,115,234,.08),inset 0 1px 0 white;
  border-radius:30px;
}
.customer-page[data-step="1"] .step#step-1::before{
  content:"";position:absolute;top:0;left:0;right:0;height:4px;
  background:linear-gradient(90deg,#427ae7 3%,#55a7ff 35%,#30c9b3 64%,#8770e9 97%);
  box-shadow:0 0 17px rgba(83,137,237,.28);
}
.customer-page[data-step="1"] .step#step-1::after{content:"";position:absolute;z-index:-1;pointer-events:none;width:215px;height:215px;top:-115px;left:-75px;background:radial-gradient(circle,rgba(117,112,236,.115),transparent 66%);border-radius:50%}
.customer-page[data-step="1"] .compact-step-header{position:relative;padding-inline-start:0;min-height:83px}
.customer-page[data-step="1"] .compact-step-header h1{color:#152b57;font-weight:850;letter-spacing:-.85px;line-height:1.5;margin-top:10px}
.customer-page[data-step="1"] .compact-step-header .step-number{color:#3c61b8;background:linear-gradient(100deg,#eaf1ff,#efedff);border:1px solid #dce6ff;padding:5px 11px}
.customer-page[data-step="1"] .entry-orbit-seal{position:absolute;left:-3px;top:1px;width:88px;height:88px;display:grid;place-items:center;filter:drop-shadow(0 10px 11px rgba(50,90,203,.13));pointer-events:none}
.customer-page[data-step="1"] .entry-orbit-seal svg{width:88px;height:88px;overflow:visible;animation:shSealHover 9s ease-in-out infinite}
.customer-page[data-step="1"] .entry-orbit-seal .seal-ring{stroke:#7e8ee5;stroke-width:1;stroke-dasharray:3.2 5;transform-origin:48px 48px;animation:shSealRotate 38s linear infinite}
.customer-page[data-step="1"] .entry-orbit-seal .seal-ring-inner{stroke:#c0d2f4;stroke-width:1.5}
.customer-page[data-step="1"] .entry-orbit-seal .seal-satellite{transform-origin:48px 48px;animation:shSealRotate 18s linear infinite}
.customer-page[data-step="1"] .step#step-1 form label{color:#283e6a;letter-spacing:-.05px;font-weight:750}
.customer-page[data-step="1"] .step#step-1 label input:not([type=file]){
  position:relative;appearance:none;
  background:linear-gradient(135deg,rgba(244,248,255,.90),rgba(248,249,255,.96));
  border:1px solid #d8e3f5;box-shadow:inset 0 1px 3px rgba(54,83,143,.028),0 1px 0 white;
  border-radius:14px;transition:border-color .22s,box-shadow .22s,background .22s,transform .22s;
}
.customer-page[data-step="1"] .step#step-1 label input:not([type=file]):focus{
  background:#fff;border-color:#748de0;
  box-shadow:0 0 0 4px rgba(91,123,235,.13),0 8px 16px rgba(50,77,146,.06);
}
.customer-page[data-step="1"] .step#step-1 .primary-button{
  position:relative;overflow:hidden;background:linear-gradient(110deg,#2d63d2 0%,#436cdd 57%,#7361de 100%);
  border:1px solid rgba(255,255,255,.17);box-shadow:0 12px 25px rgba(52,85,190,.25),inset 0 1px 0 rgba(255,255,255,.22);
  border-radius:15px;font-size:14px;letter-spacing:0;
}
.customer-page[data-step="1"] .step#step-1 .primary-button::before{content:"";position:absolute;top:-120%;left:-40%;width:35%;height:340%;transform:rotate(31deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.13),transparent);transition:left .8s ease}
.customer-page[data-step="1"] .step#step-1 .primary-button:hover::before{left:125%}
.customer-page[data-step="1"] .step#step-1 .primary-button>span{display:inline-flex;width:26px;height:26px;border-radius:50%;align-items:center;justify-content:center;background:rgba(255,255,255,.17);font-size:16px;transition:transform .22s}
.customer-page[data-step="1"] .step#step-1 .primary-button:hover>span{transform:translateX(-3px)}
.customer-page[data-step="1"] .entry-disclaimer{color:#7b8baa;border-top:1px solid #e7edf8}
.customer-page[data-step="1"] .entry-disclaimer span{color:#7185d7}
.customer-page[data-step="1"] .flow-bar{position:relative}
.customer-page[data-step="1"] .flow-mark{letter-spacing:2px;color:#d1e2ff}
.customer-page[data-step="1"] .progress-lines i.active{box-shadow:0 0 16px rgba(107,238,218,.6)}
/* Consistent refinement for remaining steps and administration. */
.customer-page[data-step="2"] .step,.customer-page[data-step="3"] .step{background:linear-gradient(155deg,#fff,#fbfcff 78%);box-shadow:0 22px 58px rgba(6,23,61,.19);border-top:3px solid #67cdd9}
.customer-page[data-step="2"] .upload-zone{box-shadow:inset 0 1px 0 white}
.admin-page .stat-card:first-child{background:linear-gradient(140deg,#fff 62%,#edf3ff);border-top:3px solid #5d8ce8}
.admin-page .stat-card:nth-child(2){background:linear-gradient(140deg,#fff 62%,#e7f8f3);border-top:3px solid #51c4a8}
.admin-page .stat-card:nth-child(3){background:linear-gradient(140deg,#fff 62%,#f0edff);border-top:3px solid #8b75dd}
.admin-page .request-list-panel,.admin-page .detail-panel{background:linear-gradient(159deg,#fff,#fbfcff)}
.admin-page .primary-button{box-shadow:0 10px 24px rgba(43,85,180,.18)}
.admin-page #report-pdf:not(:disabled){border-color:#c9d8f7;background:linear-gradient(110deg,#edf4ff,#f1efff);box-shadow:0 3px 10px rgba(87,112,194,.09)}
@keyframes shAuroraGlow{from{opacity:.55;transform:scale(.94)}to{opacity:1;transform:scale(1.1)}}
@keyframes shSealHover{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}
@keyframes shSealRotate{to{transform:rotate(360deg)}}
@media(max-width:575px){
 .customer-page[data-step="1"] .step#step-1{border-radius:25px}
 .customer-page[data-step="1"] .compact-step-header{min-height:74px}
 .customer-page[data-step="1"] .entry-orbit-seal{left:-4px;top:-1px;width:74px;height:74px}
 .customer-page[data-step="1"] .entry-orbit-seal svg{width:74px;height:74px}
}
@media(max-height:640px) and (max-width:575px){
 .customer-page[data-step="1"] .compact-step-header{min-height:56px}
 .customer-page[data-step="1"] .entry-orbit-seal{width:58px;height:58px;top:-6px}
 .customer-page[data-step="1"] .entry-orbit-seal svg{width:58px;height:58px}
 .customer-page[data-step="1"] .compact-step-header h1{margin-top:4px}
}
@media(prefers-reduced-motion:reduce){.customer-page[data-step="1"] .entry-orbit-seal svg,.customer-page[data-step="1"] .entry-orbit-seal .seal-ring,.customer-page[data-step="1"] .entry-orbit-seal .seal-satellite,.customer-page[data-step="1"] .entry-shell::before{animation:none!important}.customer-page[data-step="1"] .step#step-1 .primary-button::before{display:none}}
/* Distinctive two-tone identity: rich luminous header rather than a plain white form. */
.customer-page[data-step="1"] .compact-step-header{
  --card-pad:clamp(25px,4vw,44px);
  margin:calc(-1 * clamp(28px,4vw,44px)) calc(-1 * var(--card-pad)) 24px;
  padding:19px var(--card-pad) 20px;
  min-height:114px;
  border-radius:29px 29px 0 0;
  background:radial-gradient(circle at 7% 3%,rgba(110,120,250,.32),transparent 40%),radial-gradient(circle at 66% 130%,rgba(42,207,189,.14),transparent 45%),linear-gradient(111deg,#233f86,#294e9b 48%,#544f9e 100%);
  border-bottom:1px solid rgba(255,255,255,.15);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.13);
}
.customer-page[data-step="1"] .compact-step-header::after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.12;background:repeating-linear-gradient(115deg,transparent 0 35px,rgba(255,255,255,.19) 36px,transparent 37px 68px);border-radius:inherit}
.customer-page[data-step="1"] .compact-step-header h1{color:#fff;position:relative;z-index:1;font-weight:850;letter-spacing:-.9px}
.customer-page[data-step="1"] .compact-step-header .step-number{position:relative;z-index:1;background:rgba(255,255,255,.15);color:#e5efff;border:1px solid rgba(210,230,255,.3)}
.customer-page[data-step="1"] .compact-step-header .step-number::before{background:#67edda;box-shadow:0 0 10px rgba(103,237,218,.75)}
.customer-page[data-step="1"] .entry-orbit-seal{top:14px;left:24px;z-index:1;filter:drop-shadow(0 11px 16px rgba(5,13,59,.28))}
.customer-page[data-step="1"] .entry-orbit-seal .seal-ring{stroke:rgba(204,224,255,.68)}
.customer-page[data-step="1"] .entry-orbit-seal .seal-ring-inner{stroke:rgba(206,227,255,.5)}
@media(max-width:575px){
 .customer-page[data-step="1"] .compact-step-header{margin:-26px -23px 20px;padding:19px 23px 18px;min-height:108px;border-radius:24px 24px 0 0}
 .customer-page[data-step="1"] .entry-orbit-seal{top:17px;left:21px}
}
@media(max-width:360px){.customer-page[data-step="1"] .compact-step-header{margin:-22px -18px 16px;padding:14px 18px 15px;min-height:90px}.customer-page[data-step="1"] .entry-orbit-seal{left:16px;top:9px}}
@media(max-height:640px) and (max-width:575px){
 .customer-page[data-step="1"] .compact-step-header{margin:-13px -18px 9px;padding:8px 18px 9px;min-height:62px}
 .customer-page[data-step="1"] .entry-orbit-seal{width:50px;height:50px;top:7px;left:14px}
 .customer-page[data-step="1"] .entry-orbit-seal svg{width:50px;height:50px}
}