:root{color:#26111b;background:#fff7fb;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;--pink: #dc0b63;--pink-soft: #ff86bd;--yellow: #ffd51a;--ink: #26111b;--muted: #765668;--paper: #ffffff;--line: #f0c6dc;--danger: #9b233f;--ok: #176b4d}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:wait;opacity:.62}.app{width:min(100%,680px);min-height:100vh;margin:0 auto;padding:14px}.shell{display:grid;place-items:center}.loader{padding:16px 18px;border-radius:8px;color:var(--paper);background:var(--pink);font-weight:850}.topbar{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;background:#fff7fbf0;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.brand,.iconNav button,.back,.quickActions button,.actions button,.primary,.quickButtons button,.toast{min-height:44px;border:0;border-radius:8px}.brand{display:inline-flex;align-items:center;gap:10px;padding:0;color:var(--ink);background:transparent;font-size:20px;font-weight:900}.brand img{width:42px;height:42px;border-radius:8px;object-fit:cover}.iconNav{display:flex;gap:6px}.iconNav button,.back{display:inline-flex;align-items:center;justify-content:center;padding:0 12px;color:var(--ink);background:#ffe4f1}.back{gap:4px;margin:8px 0 14px}.stack{display:flex;flex-direction:column;gap:14px}h1{margin:0;font-size:28px;line-height:1.12;letter-spacing:0}h2{margin:6px 0 0;font-size:18px;line-height:1.2;letter-spacing:0}p{margin:0}.hero{display:grid;grid-template-columns:104px 1fr;align-items:center;gap:16px;min-height:154px;padding:18px;border-radius:8px;color:var(--yellow);background:var(--pink);overflow:hidden}.hero img{width:104px;height:104px;border-radius:8px;object-fit:cover;border:3px solid var(--yellow)}.hero p{margin-top:6px;color:#ffe0ef;font-weight:650}.botLink{display:inline-flex;margin-top:12px;color:var(--yellow);font-weight:850}.rolePanel{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;padding:12px;border:1px solid var(--line);border-radius:8px;background:var(--paper);color:var(--muted)}.rolePanel strong{color:var(--ink)}.groupGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.groupTile{display:grid;gap:14px;min-height:116px;padding:14px;border:0;border-radius:8px;text-align:left;color:var(--ink)}.groupTile span{font-weight:850}.groupTile strong{align-self:end;font-size:30px}.pink{color:var(--paper);background:var(--pink)}.yellow{background:var(--yellow)}.rose{background:var(--pink-soft)}.customGroup{color:var(--ink);background:var(--group-color, #ffffff);border:1px solid #f7d7e6}.quickActions,.actions{display:grid;grid-template-columns:1fr;gap:10px}.quickActions button,.actions button,.primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 14px;color:var(--ink);background:var(--paper);box-shadow:0 1px #26111b14}.primary{color:var(--ink);background:var(--yellow);font-weight:900}.danger{color:var(--danger)!important}.filters{display:grid;grid-template-columns:1fr;gap:10px}.search{position:relative}.search svg{position:absolute;top:50%;left:12px;transform:translateY(-50%);color:var(--muted)}.search input{padding-left:40px}input,select,textarea{width:100%;min-height:46px;padding:11px 12px;border:1px solid var(--line);border-radius:8px;color:var(--ink);background:var(--paper)}textarea{min-height:96px;resize:vertical}.panelForm,.groupEditor{display:grid;gap:12px;padding:14px;border:1px solid var(--line);border-radius:8px;background:var(--paper)}.panelForm label,.groupEditor label{display:grid;gap:6px;color:var(--muted);font-size:14px;font-weight:750}.colorInput{height:46px;padding:4px}.groupEditorList{display:grid;gap:10px}.groupPreview{display:flex;align-items:center;min-height:68px;padding:14px;border:1px solid var(--line);border-radius:8px;color:var(--ink)}.groupPreview span{font-weight:900}.itemList,.timeline{display:grid;gap:10px}.itemRow,.operation{display:grid;grid-template-columns:62px 1fr auto;align-items:center;gap:12px;width:100%;padding:10px;border:1px solid #f7d7e6;border-radius:8px;color:var(--ink);background:var(--paper);text-align:left}.itemRow small,.muted,.operation small,.operation p{color:var(--muted)}.itemRow span{min-width:0}.itemRow strong,.itemRow small{display:block;overflow-wrap:anywhere}.photo{width:62px;height:62px;border-radius:8px;object-fit:cover;background:#ffe4f1}.placeholder{display:grid;place-items:center;color:var(--pink)}.photo.large{width:100%;height:clamp(260px,58vh,460px);min-height:0;max-height:none;object-fit:contain}.qty{min-width:72px;padding:8px 10px;border-radius:8px;color:var(--ok);background:#e6f7ef;text-align:center;white-space:nowrap}.qty.low{color:var(--danger);background:#ffe2ec}.detailPhoto{display:grid;place-items:center;overflow:hidden;border-radius:8px;background:#ffe4f1}.detailHead{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.note{padding:12px;border-radius:8px;background:var(--paper);border:1px solid #f7d7e6}.form label{display:grid;gap:7px;font-weight:800}.formError{padding:10px 12px;border-radius:8px;color:var(--danger);background:#ffe2ec}.segmented{display:grid;grid-template-columns:1fr 1fr;padding:4px;border-radius:8px;background:#ffe4f1}.segmented button{min-height:42px;border:0;border-radius:7px;background:transparent;color:var(--ink);font-weight:900}.segmented .active{background:var(--paper)}.quickButtons{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.quickButtons button{color:var(--paper);background:var(--pink);font-size:18px;font-weight:900}.operation{grid-template-columns:1fr auto}.operation button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:36px;padding:8px 10px;border:0;border-radius:8px;color:var(--ink);background:#ffe4f1}.operation small,.operation p{grid-column:1 / -1}.positive{color:var(--ok);font-weight:900}.negative{color:var(--danger);font-weight:900}.empty{padding:18px;border-radius:8px;background:var(--paper);color:var(--muted);border:1px solid #f7d7e6}.usageRows{display:grid;gap:10px}.usageRow{display:grid;gap:10px;padding:12px;border:1px solid #f7d7e6;border-radius:8px;background:var(--paper)}.usageRowHead{display:flex;align-items:center;justify-content:space-between;gap:10px}.usageRowHead button{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border:0;border-radius:8px;color:var(--danger);background:#ffe2ec}.toast{position:fixed;right:16px;bottom:16px;z-index:20;max-width:min(360px,calc(100vw - 32px));padding:12px 14px;color:var(--ink);background:var(--yellow);box-shadow:0 10px 32px #26111b2e;font-weight:850}@media (max-width: 520px){.app{padding:12px}.hero{grid-template-columns:82px 1fr;gap:12px;padding:14px}.hero img{width:82px;height:82px}h1{font-size:24px}.groupGrid{grid-template-columns:1fr}.groupTile{min-height:82px;grid-template-columns:1fr auto;align-items:center}.itemRow{grid-template-columns:54px 1fr}.itemRow .qty{grid-column:2;justify-self:start}.photo{width:54px;height:54px}.photo.large{width:100%;height:clamp(260px,54vh,420px)}.detailHead{flex-direction:column}}