:root{--bg:#071018;--panel:#0d1822;--panel2:#101f2b;--text:#f5f8fb;--muted:#8fa4b5;--cyan:#13c8ff;--line:#203441;--danger:#ff6b6b}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 50% -20%,#12354b 0,#071018 35%);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Arial,sans-serif;min-height:100vh}
.app{max-width:860px;margin:auto;min-height:100vh;padding:18px 18px 110px}
header{display:flex;align-items:center;justify-content:space-between;padding:4px 0 18px}.brand{display:flex;gap:11px;align-items:center}.brand b{letter-spacing:1.6px}.brand small{display:block;color:var(--cyan);font-weight:800;letter-spacing:2px;font-size:10px;margin-top:2px}.mark{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:var(--cyan);color:#00131c;font-weight:950;box-shadow:0 0 28px #13c8ff40}
.progress{height:5px;background:#132632;border-radius:99px;overflow:hidden}.progress div{height:100%;width:12.5%;background:var(--cyan);transition:.25s}.stepmeta{display:flex;justify-content:space-between;color:var(--muted);font-size:12px;padding:8px 1px 22px}
h1{font-size:28px;margin:0 0 5px}.lead{color:var(--muted);margin:0 0 22px}.step{display:none}.step.active{display:block;animation:fade .2s ease}@keyframes fade{from{opacity:.25;transform:translateY(4px)}to{opacity:1;transform:none}}
.grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.wide{grid-column:1/-1}label{display:block;color:#c9d6df;font-size:13px;font-weight:700;margin-bottom:14px}input,textarea,select{width:100%;margin-top:7px;border:1px solid var(--line);background:#09141d;color:white;border-radius:12px;padding:13px 14px;font:inherit;outline:none}input:focus,textarea:focus,select:focus{border-color:var(--cyan);box-shadow:0 0 0 3px #13c8ff18}textarea{resize:vertical}
button{border:0;font:inherit;font-weight:850;cursor:pointer}.primary,.add,.ghost{border-radius:12px;padding:12px 16px}.primary,.add{background:var(--cyan);color:#00151e}.ghost{background:#11212c;color:#d9e6ed;border:1px solid var(--line)}.titleRow{display:flex;justify-content:space-between;gap:15px;align-items:flex-start}
.card{background:linear-gradient(180deg,var(--panel2),var(--panel));border:1px solid var(--line);border-radius:16px;padding:15px;margin-bottom:13px}.cardTop{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.cardTop strong{font-size:16px}.remove{background:transparent;color:var(--danger);font-weight:800}.row{display:grid;grid-template-columns:1fr 1fr;gap:11px}
.mixrow{display:grid;grid-template-columns:110px 1fr 42px;gap:10px;align-items:center;margin:10px 0}.mixrow input{margin:0;padding:0}.mixrow span:last-child{text-align:right;color:var(--cyan);font-weight:800}
.checks{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:18px}.checks label{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:13px;margin:0}.checks input{width:auto;margin:0 8px 0 0}
.summary{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:18px;white-space:pre-wrap;line-height:1.55}.finalActions{display:flex;gap:10px;margin-top:15px}.note{color:var(--muted);font-size:12px}
footer{position:fixed;left:50%;transform:translateX(-50%);bottom:0;width:min(860px,100%);display:flex;justify-content:space-between;gap:12px;padding:14px 18px calc(14px + env(safe-area-inset-bottom));background:#071018e8;backdrop-filter:blur(14px);border-top:1px solid #172a36}footer button{min-width:125px}
@media(max-width:600px){.app{padding:14px 14px 105px}.grid,.row,.checks{grid-template-columns:1fr}.wide{grid-column:auto}h1{font-size:25px}.titleRow{align-items:center}.titleRow .lead{margin-bottom:15px}.mixrow{grid-template-columns:85px 1fr 38px}.brand b{font-size:14px}.ghost{padding:10px 12px}.finalActions{flex-direction:column}}
@media print{body{background:white;color:black}.app{max-width:none;padding:0}header,.progress,.stepmeta,footer,.finalActions,.lead,.note{display:none!important}.step{display:none!important}.step[data-step="8"]{display:block!important}.summary{border:0;background:white;color:black;padding:0}}
.brandLogo{width:190px;max-width:48vw;height:54px;object-fit:contain;object-position:left center;filter:drop-shadow(0 0 12px #13c8ff20)}
.brand{min-width:0}.brand small{font-size:9px;margin-left:3px}
.importBox{margin-top:18px;padding:16px;border:1px dashed #2d5368;border-radius:14px;background:#0a1720}
.importBox strong{display:block;margin-bottom:4px}
.importBox input{padding:10px}
@media(max-width:600px){.brandLogo{width:145px;height:46px}.finalActions{display:grid;grid-template-columns:1fr}.finalActions button{width:100%}}

.uploadGrid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:18px}
.uploadGrid label{background:var(--panel);border:1px solid var(--line);padding:13px;border-radius:12px}
.uploadGrid input[type=file]{font-size:12px}
.sendBtn{background:#fff;color:#06121a;border-radius:12px;padding:12px 16px}
.sendStatus{margin-top:16px;padding:14px;border-radius:12px;background:#0c2632;border:1px solid #1c5268;line-height:1.45}
.sendStatus.error{background:#291417;border-color:#70313a}
@media(max-width:600px){.uploadGrid{grid-template-columns:1fr}}