@import"https://fonts.googleapis.com/css2?family=Manrope:wght@500;700;800&display=swap";.splash{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 40%,#241a10,#0f1115 70%);z-index:100;transition:opacity .4s ease}.splash.hidden{opacity:0;pointer-events:none}.splash-glow{position:absolute;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,rgba(255,159,67,.35),transparent 70%);animation:glow-pulse 2.2s ease-in-out infinite}@keyframes glow-pulse{0%,to{transform:scale(.9);opacity:.6}50%{transform:scale(1.15);opacity:1}}.splash-word{position:relative;display:flex;font-size:15vw;font-weight:800;letter-spacing:.04em}.splash-word span{display:inline-block;background:linear-gradient(135deg,var(--accent-2),var(--accent));-webkit-background-clip:text;background-clip:text;color:transparent;opacity:0;transform:translateY(24px) scale(.7);animation:letter-in .55s cubic-bezier(.2,.9,.3,1.3) forwards}.splash-word span:nth-child(1){animation-delay:.05s}.splash-word span:nth-child(2){animation-delay:.15s}.splash-word span:nth-child(3){animation-delay:.25s}.splash-word span:nth-child(4){animation-delay:.35s}@keyframes letter-in{to{opacity:1;transform:translateY(0) scale(1)}}.drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:60;animation:fade-in .15s ease both}.drawer{position:fixed;top:0;left:0;bottom:0;width:84%;max-width:320px;background:var(--bg-elevated);padding:24px 16px;display:flex;flex-direction:column;gap:8px;animation:slide-in .2s ease both;overflow-y:auto;z-index:61;touch-action:manipulation}@keyframes slide-in{0%{transform:translate(-100%)}to{transform:translate(0)}}.drawer h2{font-size:15px;color:var(--text-dim);text-transform:uppercase;letter-spacing:.05em;margin:8px 8px 4px}.space-item{display:flex;align-items:center;gap:12px;padding:14px 12px;border-radius:var(--radius-md);cursor:pointer;border:1px solid transparent;background:none;text-align:left;width:100%;color:var(--text);font-size:15px;font-weight:700;position:relative;z-index:1;touch-action:manipulation}.space-item.active{background:var(--card);border-color:var(--card-border)}.space-item:active{transform:scale(.97);background:var(--card)}.space-item:disabled{opacity:.5}.space-item .icon{font-size:22px}.drawer-divider{height:1px;background:var(--card-border);margin:12px 4px}.drawer-hint{padding:0 12px;font-size:13px;color:var(--text-dim);margin-bottom:8px}:root{--bg: #0f1115;--bg-elevated: #161922;--card: #1d212c;--card-border: #2a2f3d;--accent: #ff9f43;--accent-2: #ffd166;--text: #f5f6fa;--text-dim: #9aa1ac;--danger: #ff5c5c;--radius-lg: 24px;--radius-md: 16px}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:Manrope,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;-webkit-tap-highlight-color:transparent;overscroll-behavior:none}button{font-family:inherit}.screen{min-height:100vh;display:flex;flex-direction:column}.header{display:flex;align-items:center;gap:12px;padding:18px 20px 8px}.header-title{font-size:22px;font-weight:800;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.icon-btn{width:40px;height:40px;border-radius:50%;border:none;background:var(--card);color:var(--text);font-size:18px;display:flex;align-items:center;justify-content:center;cursor:pointer}.icon-btn:active{transform:scale(.94)}.icon-btn:disabled{opacity:.4;cursor:default}.icon-btn:disabled:active{transform:none}.action-menu{position:absolute;top:48px;right:0;z-index:61;background:var(--bg-elevated);border:1px solid var(--card-border);border-radius:var(--radius-md);padding:6px;min-width:200px;box-shadow:0 12px 30px #0006}.action-menu-item{display:block;width:100%;text-align:left;padding:12px 14px;border:none;background:none;color:var(--text);font-size:14px;font-weight:700;border-radius:var(--radius-md);cursor:pointer}.action-menu-item:active{background:var(--card)}.action-menu-danger{color:var(--danger)}.tab-row{display:flex;gap:8px;padding:4px 20px 8px}.tab{flex:1;padding:10px;border-radius:var(--radius-md);border:1px solid var(--card-border);background:var(--card);color:var(--text-dim);font-size:14px;font-weight:700;cursor:pointer}.tab.active{background:linear-gradient(135deg,var(--accent),var(--accent-2));border-color:transparent;color:#17130b}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;padding:12px 20px 100px}.cell-card{position:relative;height:158px;border-radius:var(--radius-lg);background:var(--card);border:1px solid var(--card-border);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;cursor:pointer;padding:12px 8px;overflow:hidden;animation:pop-in .25s ease both}.cell-card:active{transform:scale(.96)}.cell-card-static{cursor:default}.cell-card-static:active{transform:none}.cell-avatar{width:52px;height:52px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px;background-size:cover;background-position:center;flex-shrink:0}.cell-name{font-size:13px;font-weight:700;text-align:center;line-height:1.2;height:2.4em;flex-shrink:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.cell-meta{height:18px;flex-shrink:0;display:flex;align-items:center;justify-content:center;gap:6px}.cell-quantity{font-size:11px;font-weight:700;color:var(--accent);background:#ff9f4324;padding:2px 8px;border-radius:999px;white-space:nowrap}.cell-expiry{font-size:10px;font-weight:700;color:var(--text-dim);white-space:nowrap}.cell-expiry.urgent{color:var(--danger)}.cell-delete{position:absolute;top:6px;right:6px;width:24px;height:24px;border-radius:50%;border:none;background:#00000073;color:#fff;font-size:13px;display:flex;align-items:center;justify-content:center;cursor:pointer}.cell-card.add-card{background:transparent;border:2px dashed var(--card-border);color:var(--text-dim)}.cell-card.add-card .cell-avatar{background:var(--card);color:var(--accent)}.cell-select-check{position:absolute;top:6px;left:6px;width:22px;height:22px;border-radius:50%;border:2px solid var(--card-border);background:#00000059;color:#fff;font-size:13px;font-weight:800;display:flex;align-items:center;justify-content:center}.cell-select-check.checked{background:var(--accent);border-color:var(--accent);color:#17130b}.list{display:flex;flex-direction:column;gap:8px;padding:12px 20px 100px}.cell-row{position:relative;display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:var(--radius-md);background:var(--card);border:1px solid var(--card-border);cursor:pointer}.cell-row:active{transform:scale(.98)}.cell-row-avatar{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;background-size:cover;background-position:center;flex-shrink:0}.cell-row-info{flex:1;min-width:0}.cell-row-name{font-size:14px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cell-row-meta{display:flex;gap:6px;margin-top:4px}.cell-select-check-row{position:static;flex-shrink:0}.cell-delete-row{position:static;flex-shrink:0;background:var(--bg);color:var(--text-dim)}@keyframes pop-in{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}.fab-row{position:fixed;right:20px;bottom:28px;display:flex;align-items:center;gap:12px}.fab{height:56px;padding:0 22px;border-radius:28px;border:none;background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#17130b;font-size:16px;font-weight:800;box-shadow:0 10px 24px #ff9f4359;cursor:pointer;white-space:nowrap}.fab.fab-round{width:56px;height:56px;padding:0;border-radius:50%;font-size:26px;display:flex;align-items:center;justify-content:center}.fab:active{transform:scale(.94)}.fab-secondary{width:48px;height:48px;border-radius:50%;border:1px solid var(--card-border);background:var(--card);color:var(--text);font-size:20px;display:flex;align-items:center;justify-content:center;cursor:pointer}.fab-secondary:active{transform:scale(.94)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;display:flex;align-items:flex-end;justify-content:center;z-index:50;animation:fade-in .15s ease both}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.modal-sheet{width:100%;max-width:480px;max-height:80vh;max-height:80dvh;overflow-y:auto;overscroll-behavior:contain;background:var(--bg-elevated);border-radius:24px 24px 0 0;padding:24px 20px 28px;animation:slide-up .22s ease both}@keyframes slide-up{0%{transform:translateY(24px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-title{position:sticky;top:-24px;margin:-24px -20px 16px;padding:24px 20px 12px;background:var(--bg-elevated);font-size:18px;font-weight:800;z-index:1}.field{display:block;margin-bottom:14px}.field label{display:block;font-size:13px;color:var(--text-dim);margin-bottom:6px}.field input[type=text]{width:100%;padding:12px 14px;border-radius:var(--radius-md);border:1px solid var(--card-border);background:var(--card);color:var(--text);font-size:15px}.photo-picker{display:flex;align-items:center;gap:12px}.photo-picker-preview{width:56px;height:56px;border-radius:50%;background:var(--card);background-size:cover;background-position:center;border:1px solid var(--card-border);flex-shrink:0}.btn{width:100%;padding:14px;border-radius:var(--radius-md);border:none;font-size:15px;font-weight:700;cursor:pointer}.btn-primary{background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#17130b}.btn-secondary{background:var(--card);color:var(--text);border:1px solid var(--card-border)}.btn-row{display:flex;gap:10px;margin-top:6px}.btn-row .btn{flex:1}.onboarding{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:32px;text-align:center}.onboarding h1{font-size:26px;margin:0 0 4px}.onboarding p{color:var(--text-dim);margin:0 0 20px;font-size:14px}.onboarding .btn{max-width:320px}.link-btn{background:none;border:none;color:var(--accent);font-size:14px;font-weight:700;cursor:pointer;padding:8px}.empty-state{flex:1;display:flex;align-items:center;justify-content:center;color:var(--text-dim);font-size:14px;padding:40px;text-align:center}