*{box-sizing:border-box}body{font-family:system-ui,sans-serif;margin:0;color:#111;background:#f8fafc}header{display:flex;gap:12px;align-items:center;background:#0f766e;color:#fff;padding:12px 16px;position:sticky;top:0;z-index:5}header button{margin-left:auto}main{max-width:900px;margin:0 auto;padding:14px}button,.btn{min-height:44px;padding:10px 14px;border-radius:10px;border:1px solid #0f766e;background:#0f766e;color:#fff;font-size:16px;cursor:pointer}.btn.secondary,button.secondary{background:#fff;color:#0f766e}input,select{min-height:44px;font-size:16px;padding:8px;border:1px solid #94a3b8;border-radius:8px;width:100%}.card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:12px;margin:10px 0}.progress{height:10px;background:#e2e8f0;border-radius:6px;overflow:hidden}.progress>div{height:100%;background:#0f766e}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:10px}.sticky{position:sticky;top:58px;background:#f8fafc;padding:8px 0;z-index:4}.row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.row>*{flex:1}.size-row{display:flex;gap:8px;align-items:center;border-top:1px solid #e2e8f0;padding:8px 0}.size-row .sz{width:56px;font-weight:700}.size-row input{max-width:110px}.chip{background:#e0f2f1;color:#115e59;border-color:#99f6e4}.chip.sel{background:#0f766e;color:#fff}img.thumb{width:64px;height:64px;object-fit:cover;border-radius:8px;background:#e2e8f0}.small{color:#64748b;font-size:13px}.status{min-width:70px;font-size:13px}video{width:100%;border-radius:12px;background:#000}@media(max-width:480px){main{padding:10px}.grid{grid-template-columns:1fr}}