:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#edf7ff;background:#060810}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 20% 0%,#12324c 0,transparent 34%),linear-gradient(135deg,#060810,#111026 50%,#08151f)}button,input,select{font:inherit}button{border:1px solid rgba(45,248,255,.35);background:#00e5ff;color:#04111d;border-radius:8px;padding:8px 12px;font-weight:800;cursor:pointer}button:disabled{opacity:.65;cursor:not-allowed}button.secondary{background:#ffffff14;color:#edf7ff;border-color:#ffffff2e}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #ffd166;outline-offset:2px}.shell{width:min(1240px,100%);margin:0 auto;padding:24px}.topbar{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:20px}.topbar p{margin:0 0 4px;color:#2df8ff;text-transform:uppercase;font-weight:800;letter-spacing:.08em}.topbar h1{margin:0;font-size:clamp(28px,5vw,52px);line-height:1}.summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:18px}.summary div{border:1px solid rgba(255,255,255,.13);background:#070a16c7;border-radius:8px;padding:10px;min-width:0}.summary span{display:block;color:#aab4c7;font-size:12px;font-weight:800;text-transform:uppercase}.summary b{display:block;margin-top:4px;color:#edf7ff;overflow-wrap:anywhere}.section-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.section-head span{color:#aab4c7;font-size:13px}.controls{display:grid;grid-template-columns:minmax(0,1fr) 170px auto;gap:8px;margin:0 0 12px;align-items:end}.controls.stacked{grid-template-columns:minmax(0,1fr) 150px 130px}.field{display:grid;gap:5px;min-width:0;color:#dce6f5;font-size:12px;font-weight:800;text-transform:uppercase}.field input,.field select{width:100%;min-width:0;border:1px solid rgba(255,255,255,.16);background:#050812b8;color:#edf7ff;border-radius:8px;padding:12px 14px;text-transform:none}.check-field{color:#dce6f5;font-size:13px;display:flex;align-items:center;gap:6px;white-space:nowrap;min-height:45px}.check-field input[type=checkbox]{width:16px;height:16px;padding:0}.layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(340px,.85fr);gap:18px;align-items:start}h2{margin:0 0 12px;color:#ffd166}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}.tile,.listing,.status{border:1px solid rgba(255,255,255,.13);background:#070a16d1;box-shadow:0 16px 40px #00000047}.tile{border-radius:8px;overflow:hidden}.card-tile img,.card-fallback{width:100%;aspect-ratio:3 / 4;object-fit:cover;display:block;background:linear-gradient(135deg,#142035,#2d1f4d)}.tile-body{padding:10px;display:grid;gap:6px}.tile-body span,.listing span{color:#aab4c7;font-size:13px}.listings{display:grid;gap:10px}.listing{border-radius:8px;padding:12px;display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.listing.selected{border-color:#ffd1668c}.listing-main{min-width:0;display:grid;gap:4px}.listing-main strong{overflow-wrap:anywhere}.listing-actions{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:10px;min-width:158px}.detail-panel,.confirm-panel{border:1px solid rgba(45,248,255,.28);background:#050812e0;border-radius:8px;padding:12px;margin-bottom:12px;box-shadow:0 18px 46px #00000052}.confirm-panel{display:flex;align-items:center;justify-content:space-between;gap:14px;border-color:#ffd16673}.confirm-panel span{display:block;color:#ffd166;font-size:12px;font-weight:800;text-transform:uppercase}.confirm-panel p{margin:4px 0 0;color:#dce6f5;font-size:13px}.confirm-actions{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:8px}.detail-grid,.payload{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:10px 0}.detail-grid div,.payload div{border:1px solid rgba(255,255,255,.12);background:#ffffff0a;border-radius:8px;padding:9px;min-width:0}.detail-grid span,.payload span{display:block;color:#aab4c7;font-size:11px;font-weight:800;text-transform:uppercase}.detail-grid b,.payload b{display:block;margin-top:3px;overflow-wrap:anywhere}.muted{color:#aab4c7;font-size:13px;margin:8px 0 12px}.warning{margin:4px 0 0;color:#ffd166;font-size:13px;font-weight:800}.status{margin-top:20vh;border-radius:8px;padding:18px;text-align:center}.status.compact{margin:0 0 14px}.error{border-color:#ff4f8066;color:#ffb4c5}.empty{margin-top:12px;color:#aab4c7;border:1px dashed rgba(255,255,255,.18);border-radius:8px;padding:12px}.show-more{width:100%;margin-top:12px;background:#ffffff14;color:#edf7ff;border-color:#ffffff2e}@media(max-width:820px){.shell{padding:16px}.topbar{align-items:stretch;flex-direction:column}.topbar h1{font-size:32px;line-height:1.05}.summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.summary div{padding:8px}.summary span{font-size:11px}.summary b{font-size:14px}.controls,.controls.stacked,.layout{grid-template-columns:1fr}.listing,.confirm-panel{flex-direction:column;align-items:stretch}.listing-actions,.confirm-actions{justify-content:flex-start;min-width:0}.detail-panel{order:-1}}@media(max-width:460px){.shell{padding:12px}.topbar h1{font-size:28px}.summary{grid-template-columns:1fr}.grid{grid-template-columns:repeat(auto-fill,minmax(132px,1fr))}.detail-grid,.payload{grid-template-columns:1fr}button{width:100%}}
