:root{--coral: #F97C8E;--coral-deep: #F0637A;--coral-soft: #FDE7EB;--pink: #F2C2CE;--bg: #FDF6F8;--card: #FFFFFF;--ink: #4A3B42;--ink-soft: #9B8A91;--ink-faint: #C4B5BB;--border: #F0E4E8;--border-strong: #E7D6DC;--lavender: #D6C7EC;--sky: #B3E8F5;--mint: #BCE8CE;--sand: #DED9C4;--butter: #FBEAB0;--peach: #F8C091;--lavender-t: #F1EBFA;--sky-t: #E6F8FC;--mint-t: #EBF8F0;--sand-t: #F5F3EB;--butter-t: #FDF7E2;--peach-t: #FDEFE2;--green: #5FB98A;--orange: #E89A3C;--red: #E85C6B;--green-t: #E8F5EE;--orange-t: #FBF0E2;--red-t: #FCEAEC;--accent: var(--coral);--accent-deep: var(--coral-deep);--accent-soft: var(--coral-soft);--serif: "Cormorant Garamond", Georgia, serif;--sans: "Manrope", -apple-system, BlinkMacSystemFont, sans-serif;--r-sm: 8px;--r-md: 12px;--r-lg: 18px;--r-xl: 26px;--r-pill: 999px;--sh-sm: 0 1px 2px rgba(74, 59, 66, .04), 0 1px 3px rgba(74, 59, 66, .05);--sh-md: 0 4px 16px rgba(190, 130, 145, .08), 0 1px 4px rgba(74, 59, 66, .04);--sh-lg: 0 14px 40px rgba(190, 130, 145, .14), 0 4px 12px rgba(74, 59, 66, .05);--sh-coral: 0 8px 22px rgba(249, 124, 142, .32);--row-pad: 15px;--card-pad: 26px;--gap: 22px}[data-density=compact]{--row-pad: 10px;--card-pad: 18px;--gap: 16px}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}::selection{background:var(--accent-soft);color:var(--ink)}*::-webkit-scrollbar{width:11px;height:11px}*::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:999px;border:3px solid transparent;background-clip:content-box}*::-webkit-scrollbar-thumb:hover{background:var(--ink-faint);background-clip:content-box}*::-webkit-scrollbar-track{background:transparent}.serif{font-family:var(--serif)}.display{font-family:var(--serif);font-weight:600;letter-spacing:-.01em;line-height:1.04;color:var(--ink)}.eyebrow{font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-soft)}.btn{font-family:var(--sans);font-weight:600;font-size:14px;border:none;border-radius:var(--r-pill);padding:11px 22px;cursor:pointer;display:inline-flex;align-items:center;gap:9px;transition:transform .16s ease,box-shadow .2s ease,background .2s ease,border-color .2s ease,color .2s ease;white-space:nowrap;line-height:1}.btn:active{transform:translateY(1px) scale(.99)}.btn-primary{background:var(--accent);color:#fff;box-shadow:var(--sh-coral)}.btn-primary:hover{background:var(--accent-deep);box-shadow:0 10px 26px #f97c8e6b}.btn-ghost{background:#fff;color:var(--ink);border:1px solid var(--border-strong);box-shadow:var(--sh-sm)}.btn-ghost:hover{border-color:var(--ink-faint);background:#fffdfd}.btn-soft{background:var(--accent-soft);color:var(--accent-deep)}.btn-soft:hover{background:#fcd9e0}.btn-danger{background:var(--red);color:#fff;box-shadow:0 8px 20px #e85c6b47}.btn-danger:hover{background:#db4757}.btn-quiet{background:transparent;color:var(--ink-soft);padding:8px 12px}.btn-quiet:hover{color:var(--ink);background:var(--bg)}.btn-sm{padding:8px 15px;font-size:13px}.btn-icon{width:36px;height:36px;padding:0;justify-content:center;border-radius:50%}.field{display:flex;flex-direction:column;gap:7px}.field-label{font-size:12.5px;font-weight:600;color:var(--ink);letter-spacing:.01em}.input,.select,.textarea{font-family:var(--sans);font-size:14px;color:var(--ink);background:#fff;border:1px solid var(--border-strong);border-radius:var(--r-md);padding:12px 14px;transition:border-color .18s ease,box-shadow .18s ease;width:100%}.input::placeholder,.textarea::placeholder{color:var(--ink-faint)}.input:focus,.select:focus,.textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-soft)}.textarea{resize:vertical;min-height:96px;line-height:1.5}.select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%239B8A91' stroke-width='1.6' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;padding-right:38px;cursor:pointer}.badge{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;padding:4px 11px;border-radius:var(--r-pill);line-height:1.4;white-space:nowrap}.badge .dot{width:6px;height:6px;border-radius:50%}.badge-green{background:var(--green-t);color:#3e8c63}.badge-green .dot{background:var(--green)}.badge-orange{background:var(--orange-t);color:#b9712a}.badge-orange .dot{background:var(--orange)}.badge-red{background:var(--red-t);color:#c93f4f}.badge-red .dot{background:var(--red)}.badge-neutral{background:var(--bg);color:var(--ink-soft);border:1px solid var(--border)}.badge-neutral .dot{background:var(--ink-faint)}.tag{display:inline-flex;align-items:center;font-size:11.5px;font-weight:600;padding:3px 10px;border-radius:var(--r-pill);letter-spacing:.01em;white-space:nowrap}.tag-allergene{background:var(--peach-t);color:#c0772f}.tag-cmr{background:var(--red-t);color:#c93f4f}.tag-pe{background:var(--lavender-t);color:#7a5fa8}.tag-silicone{background:var(--sky-t);color:#3a8aa0}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--sh-md);min-width:0}.row{display:flex;align-items:center}.muted{color:var(--ink-soft)}.divider{height:1px;background:var(--border);border:none;margin:0}@keyframes fadeUp{0%{transform:translateY(11px)}to{transform:none}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes popIn{0%{transform:scale(.96) translateY(8px)}to{transform:none}}.anim-up{animation:fadeUp .5s cubic-bezier(.22,.61,.36,1) both}.anim-in{animation:fadeIn .4s ease both}@media(prefers-reduced-motion:reduce){.anim-up,.anim-in{animation:none}}.skel{position:relative;overflow:hidden;display:block;background:var(--border);border-radius:var(--r-sm);flex-shrink:0}.skel:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(100deg,transparent 16%,rgba(255,255,255,.72) 50%,transparent 84%);transform:translate(-100%);animation:skel-sweep 1.5s ease-in-out infinite}.skel-soft{background:var(--coral-soft)}.skel-circle{border-radius:50%}@keyframes skel-sweep{to{transform:translate(100%)}}@media(prefers-reduced-motion:reduce){.skel:after{animation:none}}.toast-viewport{position:fixed;bottom:24px;right:24px;z-index:1000;display:flex;flex-direction:column;gap:10px;width:min(400px,calc(100vw - 48px));pointer-events:none}.toast{position:relative;display:flex;align-items:flex-start;gap:12px;padding:13px 15px 13px 18px;border-radius:var(--r-lg);background:#fffffff0;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--border);box-shadow:var(--sh-lg);color:var(--ink);overflow:hidden;pointer-events:auto;animation:idb-toast-in .32s cubic-bezier(.21,1.02,.73,1)}.toast:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--toast-accent)}.toast-success{--toast-accent: var(--green);--toast-tint: var(--green-t)}.toast-error{--toast-accent: var(--red);--toast-tint: var(--red-t)}.toast-info{--toast-accent: var(--accent);--toast-tint: var(--accent-soft)}.toast-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;background:var(--toast-tint);color:var(--toast-accent)}.toast-msg{flex:1;align-self:center;font-size:13.5px;font-weight:500;line-height:1.5;white-space:pre-line;overflow-wrap:break-word;min-width:0}@keyframes idb-toast-in{0%{opacity:0;transform:translateY(14px) scale(.97)}to{opacity:1;transform:none}}@media(max-width:640px){.toast-viewport{left:12px;right:12px;bottom:12px;width:auto}}@media(prefers-reduced-motion:reduce){.toast{animation:none}}.nav-item{display:flex;align-items:center;gap:13px;padding:11px 13px;border-radius:var(--r-md);border:none;cursor:pointer;text-align:left;background:transparent;color:var(--ink-soft);font-family:var(--sans);font-size:14px;font-weight:600;width:100%}.nav-item:hover{background:var(--bg);color:var(--ink)}.nav-item.active{background:var(--accent);color:#fff;font-weight:700;box-shadow:var(--sh-coral)}.nav-item .nav-count{margin-left:auto;background:var(--accent-soft);color:var(--accent-deep);font-size:11px;font-weight:700;padding:2px 8px;border-radius:999px}.nav-item.active .nav-count{background:#ffffff40;color:#fff}.tbl{width:100%;border-collapse:collapse}.tbl thead tr{background:var(--bg)}.tbl th{text-align:left;padding:14px 22px;font-size:11.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-soft);border-bottom:1px solid var(--border);white-space:nowrap}.tbl td{padding:var(--row-pad) 22px}.tbl tbody tr{border-bottom:1px solid var(--border);transition:background .14s ease}.tbl tbody tr:last-child{border-bottom:none}.tbl tbody tr.clickable{cursor:pointer}.tbl tbody tr:hover{background:var(--bg)}.tbl-scroll{overflow-x:auto}.detail-grid{display:grid;grid-template-columns:340px minmax(0,1fr);gap:var(--gap);align-items:start}.detail-grid>*{min-width:0}@media(max-width:940px){.detail-grid{grid-template-columns:1fr}.detail-grid .detail-aside{position:static!important}}.app-sidebar{width:268px;flex-shrink:0;background:#fff;border-right:1px solid var(--border);display:flex;flex-direction:column;height:100vh;position:sticky;top:0}.app-topbar-wrap{padding:24px 38px 12px}.app-content{padding:8px 38px 48px;flex:1}.app-hamburger{display:none;flex-shrink:0}.app-backdrop{display:none}@media(max-width:1100px){.r-grid-kpi{grid-template-columns:repeat(3,1fr)!important}}@media(max-width:940px){.r-grid-2{grid-template-columns:1fr!important}}@media(max-width:860px){.app-sidebar{position:fixed;top:0;left:0;bottom:0;height:100%;z-index:220;transform:translate(-100%);transition:transform .28s cubic-bezier(.22,.61,.36,1);box-shadow:var(--sh-lg);border-right:1px solid var(--border)}.app-sidebar.open{transform:none}.app-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:210;background:#4a3b4257;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:fadeIn .22s ease}.app-hamburger{display:inline-flex}.app-topbar-wrap{padding:16px 18px 8px}.app-content{padding:8px 18px 40px}}@media(max-width:620px){.r-grid-kpi{grid-template-columns:repeat(2,1fr)!important}}@media(max-width:480px){.app-topbar-wrap{padding:14px 14px 6px}.app-content{padding:6px 14px 34px}.display{letter-spacing:0}}@media(max-width:400px){.r-grid-kpi{grid-template-columns:1fr!important}}