@import url("https://fonts.googleapis.com/css2?family=Newsreader:opsz,wght@6..72,400;6..72,500;6..72,600&family=Hanken+Grotesk:wght@400;500;600;700;800&display=swap");:root{--cream:oklch(97.6% 0.009 75);--cream-2:oklch(95.2% 0.013 68);--surface:oklch(99.4% 0.005 85);--surface-2:oklch(98.2% 0.008 70);--ink:oklch(27% 0.022 32);--muted:oklch(49% 0.018 38);--faint:oklch(63% 0.016 44);--line:oklch(90.5% 0.011 58);--line-soft:oklch(93.5% 0.009 62);--wine:oklch(44% 0.105 12);--wine-700:oklch(36% 0.094 12);--wine-900:oklch(28% 0.07 14);--wine-soft:oklch(95.4% 0.022 14);--wine-tint:oklch(92% 0.03 14);--nude:oklch(70% 0.052 45);--nude-deep:oklch(56% 0.055 42);--nude-soft:oklch(94.6% 0.021 46);--sage:oklch(52% 0.082 152);--sage-soft:oklch(95% 0.032 152);--gold:oklch(66% 0.11 70);--gold-soft:oklch(95.2% 0.05 82);--danger:oklch(52% 0.16 24);--danger-soft:oklch(95% 0.034 22);--info:oklch(55% 0.085 242);--info-soft:oklch(95% 0.026 242);--font-display:"Newsreader",Georgia,serif;--font-body:"Hanken Grotesk",system-ui,-apple-system,sans-serif;--r-xs:8px;--r-sm:11px;--r:15px;--r-lg:20px;--r-xl:26px;--r-pill:999px;--sh-sm:0 1px 2px oklch(30% 0.03 36/0.06);--sh:0 1px 2px oklch(30% 0.03 36/0.05),0 6px 20px oklch(30% 0.03 36/0.07);--sh-md:0 2px 6px oklch(30% 0.03 36/0.06),0 14px 36px oklch(30% 0.03 36/0.10);--sh-lg:0 8px 22px oklch(30% 0.03 36/0.10),0 28px 60px oklch(30% 0.03 36/0.16);--ease:cubic-bezier(0.22,0.61,0.36,1);--sidebar:264px}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}body,html{margin:0;padding:0}body{font-family:var(--font-body);color:var(--ink);background:var(--cream);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;border:none;background:none}a{color:inherit;text-decoration:none}::-moz-selection{background:var(--wine-tint)}::selection{background:var(--wine-tint)}.tnum{font-variant-numeric:tabular-nums}.scroll::-webkit-scrollbar{width:0;height:0}.scroll{scrollbar-width:none}.display{font-weight:500;line-height:1.04;letter-spacing:-.01em}.display,.serif{font-family:var(--font-display)}.eyebrow{font-size:11px;font-weight:800;letter-spacing:.14em;color:var(--nude-deep)}.eyebrow,.label-cap{text-transform:uppercase}.label-cap{font-size:11.5px;font-weight:700;letter-spacing:.06em}.label-cap,.muted{color:var(--muted)}.faint{color:var(--faint)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 18px;border-radius:var(--r-pill);font-weight:700;font-size:15px;letter-spacing:-.01em;background:var(--surface);color:var(--ink);border:1px solid var(--line);transition:transform .12s var(--ease),box-shadow .18s var(--ease),background .18s,border-color .18s}.btn:active{transform:scale(.975)}.btn svg{width:18px;height:18px}.btn.primary{background:linear-gradient(178deg,var(--wine) 0,var(--wine-700) 100%);color:oklch(98% .01 60);box-shadow:0 1px 1px oklch(28% .07 14/.4),0 8px 20px oklch(40% .1 12/.28)}.btn.ghost,.btn.primary{border-color:transparent}.btn.ghost{background:transparent;color:var(--wine-700)}.btn.outline{background:var(--surface);border-color:var(--line)}.btn.outline:hover{border-color:var(--nude)}.btn.soft{background:var(--wine-soft);color:var(--wine-700)}.btn.danger,.btn.soft{border-color:transparent}.btn.danger{background:var(--danger-soft);color:var(--danger)}.btn.sage{background:var(--sage-soft);color:var(--sage);border-color:transparent}.btn.sm{min-height:38px;padding:0 13px;font-size:13.5px;gap:6px}.btn.sm svg{width:16px;height:16px}.btn.xs{min-height:32px;padding:0 11px;font-size:12.5px}.btn.xs svg{width:14px;height:14px}.btn.icon{width:48px;padding:0}.btn.icon.sm{width:38px}.btn.block{width:100%}.btn:disabled{opacity:.45;pointer-events:none}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--sh-sm)}.card.flat{box-shadow:none}.card.pad{padding:18px}.card.lift{box-shadow:var(--sh)}.stat{position:relative;overflow:hidden;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:16px 16px 17px;box-shadow:var(--sh-sm)}.stat .stat-top{display:flex;align-items:center;gap:9px;margin-bottom:14px}.stat .stat-ico{width:30px;height:30px;border-radius:9px;flex-shrink:0;display:grid;place-items:center}.stat .stat-ico svg{width:17px;height:17px}.stat .stat-name{font-size:11.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.stat .stat-val{font-family:var(--font-display);font-weight:500;font-size:30px;line-height:1;letter-spacing:-.02em}.stat .stat-sub{margin-top:7px;font-size:12.5px;color:var(--faint);display:flex;align-items:center;gap:5px}.stat.feature{background:linear-gradient(160deg,var(--wine) 0,var(--wine-900) 115%);border-color:transparent;color:oklch(97% .01 60);box-shadow:var(--sh-md)}.stat.feature .stat-name{color:oklch(90% .03 30/.85)}.stat.feature .stat-sub{color:oklch(90% .03 30/.7)}.stat.feature .stat-ico{background:oklch(100% 0 0/.14)}.ico-sage{background:var(--sage-soft);color:var(--sage)}.ico-wine{background:var(--wine-soft);color:var(--wine-700)}.ico-gold{background:var(--gold-soft);color:oklch(48% .1 70)}.ico-info{background:var(--info-soft);color:var(--info)}.ico-nude{background:var(--nude-soft);color:var(--nude-deep)}.badge{display:inline-flex;align-items:center;gap:5px;height:24px;padding:0 9px;border-radius:var(--r-pill);font-size:11.5px;font-weight:800;white-space:nowrap}.badge .dot{width:6px;height:6px;border-radius:50%;background:currentColor}.badge.PENDING,.badge.pending{background:var(--gold-soft);color:oklch(46% .1 66)}.badge.PRODUCTION,.badge.production{background:var(--info-soft);color:var(--info)}.badge.DELIVERED,.badge.done{background:var(--sage-soft);color:var(--sage)}.badge.LATE,.badge.late{background:var(--danger-soft);color:var(--danger)}.badge.TRIAL,.badge.wine{background:var(--wine-soft);color:var(--wine-700)}.badge.nude{background:var(--nude-soft);color:var(--nude-deep)}.badge.ACTIVE{background:var(--sage-soft);color:var(--sage)}.badge.BLOCKED,.badge.CANCELLED{background:var(--danger-soft);color:var(--danger)}.field{display:grid;gap:7px}.field>label{font-size:11.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--muted)}.field .hint{font-size:12px;color:var(--faint)}.field input,.field select,.field textarea,.input{width:100%;min-height:50px;padding:13px 14px;background:var(--surface);border:1.5px solid var(--line);border-radius:var(--r);font-size:16px;color:var(--ink);transition:border-color .16s,box-shadow .16s}.field textarea{min-height:92px;resize:vertical;line-height:1.5}.field input::-moz-placeholder,.field textarea::-moz-placeholder{color:oklch(70% .012 60)}.field input::placeholder,.field textarea::placeholder{color:oklch(70% .012 60)}.field input:focus,.field select:focus,.field textarea:focus,.input:focus{outline:none;border-color:var(--nude);box-shadow:0 0 0 4px var(--wine-soft)}.field 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='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%238a6f63' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;padding-right:42px}.seg{display:inline-flex;gap:4px;padding:4px;background:var(--cream-2)}.seg,.seg button{border-radius:var(--r-pill)}.seg button{min-height:38px;padding:0 16px;font-weight:700;font-size:13.5px;color:var(--muted);transition:all .18s}.seg button.on{background:var(--surface);color:var(--wine-700);box-shadow:var(--sh-sm)}.chips{display:flex;gap:8px;flex-wrap:wrap}.chip{display:inline-flex;align-items:center;gap:6px;min-height:38px;padding:0 14px;border-radius:var(--r-pill);border:1.5px solid var(--line);background:var(--surface);color:var(--muted);font-weight:700;font-size:13.5px;transition:all .16s var(--ease)}.chip.on{border-color:var(--wine);background:var(--wine-soft);color:var(--wine-700)}.chip svg{width:15px;height:15px}.alert{display:flex;gap:11px;padding:13px 15px;border-radius:var(--r);align-items:flex-start;font-size:13.5px;line-height:1.45}.alert svg{width:18px;height:18px;flex-shrink:0;margin-top:1px}.alert.warn{background:var(--gold-soft);color:oklch(42% .09 64)}.alert.info{background:var(--info-soft);color:var(--info)}.alert.danger{background:var(--danger-soft);color:var(--danger)}.alert.trial{background:linear-gradient(100deg,var(--gold-soft),var(--nude-soft));color:oklch(42% .08 60)}.hr{height:1px;background:var(--line);border:0;margin:0}.dashed-pad,.empty{border:1.5px dashed var(--line);border-radius:var(--r)}.empty{padding:20px;text-align:center;color:var(--faint);font-size:13.5px}.order-card{position:relative;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:15px 16px 15px 18px;box-shadow:var(--sh-sm);display:grid;gap:11px;overflow:hidden}.order-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--line)}.order-card.LATE:before,.order-card.late:before{background:var(--danger)}.order-card.PENDING:before,.order-card.pending:before{background:var(--gold)}.order-card.PRODUCTION:before,.order-card.production:before{background:var(--info)}.order-card.DELIVERED:before,.order-card.done:before{background:var(--sage)}.order-meta{display:flex;flex-wrap:wrap;gap:6px 14px;color:var(--muted);font-size:12.5px}.order-meta span{display:inline-flex;align-items:center;gap:5px}.order-meta svg{width:14px;height:14px;opacity:.7}.bar{height:7px;border-radius:999px;background:var(--cream-2);overflow:hidden}.bar>i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--nude),var(--wine))}.dock{position:sticky;bottom:0;z-index:10;background:oklch(99.4% .005 85/.86);backdrop-filter:blur(16px) saturate(150%);border-top:1px solid var(--line);padding:12px 16px calc(12px + env(safe-area-inset-bottom))}@keyframes rise{0%{transform:translateY(10px);opacity:0}to{transform:none;opacity:1}}.rise{animation:rise .42s var(--ease) both}@keyframes pop{0%{transform:scale(.96);opacity:0}to{transform:none;opacity:1}}.pop{animation:pop .3s var(--ease) both}@keyframes shimmer{to{background-position:200% 0}}.sk{border-radius:var(--r-sm);background:linear-gradient(90deg,var(--cream-2) 25%,oklch(97% .008 70) 50%,var(--cream-2) 75%);background-size:200% 100%;animation:shimmer 1.3s linear infinite}.shell{min-height:100vh;background:var(--cream)}.sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar);z-index:30;display:flex;flex-direction:column;padding:20px 14px;background:var(--surface);border-right:1px solid var(--line)}.sidebar .brand{display:flex;align-items:center;gap:11px;padding:0 8px 16px}.brand-mark{width:40px;height:40px;border-radius:32%;flex-shrink:0;display:grid;place-items:center;background:linear-gradient(150deg,var(--wine) 0,var(--wine-900) 120%);color:oklch(96% .02 60);box-shadow:var(--sh-sm);font-family:var(--font-display);font-weight:600;font-size:17px;letter-spacing:-.04em}.nav-list{display:grid;gap:2px;margin:0;padding:0;list-style:none}.nav-list a{display:flex;align-items:center;gap:12px;min-height:46px;padding:0 12px;border-radius:var(--r);font-weight:700;font-size:14.5px;color:var(--muted);transition:background .15s,color .15s}.nav-list a.active,.nav-list a:hover{background:var(--wine-soft);color:var(--wine-700)}.nav-list a svg{width:20px;height:20px}.logout-link{margin-top:auto;display:flex;align-items:center;gap:10px;min-height:44px;padding:0 12px;color:var(--danger);font-weight:800;font-size:14px}.main{margin-left:var(--sidebar);min-height:100vh}.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px clamp(16px,3vw,32px);background:oklch(97.6% .009 75/.9);backdrop-filter:blur(16px);border-bottom:1px solid var(--line-soft)}.topbar h1{margin:0;font-family:var(--font-display);font-weight:500;font-size:27px;color:var(--wine-900)}.topbar .eyebrow{margin-bottom:3px}.content{width:min(100%,1080px);margin:0 auto;padding:24px clamp(16px,3vw,32px) 64px}.grid{display:grid;gap:14px}.cols-2{grid-template-columns:repeat(2,1fr)}.cols-3{grid-template-columns:repeat(3,1fr)}.cols-4{grid-template-columns:repeat(4,1fr)}.section-title{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:28px 0 14px}.section-title h2{margin:0;font-family:var(--font-display);font-weight:500;font-size:23px}.bottom-nav,.mobile-topbar{display:none}.avatar{border-radius:50%;flex-shrink:0;display:grid;place-items:center;background:var(--nude-soft);color:var(--wine-700);font-weight:800;box-shadow:inset 0 0 0 1px oklch(60% .05 30/.12)}.table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:var(--r-lg);background:var(--surface)}table{width:100%;border-collapse:collapse;min-width:560px}td,th{padding:13px 15px;text-align:left;font-size:14px;border-bottom:1px solid var(--line-soft)}th{font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}tbody tr:last-child td{border-bottom:none}tbody tr:hover{background:var(--surface-2)}.toast-container{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);z-index:100;display:grid;gap:8px}.toast{background:var(--ink);color:var(--cream);padding:12px 20px;border-radius:var(--r-pill);font-weight:700;font-size:13.5px;box-shadow:var(--sh-lg);white-space:nowrap}.toast.err{background:var(--danger)}.modal-backdrop{position:fixed;inset:0;z-index:80;display:none;align-items:center;justify-content:center;padding:20px;background:oklch(25% .02 30/.42)}.modal-backdrop.open{display:flex}.modal-card{width:100%;max-width:640px;max-height:88vh;overflow:auto;border-radius:var(--r-xl);box-shadow:var(--sh-lg)}.modal-card,.modal-head{background:var(--surface)}.modal-head{position:sticky;top:0;z-index:1;display:flex;align-items:center;justify-content:space-between;padding:18px 22px;border-bottom:1px solid var(--line)}.modal-head h2{margin:0;font-family:var(--font-display);font-weight:500;font-size:23px}.modal-body{padding:22px}.form-grid{display:grid;gap:14px}.form-grid.two{grid-template-columns:1fr 1fr}@media (max-width:860px){.sidebar{display:none}.main{margin-left:0;padding-bottom:80px}.topbar{display:none}.mobile-topbar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 16px;position:sticky;top:0;z-index:20;background:oklch(97.6% .009 75/.92);backdrop-filter:blur(14px);border-bottom:1px solid var(--line-soft)}.mobile-topbar h1{margin:0;font-family:var(--font-display);font-weight:500;font-size:22px;color:var(--wine-900)}.content{padding:18px 16px 24px}.bottom-nav{display:flex;align-items:stretch;position:fixed;left:0;right:0;bottom:0;z-index:40;padding:0 6px calc(10px + env(safe-area-inset-bottom));background:oklch(99.4% .005 85/.92);backdrop-filter:blur(18px) saturate(150%);border-top:1px solid var(--line)}.bottom-nav a,.bottom-nav button{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;padding:9px 0 2px;color:var(--faint);font-size:10.5px;font-weight:600}.bottom-nav a.active{color:var(--wine-700);font-weight:800}.bottom-nav a svg,.bottom-nav button svg{width:23px;height:23px}.bottom-nav .fab span{width:54px;height:54px;border-radius:50%;margin-top:-24px;display:grid;place-items:center;color:oklch(97% .01 60);background:linear-gradient(160deg,var(--wine),var(--wine-900));box-shadow:0 6px 16px oklch(40% .1 12/.4),0 0 0 5px var(--surface)}.cols-2,.cols-3,.cols-4{grid-template-columns:1fr}.cols-2.keep,.stat-duo{grid-template-columns:1fr 1fr}.form-grid.two{grid-template-columns:1fr}.modal-card{max-width:100%;border-radius:var(--r-xl) var(--r-xl) 0 0;align-self:flex-end}.modal-backdrop{align-items:flex-end;padding:0}.mobile-topbar .btn{min-height:40px;padding:0 13px;font-size:13.5px}.mobile-topbar .btn.primary{box-shadow:var(--sh-sm)}}