:root{--bg-1: #f6efe5;--bg-2: #efe6d8;--surface: rgba(255, 250, 244, .88);--line: rgba(90, 68, 54, .14);--line-strong: rgba(90, 68, 54, .24);--text: #1f2937;--muted: #6b7280;--brand: #165c4b;--brand-soft: #1d7a63;--shadow: 0 28px 60px rgba(79, 57, 45, .12);--radius-xl: 30px;--radius-lg: 22px}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{font-family:Manrope,sans-serif;color:var(--text);background:radial-gradient(circle at top left,rgba(29,122,99,.14),transparent 30%),radial-gradient(circle at 85% 10%,rgba(200,113,46,.12),transparent 26%),linear-gradient(180deg,var(--bg-1) 0%,var(--bg-2) 100%)}button,input{font:inherit}.app-shell{position:relative;min-height:100vh;padding:28px;overflow:hidden}.ambient{position:absolute;border-radius:50%;filter:blur(10px);pointer-events:none}.ambient-left{width:280px;height:280px;left:-60px;bottom:40px;background:#c8712e1f}.ambient-right{width:240px;height:240px;right:-80px;top:120px;background:#1d7a6324}.app-header,.catalog-shell,.workspace-shell{position:relative;z-index:1}.app-header{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px;flex-wrap:wrap}.brand-block{display:flex;align-items:center;gap:14px}.brand-mark{width:150px;height:58px;border-radius:16px;display:grid;place-items:center;background:#000;box-shadow:0 16px 30px #165c4b29;overflow:hidden;padding:6px}.brand-mark img{width:100%;height:100%;object-fit:contain}.brand-kicker,.eyebrow{margin:0 0 6px;font-size:.75rem;text-transform:uppercase;letter-spacing:.18em;color:var(--brand-soft);font-weight:800}.brand-name{font-family:Space Grotesk,sans-serif;font-size:1.18rem;font-weight:700}.header-actions{display:flex;align-items:center;gap:12px;margin-left:auto}.user-chip{border:1px solid rgba(22,92,75,.18);border-radius:999px;background:#ffffffa8;padding:10px 14px;color:var(--brand);font-weight:800}.logout-button{min-width:110px}.ghost-button,.primary-button,.secondary-button,.icon-button{border:1px solid var(--line);background:#ffffffb3;color:var(--text);border-radius:999px;padding:12px 18px;cursor:pointer;text-decoration:none;font-weight:700;transition:transform .16s ease,box-shadow .16s ease,background .16s ease}.primary-button{background:linear-gradient(135deg,var(--brand) 0%,var(--brand-soft) 100%);color:#fff;border-color:transparent;box-shadow:0 18px 32px #165c4b42}.ghost-button:hover,.primary-button:hover,.secondary-button:hover,.icon-button:hover{transform:translateY(-1px)}.primary-button:disabled,.secondary-button:disabled,.icon-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.icon-button{width:48px;height:48px;padding:0;display:inline-grid;place-items:center;border-radius:999px;flex:0 0 auto}.icon-button svg{width:20px;height:20px;fill:currentColor}.icon-button-danger{color:#9f1239;border-color:#9f123929;background:#fff1f2f5}.icon-button-danger:hover{box-shadow:0 12px 24px #9f123924}.catalog-shell,.workspace-shell{animation:scene-rise .44s ease;width:min(1180px,100%);margin:0 auto}.catalog-toolbar{margin:6px 0 20px;display:flex;gap:14px;align-items:end;justify-content:space-between;flex-wrap:wrap}.catalog-meta{display:flex;justify-content:flex-end;margin-bottom:16px;color:var(--muted);font-size:.92rem}.catalog-meta p{margin:0}.searchbox{display:grid;gap:8px;font-size:.92rem;font-weight:700;max-width:460px;flex:1 1 320px}.toolbar-button{flex:0 0 auto}.toolbar-actions{display:flex;gap:14px;flex-wrap:wrap;justify-content:flex-end}.toolbar-button-secondary{background:#ffffffd1;color:var(--brand);border-color:#165c4b57}.searchbox input{border-radius:18px;border:1px solid var(--line);padding:15px 16px;background:#ffffffe0;outline:none}.searchbox input:focus{border-color:#1d7a6380;box-shadow:0 0 0 4px #1d7a631f}.stack-state{margin-top:16px;border-radius:var(--radius-lg);border:1px dashed var(--line-strong);background:#ffffff94;padding:18px;color:var(--muted)}.auth-shell{position:relative;z-index:1;width:min(760px,100%);margin:28px auto 0}.auth-panel{padding:34px;border-radius:28px;background:#fffcf7f5;border:1px solid rgba(255,255,255,.84);box-shadow:0 28px 60px #4f392d24}.auth-panel h1{margin:0;font-family:Space Grotesk,sans-serif;font-size:clamp(2rem,4vw,3rem);letter-spacing:-.04em}.auth-copy{margin:10px 0 0;color:var(--muted);line-height:1.7}.auth-form{display:grid;gap:16px;margin-top:22px}.auth-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.auth-error{border-style:solid;border-color:#9f12392e;color:#9f1239;background:#fff1f2b8}.auth-success{border-style:solid;border-color:#165c4b38;color:var(--brand);background:#e8f6efc2}.auth-switch{margin-top:18px}.detail-error{position:relative;z-index:1}.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.reveal-tile{animation:tile-rise .42s ease both}.product-card-shell{height:100%}.product-card{width:100%;min-height:164px;border:1px solid rgba(255,255,255,.72);border-radius:24px;background:linear-gradient(180deg,#ffffffdb,#fffbf7f0),linear-gradient(135deg,#1d7a6314,#c8712e14);box-shadow:var(--shadow);padding:20px;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;display:flex;flex-direction:column;justify-content:flex-start;gap:14px}.product-card:hover{transform:translateY(-4px);border-color:#1d7a6357;box-shadow:0 34px 58px #4f392d29}.product-card.active{border-color:#1d7a6366}.product-card-id{color:var(--brand-soft);font-size:.82rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.product-card-top{display:flex;justify-content:space-between;align-items:center;gap:12px}.product-card-main{flex:1;width:100%;border:0;background:transparent;padding:0;text-align:left;cursor:pointer;display:flex;flex-direction:column;justify-content:space-between;gap:14px}.product-card strong{font-family:Space Grotesk,sans-serif;font-size:1.45rem;line-height:1.2}.product-card-arrow{color:var(--muted);font-weight:700}.product-card-delete{background:#fff1f2eb;box-shadow:inset 0 0 0 1px #9f12390f}.workspace-topbar{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:18px;flex-wrap:wrap}.workspace-topbar-left{display:flex;align-items:center;gap:12px;min-height:48px}.workspace-actions{display:flex;gap:12px;flex-wrap:wrap;justify-content:flex-end}.deleted-shell{display:grid;gap:22px}.deleted-header{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:18px;align-items:center}.deleted-back{min-width:170px}.deleted-copy h2{margin:0;font-family:Space Grotesk,sans-serif;font-size:clamp(1.8rem,3vw,3rem);letter-spacing:-.04em;color:var(--brand)}.deleted-copy p{margin:8px 0 0;color:var(--muted);font-size:1rem}.deleted-summary{display:flex;align-items:center;gap:14px;color:var(--muted);font-size:1rem}.deleted-summary-icon{width:68px;height:68px;border-radius:22px;display:grid;place-items:center;background:#165c4b14;color:var(--brand)}.deleted-summary-icon svg{width:30px;height:30px;fill:currentColor}.deleted-toolbar{margin:0}.deleted-searchbox{max-width:none}.deleted-list{display:grid;gap:18px}.deleted-card{display:grid;grid-template-columns:minmax(0,1fr) 286px;gap:22px;align-items:center;padding:24px;border-radius:28px;background:#fffcf7f5;border:1px solid rgba(255,255,255,.84);box-shadow:0 24px 52px #4f392d1a}.deleted-card-main{display:grid;grid-template-columns:104px minmax(0,1fr);gap:20px;align-items:center;border:0;background:transparent;padding:0;text-align:left;cursor:pointer}.deleted-card-icon{width:104px;height:104px;border-radius:24px;display:grid;place-items:center;background:linear-gradient(180deg,#f2f8f5f5,#ebf4eff5);color:var(--brand)}.deleted-card-icon svg{width:42px;height:42px;fill:currentColor}.deleted-card-copy h3{margin:0;font-family:Space Grotesk,sans-serif;font-size:1.95rem;line-height:1.1}.deleted-card-copy p{margin:12px 0 0;color:var(--muted);font-size:1rem}.deleted-card-actions{display:grid;gap:14px}.deleted-card-actions button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:58px;font-size:1.05rem}.deleted-card-actions button svg{width:22px;height:22px;fill:currentColor}.deleted-action-restore{color:var(--brand);border-color:#165c4b57;background:#ffffffe6}.deleted-action-danger{color:#dc2626;border-color:#dc262657;background:#ffffffe6}.document-sheet{margin-top:18px;background:#fffcf7f5;border:1px solid rgba(255,255,255,.84);border-radius:28px;box-shadow:0 28px 60px #4f392d24;padding:34px}.document-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:18px;padding-bottom:20px;border-bottom:1px solid var(--line)}.document-header h2{margin:0;min-width:0;font-family:Space Grotesk,sans-serif;font-size:clamp(1.8rem,3vw,3rem);letter-spacing:-.04em}.document-logo{width:220px;height:74px;flex:0 0 auto;border-radius:16px;object-fit:contain;background:#000;padding:8px;margin-left:auto;box-shadow:0 14px 28px #165c4b24}.document-block{padding-top:22px}.document-block p{margin:0 0 14px;line-height:1.75;font-size:1rem}.document-common-grid,.detail-grid{display:grid;grid-template-columns:1fr;gap:16px}.document-table th,.document-table td{padding:16px 14px}.document-table .serial-column{width:86px;color:var(--brand);font-weight:800;text-align:center}.document-field{min-width:0;padding:18px 18px 16px;border-radius:20px;background:#ffffff9e;border:1px solid rgba(90,68,54,.1)}.document-label{display:inline-block;margin-bottom:10px;color:var(--muted);font-size:.78rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.document-value{margin:0;word-break:break-word}.document-licenses,.document-name-description,.document-product-meta{grid-template-columns:1fr}.manufacturer-block p:last-child{white-space:pre-wrap}.manufacturer-block{padding:22px 22px 8px;border-radius:24px;background:#ffffff9e;border:1px solid rgba(90,68,54,.1)}.qr-action-block{display:grid;gap:18px;justify-items:start}.document-qr-button{min-width:170px}.generated-qr-section{width:100%;display:flex;justify-content:flex-start}.generated-qr-card{width:min(100%,320px);padding:18px;border-radius:24px;background:#fff;border:1px solid var(--line);box-shadow:0 18px 34px #4f392d14}.generated-qr-card img{width:100%;display:block}.generated-qr-actions{margin-top:14px;display:flex;flex-wrap:wrap;gap:10px}.editor-form{display:grid}.editor-field{min-width:0;display:grid;gap:8px;padding:18px 18px 16px;border-radius:20px;background:#ffffff9e;border:1px solid rgba(90,68,54,.1)}.editor-field-full{width:100%}.editor-field input,.editor-field textarea{width:100%;border-radius:16px;border:1px solid var(--line);padding:14px 15px;background:#fffffff0;color:var(--text);outline:none;resize:vertical}.editor-field input:focus,.editor-field textarea:focus{border-color:#1d7a6380;box-shadow:0 0 0 4px #1d7a631f}.editor-section-head{display:flex;justify-content:space-between;gap:16px;align-items:end;margin-bottom:16px;flex-wrap:wrap}.editor-section-copy{margin:8px 0 0;color:var(--muted);line-height:1.6}.editor-ingredients{display:grid;gap:14px}.editor-ingredient-row{display:grid;grid-template-columns:minmax(0,2fr) minmax(180px,1fr) auto;gap:14px;align-items:start}.ingredient-remove{margin-top:38px}.editor-actions{display:flex;justify-content:flex-end}.table-wrap{overflow:auto;border:1px solid rgba(90,68,54,.1);border-radius:22px;background:#ffffff9e}table{width:100%;border-collapse:collapse}th,td{padding:14px 10px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}th{color:var(--muted);font-size:.8rem;text-transform:uppercase;letter-spacing:.1em}td{line-height:1.6}.overlay-loader{position:fixed;top:0;right:0;bottom:0;left:0;background:#f6efe5bd;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:grid;place-items:center;z-index:20}.loader-card{width:220px;padding:26px 20px;border-radius:24px;background:#fffaf4f2;border:1px solid rgba(255,255,255,.84);box-shadow:var(--shadow);text-align:center}.app-footer{position:relative;z-index:1;margin-top:26px;padding:14px 6px 8px;text-align:center;color:var(--muted);font-size:.9rem}.app-footer p{margin:0}.loader-orbit{width:56px;height:56px;margin:0 auto 16px;border-radius:50%;border:4px solid rgba(29,122,99,.14);border-top-color:var(--brand-soft);animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes tile-rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes scene-rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 1180px){.product-grid,.document-licenses,.document-product-meta{grid-template-columns:repeat(2,minmax(0,1fr))}.editor-ingredient-row{grid-template-columns:1fr}.ingredient-remove{margin-top:0}.deleted-card{grid-template-columns:1fr}.deleted-card-actions{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 900px){.app-shell{padding:18px}.app-header,.workspace-topbar{grid-template-columns:1fr;display:grid}.app-header{gap:16px}.header-actions{width:100%;margin-left:0;justify-content:stretch}.header-actions>*{flex:1 1 180px;text-align:center}.product-grid{grid-template-columns:1fr}.document-sheet{padding:22px}.document-common-grid,.detail-grid,.document-licenses{grid-template-columns:1fr}.generated-qr-section{justify-content:stretch}.generated-qr-card{width:100%}.generated-qr-actions>*{flex:1 1 180px}.workspace-actions{width:100%;justify-content:stretch}.workspace-actions>*{flex:1 1 220px}.workspace-actions .icon-button{flex:0 0 48px}.deleted-header{grid-template-columns:1fr;align-items:start}.deleted-summary{justify-content:flex-start}.deleted-card-main{grid-template-columns:92px minmax(0,1fr)}.deleted-card-icon{width:92px;height:92px}.deleted-card-copy h3{font-size:1.65rem}}@media (max-width: 640px){.app-shell{padding:14px}.brand-mark{width:124px;height:48px;border-radius:14px;padding:5px}.brand-name{font-size:1rem}.document-sheet{border-radius:24px}.catalog-meta{justify-content:flex-start;margin-bottom:12px}.product-card{min-height:148px;padding:18px;border-radius:22px}.product-card strong{font-size:1.25rem}.workspace-topbar{margin-bottom:14px}.ghost-button,.primary-button,.secondary-button{width:100%;justify-content:center}.icon-button{width:48px}.catalog-toolbar{align-items:stretch}.searchbox{max-width:none;flex-basis:100%}.toolbar-actions{width:100%;justify-content:stretch}.toolbar-actions>*{flex:1 1 220px}.deleted-back{min-width:0}.deleted-summary{gap:10px}.deleted-summary-icon{width:56px;height:56px;border-radius:18px}.deleted-card{padding:18px;border-radius:24px}.deleted-card-main{grid-template-columns:72px minmax(0,1fr);gap:16px}.deleted-card-icon{width:72px;height:72px;border-radius:20px}.deleted-card-icon svg{width:32px;height:32px}.deleted-card-copy h3{font-size:1.35rem}.deleted-card-copy p{font-size:.92rem}.deleted-card-actions{grid-template-columns:1fr}.document-sheet{padding:18px}.auth-panel{padding:22px;border-radius:24px}.auth-grid{grid-template-columns:1fr}.document-header{align-items:flex-start;gap:12px}.document-header h2{font-size:clamp(1.5rem,8vw,2rem)}.document-logo{width:144px;height:52px;border-radius:14px;padding:6px}.document-block{padding-top:18px}.document-field,.manufacturer-block{padding:16px;border-radius:18px}.table-wrap{border:none;background:transparent}.document-table,.document-table tbody,.document-table tr,.document-table td{display:block;width:100%}.document-table thead{display:none}.document-table tr{margin-bottom:12px;padding:14px;border-radius:18px;background:#ffffff9e;border:1px solid rgba(90,68,54,.1)}.document-table td{border-bottom:none;padding:0}.document-table td+td{margin-top:12px;padding-top:12px;border-top:1px solid var(--line)}.document-table td:before{content:attr(data-label);display:block;margin-bottom:6px;color:var(--muted);font-size:.74rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.generated-qr-actions{display:grid;grid-template-columns:1fr}.editor-section-head{align-items:stretch}.editor-actions{justify-content:stretch}.app-footer{margin-top:20px;font-size:.82rem}}