:root{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:#111827;background:#f6f7fb}*{box-sizing:border-box}body{margin:0}.page{min-height:100vh;padding:24px 16px}.container{max-width:760px;margin:0 auto}.title{font-size:2rem;margin:8px 0 12px}.card{background:#fff;border-radius:12px;box-shadow:0 1px 2px #10182814}.form{padding:12px;display:grid;gap:8px}.input{border:1px solid #d0d5dd;border-radius:10px;padding:10px 12px;font-size:.95rem}.button{margin-top:4px;border:0;border-radius:10px;background:#111827;color:#fff;padding:12px;font-weight:600;cursor:pointer}.button:disabled{opacity:.7;cursor:default}.summary{color:#475467;margin:10px 2px}.searchInput{display:block;width:100%;margin-bottom:4px}.exportButton{margin:0 2px 12px;border:1px solid #d0d5dd;border-radius:8px;background:#fff;color:#1d2939;padding:8px 12px;font-weight:600;cursor:pointer}.deleteSelectedButton{margin:0 2px 12px;border:1px solid #fda29b;border-radius:8px;background:#fff5f4;color:#b42318;padding:8px 12px;font-weight:600;cursor:pointer}.deleteSelectedButton:disabled{opacity:.55;cursor:not-allowed}.dataActionRow{display:flex;gap:8px;flex-wrap:wrap}.sortFieldSelect{margin:0 2px 12px;min-width:210px;border:1px solid #cdd5df;border-radius:10px;background:linear-gradient(180deg,#fff,#f8fafc);box-shadow:0 1px 2px #1018280f;color:#1d2939;padding:8px 34px 8px 12px;font-weight:600;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:linear-gradient(45deg,transparent 50%,#344054 50%),linear-gradient(135deg,#344054 50%,transparent 50%);background-position:calc(100% - 16px) calc(50% - 2px),calc(100% - 11px) calc(50% - 2px);background-size:5px 5px;background-repeat:no-repeat}.bulkActionRow{flex-basis:100%;display:flex;flex-wrap:wrap;gap:8px}.selectAllControl{margin:0 2px 12px;display:inline-flex;align-items:center;gap:6px;color:#344054;font-weight:600}.hiddenInput{display:none}.list{display:grid;gap:10px}.empty{color:#667085;text-align:center;margin-top:20px}.entry{display:flex;gap:10px;align-items:center;padding:10px}.entryCheckbox{width:16px;height:16px;cursor:pointer}.entryContent{display:flex;flex-direction:column;align-items:flex-start}.thumb{width:72px;height:72px;aspect-ratio:1 / 1;flex-shrink:0;border-radius:10px;object-fit:contain;object-position:center;background:#f8f8f8}.shoeName{margin:0 0 2px;font-size:1rem}.meta{margin:0 0 2px;color:#475467}.price{margin:4px 0 0;font-weight:600}.entryActionRow{margin-top:8px;display:flex;gap:8px}.editButton{border:1px solid #cdd5df;background:#fff;color:#1d2939;border-radius:8px;padding:6px 10px;font-size:.85rem;cursor:pointer}.deleteButton{margin-top:0;border:1px solid #fda29b;background:#fff5f4;color:#b42318;border-radius:8px;padding:6px 10px;font-size:.85rem;cursor:pointer}.floatingControlGroup{position:fixed;right:16px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;align-items:flex-end;gap:8px;z-index:20}.sideNavButtons{display:flex;flex-direction:column;gap:8px}.sideNavButton{min-width:68px;border:1px solid #d0d5dd;border-radius:10px;background:#fff;color:#1d2939;padding:8px 10px;font-weight:600;cursor:pointer}@media(max-width:640px){.page{padding:16px 12px}.title{font-size:1.7rem}.dataActionRow{gap:6px}.exportButton,.sortFieldSelect,.deleteSelectedButton{width:100%;margin:0 0 10px}.sortFieldSelect{min-width:0}.bulkActionRow{flex-direction:column;align-items:stretch;gap:6px}.selectAllControl{margin:0}}.floatingAddButton{width:56px;height:56px;border:0;border-radius:999px;background:#111827;color:#fff;font-size:2rem;line-height:1;cursor:pointer;z-index:21}.floatingFormPanel{position:relative;width:min(420px,calc(100vw - 32px));max-height:calc(100vh - 32px);overflow-y:auto;z-index:25}.floatingOverlay{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:16px;overflow-y:auto;background:#0f172a52;z-index:24}.floatingFormHeader{display:flex;justify-content:space-between;align-items:center;padding:12px 12px 0}.floatingFormTitle{margin:0;font-size:1rem}.floatingFormCloseButton{border:1px solid #d0d5dd;border-radius:8px;background:#fff;color:#1d2939;padding:4px 8px;cursor:pointer}
