*{box-sizing:border-box} body{margin:0;background:#0d0f12;color:#f5f7fa;font-family:system-ui,sans-serif} .boot{display:grid;place-items:center;min-height:100vh;font-weight:800;font-size:24px} .shell{max-width:760px;margin:auto;padding:20px 16px 100px} .top{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px} .brand{font-size:22px;font-weight:800} .muted{color:#9ca3af;font-size:13px} .card{background:#171a1f;border:1px solid #292e36;border-radius:18px;padding:16px;margin:12px 0} h1{font-size:25px;margin:4px 0 6px} .field{margin:14px 0} label{display:block;font-size:13px;font-weight:700;margin-bottom:7px} .input,.select{width:100%;min-height:52px;border-radius:13px;border:1px solid #343a45;background:#101217;color:white;padding:0 14px;font-size:16px} .btn{width:100%;min-height:52px;border:0;border-radius:13px;background:#f5f7fa;color:#111318;font-size:16px;font-weight:800;padding:12px 16px} .secondary{background:#242932;color:#f5f7fa} .results{display:grid;gap:8px;margin-top:8px} .result{width:100%;text-align:left;background:#111419;border:1px solid #303641;border-radius:13px;color:white;padding:12px;min-height:58px} .result strong{display:block} .product{display:flex;gap:12px;align-items:center} .product img{width:58px;height:58px;object-fit:contain;background:white;border-radius:10px} .filebox{border:1px dashed #414854;border-radius:14px;padding:18px;text-align:center} .filebox input{width:100%;margin-top:10px} .status{padding:11px 12px;border-radius:12px;background:#111419;margin:10px 0;font-size:14px} .nav{position:fixed;bottom:0;left:0;right:0;background:#0d0f12;border-top:1px solid #292e36;padding:8px 12px;display:flex;justify-content:center;gap:8px} .nav button{max-width:240px;min-height:48px;flex:1;border:0;border-radius:12px;background:#1b1f25;color:#ddd;font-weight:700} .row{display:grid;grid-template-columns:1fr 1fr;gap:10px} .hidden{display:none!important} @media(max-width:520px){.shell{padding:16px 12px 96px}.row{grid-template-columns:1fr}h1{font-size:22px}}
.sheetback{position:fixed;inset:0;background:rgba(0,0,0,.72);z-index:50;display:flex;align-items:flex-end;justify-content:center;padding:12px}.sheet{width:min(100%,760px);max-height:92vh;overflow:auto;background:#15171b;border:1px solid #2b2f36;border-radius:22px 22px 16px 16px;padding:20px}.sheethead{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:18px}.sheethead h2{margin:0 0 4px}.iconbtn{width:44px;height:44px;border-radius:12px;border:1px solid #343941;background:#202329;color:#fff;font-size:18px;cursor:pointer}
@media(min-width:700px){.sheetback{align-items:center}.sheet{border-radius:22px}}

.filelist{margin-top:8px;padding:10px 12px;border:1px solid #2b2f36;border-radius:12px;font-size:13px;line-height:1.65;overflow-wrap:anywhere}.progress{height:8px;background:#252930;border-radius:999px;overflow:hidden;margin-top:8px}.progress>div{height:100%;width:0;background:currentColor;transition:width .2s ease}.btn:disabled{opacity:.55;cursor:not-allowed}