@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700;800&family=JetBrains+Mono:wght@500&display=swap";:root{--bg: #050505;--bg-soft: #0b0b0b;--card: #121212;--card-strong: rgba(255, 255, 255, .08);--line: #222222;--ink: #ffffff;--muted: #a1a1a1;--dimmed: #666666;--brand: #00d1ff;--brand-deep: #0080ff;--violet: #9d50bb;--success: #00ffbc;--danger: #ff6e73;--panel-padding: 32px;--card-padding: 20px;--card-gap: 12px}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{font-family:Inter,Segoe UI,sans-serif;color:var(--ink);background:radial-gradient(circle at 15% 12%,rgba(0,209,255,.15) 0%,transparent 28%),radial-gradient(circle at 88% 4%,rgba(157,80,187,.16) 0%,transparent 24%),linear-gradient(180deg,#050505,#07080a 55%,#050505)}h1,h2,h3,p{margin:0}.app-shell{min-height:100vh;padding:clamp(1rem,2vw,2rem)}.shell-grid{width:min(1280px,90vw);margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr);gap:24px}.shell-grid>*{width:100%;max-width:none;justify-self:stretch}.panel{border:1px solid rgba(255,255,255,.1);border-radius:24px;background:#ffffff08;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:inset 0 0 0 1px #ffffff05;overflow:visible}.topbar{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:var(--panel-padding);overflow:visible;position:relative;z-index:100}.title{font-size:clamp(2rem,5vw,4rem);font-weight:800;letter-spacing:-.04em;margin-top:.25rem}.topbar-controls{display:flex;gap:.6rem;align-items:center}.user-menu-trigger{display:inline-flex;align-items:center;gap:.5rem}.user-avatar{width:26px;height:26px;border-radius:50%;object-fit:cover;border:1px solid var(--line)}.user-avatar-fallback{display:grid;place-content:center;font-size:.78rem;font-weight:700;background:#1c2430;color:var(--ink)}.user-menu{position:relative}.user-menu-dropdown{position:absolute;top:calc(100% + .4rem);right:0;min-width:170px;border:1px solid var(--line);border-radius:10px;background:#0f141c;padding:.35rem;box-shadow:0 10px 24px #00000040;z-index:1000}.user-menu-item{width:100%;text-align:left}.content{display:grid;gap:1rem;width:100%}.section{padding:1rem}.section-head{display:flex;justify-content:space-between;align-items:center;gap:.8rem;margin-bottom:.8rem}.muted{color:var(--muted)}.inline-form{display:flex;flex-wrap:wrap;gap:.6rem}input,select{width:100%;border-radius:12px;border:1px solid rgba(255,255,255,.12);background:#0009;color:var(--ink);padding:.72rem .85rem;font:inherit}input:focus,select:focus{outline:2px solid rgba(0,209,255,.24);border-color:var(--brand)}.inline-form input,.inline-form select{flex:1 1 220px}.button{border:1px solid rgba(255,255,255,.14);border-radius:12px;background:#ffffff08;color:var(--ink);padding:.62rem .95rem;cursor:pointer;font:inherit}.button:hover{border-color:var(--brand)}.button.primary{background:linear-gradient(135deg,var(--brand),var(--brand-deep));color:#050505;border-color:transparent;font-weight:700;box-shadow:0 0 20px #00d1ff4d}.button.primary:hover{transform:scale(1.05)}.button.danger{border-color:#ff6e7380;color:var(--danger)}.button.ghost{background:#ffffff08}.cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:.8rem}.collection-card,.item-card{border:1px solid rgba(255,255,255,.1);border-radius:24px;background:linear-gradient(180deg,#ffffff0a,#ffffff05);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:var(--card-padding);display:grid;gap:var(--card-gap);box-shadow:inset 0 0 0 1px #ffffff05}.collection-meta{display:grid;gap:var(--card-gap)}.collection-meta-head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--card-gap)}.collection-title-block{display:grid;gap:10px}.collection-meta-side{display:grid;justify-items:end;gap:0}.collection-card h3,.item-card h3,.collection-card p,.item-card p{margin:0}.chip{width:fit-content;border:1px solid var(--line);border-radius:99px;padding:.35rem .7rem;font-size:.78rem;color:var(--muted)}.collection-count{margin-left:auto;white-space:nowrap}.collection-owner-avatar{width:26px;height:26px;border-radius:50%;object-fit:cover;border:1px solid rgba(255,255,255,.18)}.collection-owner-avatar-fallback{display:grid;place-content:center;font-size:.75rem;font-weight:700;color:var(--ink);background:#ffffff14}.collection-owner-ident{display:inline-flex;align-items:center;gap:.5rem;margin-top:10px;border:none;border-radius:0;background:transparent;padding:0}.collection-owner-name{font-size:.95rem;line-height:1;color:var(--ink)}.collection-card .card-actions,.item-card .card-actions{display:grid;grid-template-columns:1fr}.collection-card .card-actions .button,.item-card .card-actions .button{width:100%;justify-content:center;padding-left:1rem;padding-right:1rem}.collection-card{min-height:220px}.card-actions{display:flex;flex-wrap:wrap;gap:var(--card-gap)}.item-media,.placeholder{width:100%;aspect-ratio:1;border-radius:10px;object-fit:cover;background:#0d1218;border:1px solid var(--line)}.placeholder{display:grid;place-content:center;color:var(--muted);font-size:.9rem}.page-header{display:flex;justify-content:space-between;align-items:center;gap:.8rem;margin-bottom:.9rem}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#06080cb8;display:grid;place-items:center;align-items:start;overflow-y:auto;padding:1rem;z-index:1000}.modal{width:min(560px,100%);max-height:calc(100dvh - 2rem);overflow-y:auto;border:1px solid var(--line);border-radius:14px;background:#0f141c;padding:1rem;display:grid;gap:.8rem}.modal-head{display:flex;justify-content:space-between;align-items:center;gap:.8rem}.tabs{display:flex;gap:.5rem}.tab{flex:1;border:1px solid var(--line);border-radius:10px;padding:.52rem;cursor:pointer;background:transparent;color:var(--muted)}.tab.active{color:var(--ink);border-color:var(--brand);background:#00d1ff24}.stack{display:grid;gap:.6rem}.field-label{color:var(--muted);font-size:.92rem}.barcode-section{border:1px solid var(--line);border-radius:12px;padding:.75rem;background:#ffffff05}.photo-capture-panel{border:1px solid var(--line);border-radius:12px;padding:.7rem;background:#ffffff05;display:grid;gap:.65rem}.photo-preview-wrap{display:grid;gap:.55rem}.photo-preview{width:100%;max-height:300px;object-fit:cover;border-radius:10px;border:1px solid var(--line);background:#05080d}.photo-actions{display:flex;flex-wrap:wrap;gap:.45rem}.scanner-panel{border:1px solid var(--line);border-radius:12px;padding:.65rem;background:#ffffff05;display:grid;gap:.6rem}.scanner-controls{display:flex;flex-wrap:wrap;gap:.45rem}.scanner-viewport{position:relative;width:100%;min-height:220px;border:1px dashed var(--line);border-radius:10px;overflow:hidden;background:#05080d}.scanner-viewport video,.scanner-viewport canvas{width:100%;height:220px;object-fit:cover}.scanner-crosshair{position:absolute;top:50%;left:50%;width:100%;height:100%;transform:translate(-50%,-50%);pointer-events:none;z-index:10}.visually-hidden-file-input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);clip-path:inset(50%);border:0}.scanner-ok{color:var(--brand);font-size:.9rem}.scanner-error{color:var(--danger);font-size:.9rem}.file-input{border:1px dashed var(--line);border-radius:10px;padding:.65rem;color:var(--muted)}.switch-row{display:flex;align-items:center;justify-content:space-between;gap:.6rem}.empty{border:1px dashed rgba(255,255,255,.2);border-radius:12px;padding:1rem;color:var(--muted)}.message{color:var(--brand)}.filter-toggle{display:flex;gap:.4rem;width:fit-content;margin:0 auto}.toggle-btn{border:1px solid var(--line);border-radius:10px;background:transparent;color:var(--muted);padding:.58rem 1.2rem;cursor:pointer;font:inherit;font-weight:600;transition:all .3s cubic-bezier(.34,1.56,.64,1)}.toggle-btn:hover{border-color:var(--brand);color:var(--ink)}.toggle-btn.active{background:linear-gradient(135deg,var(--brand),var(--brand-deep));color:#050505;border-color:var(--brand);box-shadow:0 0 20px #00d1ff4d}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .4s cubic-bezier(.34,1.56,.64,1) forwards}@keyframes cardSlide{0%{opacity:0;transform:translateY(15px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.cards-grid .collection-card,.cards-grid .item-card{animation:cardSlide .5s cubic-bezier(.34,1.56,.64,1) forwards}.cards-grid .collection-card:nth-child(1){animation-delay:.05s}.cards-grid .collection-card:nth-child(2){animation-delay:.1s}.cards-grid .collection-card:nth-child(3){animation-delay:.15s}.cards-grid .collection-card:nth-child(4){animation-delay:.2s}.cards-grid .collection-card:nth-child(5){animation-delay:.25s}.cards-grid .collection-card:nth-child(n+6){animation-delay:.3s}.cards-grid .item-card:nth-child(1){animation-delay:.05s}.cards-grid .item-card:nth-child(2){animation-delay:.1s}.cards-grid .item-card:nth-child(3){animation-delay:.15s}.cards-grid .item-card:nth-child(4){animation-delay:.2s}.cards-grid .item-card:nth-child(5){animation-delay:.25s}.cards-grid .item-card:nth-child(n+6){animation-delay:.3s}.button{transition:all .3s cubic-bezier(.34,1.56,.64,1)}.button:active{transform:scale(.98)}.collection-card,.item-card{transition:all .3s ease}.collection-card:hover,.item-card:hover{border-color:var(--brand);box-shadow:inset 0 0 0 1px #00d1ff38,0 8px 24px #00d1ff26;transform:translateY(-4px)}.search-input{border-radius:12px;border:1px solid var(--brand);background:#000;color:var(--brand);padding:.62rem .75rem;font:500 14px/1.4 JetBrains Mono,monospace;letter-spacing:.05em;transition:all .3s ease}.section-head .search-input{width:auto;min-width:250px;margin:0}.search-input:focus{outline:2px solid rgba(109,232,157,.24);border-color:var(--brand)}.collection-item-search{display:grid;gap:.7rem;margin-bottom:.9rem}.collection-item-search-row{display:flex;flex-wrap:wrap;gap:.55rem;align-items:center}.collection-item-search-row .search-input{flex:1 1 300px;min-width:220px}.switch{position:relative;display:inline-flex;align-items:center}.switch-input{position:absolute;opacity:0;width:0;height:0;cursor:pointer}.switch-slider{position:relative;display:inline-block;width:48px;height:26px;background-color:var(--line);border-radius:26px;transition:.35s cubic-bezier(.34,1.56,.64,1);border:1px solid var(--line);cursor:pointer}.switch-slider:before{content:"";position:absolute;height:22px;width:22px;left:2px;top:2px;background-color:var(--bg-soft);border-radius:50%;transition:.35s cubic-bezier(.34,1.56,.64,1)}.switch-input:checked+.switch-slider{background:linear-gradient(135deg,var(--brand),var(--brand-deep));border-color:var(--brand)}.switch-input:checked+.switch-slider:before{transform:translate(22px);background-color:#0d141d}.modal-form{display:grid;gap:.8rem}.modal-form input{width:100%}.modal-form .switch-row{display:flex;align-items:center;justify-content:space-between;gap:.8rem;padding:.5rem 0}@keyframes slideIn{0%{opacity:0;transform:translate(400px)}to{opacity:1;transform:translate(0)}}@keyframes slideOut{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(400px)}}.notifications-container{position:fixed;bottom:1.5rem;right:1.5rem;display:flex;flex-direction:column;gap:.8rem;z-index:999;pointer-events:none}.notification{border:1px solid var(--line);border-radius:10px;padding:.8rem 1rem;border-left:4px solid;animation:slideIn .3s cubic-bezier(.34,1.56,.64,1) forwards;pointer-events:auto;cursor:default}.notification-success{border-left-color:var(--success);background:#00ffbc1a;color:var(--success)}.notification-error{border-left-color:var(--danger);background:#ff6e731a;color:var(--danger)}.notification-info{border-left-color:#6ba3d8;background:#6ba3d81a;color:#6ba3d8}@media (max-width: 760px){.topbar,.page-header,.section-head{flex-direction:column;align-items:stretch}.filter-toggle{width:100%}.toggle-btn{flex:1}.notifications-container{bottom:1rem;right:1rem}.notification{border-radius:8px;padding:.7rem .9rem}}.content.bento-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:24px;align-items:start;width:100%}.content.bento-grid>.panel{grid-column:1 / -1;width:100%;max-width:none;justify-self:stretch}.bento-card{grid-column:1 / -1;padding:var(--panel-padding)}.bento-primary,.bento-filter{grid-column:1 / -1}h2{font-size:24px;font-weight:600;letter-spacing:-.02em}p,.muted,button,input,select{font-size:16px}code{color:var(--brand);background:#000000b3;border:1px solid rgba(0,209,255,.55);border-radius:8px;padding:.15rem .4rem;font:500 14px/1.4 JetBrains Mono,monospace;letter-spacing:.05em}.modal{background:#ffffff14;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}@media (max-width: 1024px){.bento-primary,.bento-filter{grid-column:1 / -1}}@media (max-width: 760px){.bento-card,.topbar{padding:20px}.title{font-size:clamp(1.8rem,10vw,2.6rem)}.collection-card,.item-card{padding:16px;gap:10px}}