:root{--ink:#f4f8fc;--muted:#8fa1b4;--paper:#06111e;--card:#0d1d2d;--brand:#35dfac;--brand2:#12352f;--line:#263b50;--warn:#f6c85d;--danger:#ff7c73}
body{background:linear-gradient(180deg,#102a42 0,#071524 280px,#06111e 100%);color:var(--ink);min-height:100vh}
header{height:auto;min-height:96px;background:#102a42eF;border-bottom:1px solid #25445f;padding:18px max(18px,calc((100% - 1050px)/2));backdrop-filter:blur(14px);align-items:center;gap:18px}
.brand{display:flex;align-items:center;gap:14px}.brand i{display:grid;place-items:center;width:54px;height:54px;border-radius:16px;background:var(--brand);color:#062019;font:900 25px Arial;font-style:normal}.brand>div{display:grid;gap:5px}.brand b{color:#fff;letter-spacing:4px}.brand span{display:block;margin:0;color:#91a5b8}
nav{background:#091624;border:1px solid var(--line);padding:5px;border-radius:17px}nav button{color:#9badbd}nav button.active{background:#173a38;color:var(--brand)}
main{padding-top:28px}.hero{background:transparent}.hero h1{color:#fff}.hero p:last-child{color:#a7b5c3}.eyebrow{color:var(--brand)}
.card,.report,.stats>div{background:linear-gradient(160deg,#102234,#0a1725);border-color:#2a4056;box-shadow:0 14px 40px #0004}.card{border-radius:28px}
label{color:#d9e4ed}input,select,textarea{background:#091725;border-color:#30485e;color:#f5f8fb}select option{background:#0b1b2b;color:#fff}input::placeholder,textarea::placeholder{color:#73869a}
.upload{background:#0a1b29;border-color:#2e7e68;color:var(--brand);border-radius:20px}.analysis,.draft{background:#0a1a28;color:#cbd8e3;border:1px solid #20384c}.analysis b{color:var(--brand)}
.primary{background:var(--brand);color:#06231a;border-radius:18px;font-size:16px}.secondary{background:#122438;border-color:#31485d;color:#d6e1ea}.danger{background:#391d26;color:#ffaba4}
.badge{background:#17283a;color:#bed0df}.badge.DRAFT,.badge.RETURNED{background:#342a16;color:#ffd876}.badge.APPROVED{background:#112e4d;color:#81bdff}.badge.SUBMITTED{background:#12352f;color:var(--brand)}
.photoActions{gap:12px}.photoActions button{min-height:54px}.stats strong{color:var(--brand)}dialog{background:#0d1d2d;color:#fff;border:1px solid #29445d}.close{color:#fff}.detailPhoto{background:#06101a}
#toast{background:var(--brand);color:#06231a;font-weight:800}
@media(max-width:750px){header{position:relative;display:block;padding:20px 18px 12px}.brand{margin-bottom:18px}nav{display:grid;grid-template-columns:repeat(3,1fr);width:100%}nav button{padding:12px 6px}.hero{padding:10px 4px 24px}.hero h1{font-size:40px;letter-spacing:-2px}.card{padding:20px;border-radius:26px}main{padding-top:12px}.grid{grid-template-columns:1fr 1fr}}