:root{--bg: #f7f4ee;--card: #fdfbf7;--raised: #efe9df;--hair: #1f1b1614;--hair-strong: #1f1b1624;--ink: #1f1b16;--dim: #5e554a;--faint: #7b7266;--accent: #f4a3c0;--accent-soft: #f4a3c033;--accent-ink: #b8406c;--on-accent: #1f1b16;--mint: #16a34a;--danger: #dc2626;--shade: 0 1px 2px #0000000d;--float: 0 8px 24px #0000000f;--ease: cubic-bezier(.22, 1, .36, 1);--font: "Nunito", -apple-system, "Segoe UI", Roboto, sans-serif;--mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;--side: 232px;--r: 14px;color-scheme:light}:root[data-theme=dark]{--bg: #000000;--card: #0d0d0d;--raised: #1a1a1a;--hair: #ffffff17;--hair-strong: #ffffff26;--ink: #f2efea;--dim: #a8a39b;--faint: #7c776f;--accent: #f4a3c0;--accent-soft: #f4a3c026;--accent-ink: #f4a3c0;--mint: #4cc38a;--danger: #e5484d;--shade: none;--float: 0 12px 32px #000000;color-scheme:dark}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;background:var(--bg);color:var(--ink);font:500 15px/1.45 var(--font)}body{-webkit-font-smoothing:antialiased}button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}button:disabled{opacity:.4;cursor:default}a{color:var(--accent-ink);text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:3px}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:6px}h1,h2,h3{margin:0;font-weight:600}p{margin:0}code{font-family:var(--mono);font-size:.92em;background:var(--raised);padding:1px 6px;border-radius:6px}.icon{flex:none}.muted{color:var(--dim)}.faint{color:var(--faint)}.small{font-size:13px}.block{display:block}.mono{font-family:var(--mono);font-size:13.5px}.error{color:var(--danger)}input,textarea,select{font:inherit;color:inherit;width:100%;background:var(--card);border:1px solid var(--hair-strong);border-radius:10px;padding:9px 12px;transition:border-color .15s}textarea{resize:vertical;line-height:1.5}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}select{appearance:none;padding-right:32px;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%237b7266' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M2 4l4 4 4-4'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:38px;padding:0 16px;border-radius:10px;font-weight:600;font-size:14px;white-space:nowrap;transition:background .15s,transform .1s}.btn:active:not(:disabled){transform:scale(.98)}.btn--plain{background:var(--raised);color:var(--ink)}.btn--plain:hover:not(:disabled){background:var(--hair-strong);text-decoration:none}.btn--accent{background:var(--accent);color:var(--on-accent)}.btn--accent:hover:not(:disabled){background:#f093b5}.btn--danger{background:var(--danger);color:#fff}.btn--danger-quiet{color:var(--danger);background:transparent;padding:0 8px;justify-content:flex-start}.btn--danger-quiet:hover{background:color-mix(in srgb,var(--danger) 10%,transparent)}.btn--quiet{height:30px;padding:0 10px;color:var(--dim)}.btn--quiet:hover{background:var(--raised);color:var(--ink)}.ibtn{display:inline-grid;place-items:center;width:32px;height:32px;border-radius:8px;color:var(--dim);flex:none}.ibtn:hover:not(:disabled){background:var(--raised);color:var(--ink)}.shell{min-height:100vh}.side{position:fixed;inset:0 auto 0 0;width:var(--side);display:flex;flex-direction:column;gap:8px;padding:18px 12px;border-right:1px solid var(--hair);background:var(--bg);z-index:30}.side__brand{display:flex;align-items:center;gap:10px;padding:4px 10px 18px;font-size:20px;font-weight:600}.side__brand small{font-size:13px;font-weight:500;color:var(--faint);margin-left:-2px;align-self:flex-end;padding-bottom:3px}.side__nav{display:flex;flex-direction:column;gap:2px}.side__link{display:flex;align-items:center;gap:12px;height:40px;padding:0 12px;border-radius:10px;color:var(--dim);font-weight:500;width:100%;text-align:left}.side__link:hover{background:var(--raised);color:var(--ink);text-decoration:none}.side__link.is-on{background:var(--card);color:var(--ink);font-weight:600;border:1px solid var(--hair);box-shadow:var(--shade)}.side__link.is-on .icon{color:var(--accent-ink)}.side__foot{margin-top:auto;display:flex;flex-direction:column;gap:2px}.side__me{display:flex;align-items:center;gap:10px;padding:12px 6px 0 10px;margin-top:8px;border-top:1px solid var(--hair)}.side__me img{border-radius:50%;background:var(--raised);flex:none}.side__me span{flex:1;min-width:0;font-size:14px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.side__me small{display:block;color:var(--faint);font-weight:500;font-size:12px}.topbar,.side-scrim{display:none}.main{margin-left:var(--side);padding:32px 40px 64px}.page{max-width:980px;margin:0 auto;display:flex;flex-direction:column;gap:20px;animation:enter .35s var(--ease) both}.page--wide{max-width:1200px}@keyframes enter{0%{opacity:0;transform:translateY(6px)}}.page__head h1{font-size:28px;line-height:1.2;margin-bottom:4px}.page__head--row{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap}.panel{background:var(--card);border:1px solid var(--hair);border-radius:var(--r);box-shadow:var(--shade);padding:18px 20px}.panel__head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px;flex-wrap:wrap}.panel__head h2{font-size:17px}.section-title{font-size:17px;margin:28px 0 12px}.tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.tiles--small{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));margin-bottom:16px}.tile{background:var(--card);border:1px solid var(--hair);border-radius:var(--r);box-shadow:var(--shade);padding:16px 18px;display:flex;flex-direction:column;gap:2px;min-width:0}.tiles--small .tile{background:var(--bg);box-shadow:none;padding:12px 14px}.tile strong{font-size:24px;font-weight:600;font-variant-numeric:tabular-nums;letter-spacing:-.01em}.tiles--small .tile strong{font-size:18px}.tile__label{font-size:13px;color:var(--dim)}.tile__sub{font-size:13px;color:var(--faint)}.tile--main{background:var(--accent-soft);border-color:transparent}.bars{display:flex;align-items:flex-end;gap:4px;height:160px;padding-top:8px}.bars__col{flex:1;height:100%;display:flex;align-items:flex-end;border-radius:4px}.bars__col:hover{background:var(--raised)}.bars__bar{width:100%;min-height:2px;background:var(--accent);border-radius:4px 4px 2px 2px}.bars__axis{display:flex;justify-content:space-between;margin-top:8px}.table-wrap{overflow-x:auto;margin:0 -20px;padding:0 20px}.table{width:100%;border-collapse:collapse;font-size:14px}.table th{text-align:left;font-weight:500;color:var(--faint);font-size:13px;padding:0 10px 8px;border-bottom:1px solid var(--hair);white-space:nowrap}.table td{padding:10px;border-bottom:1px solid var(--hair);vertical-align:top}.table tr:last-child td{border-bottom:0}.table th:first-child,.table td:first-child{padding-left:0}.table th:last-child,.table td:last-child{padding-right:0}.table .num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.table .is-click{cursor:pointer}.table .is-click:hover td{background:var(--bg)}.table .is-dim td{color:var(--faint)}.row-detail td{background:var(--bg)}.items-inline{margin:0;white-space:pre-wrap;word-break:break-all}.tag{display:inline-block;font-size:12px;line-height:18px;padding:0 7px;border-radius:6px;background:var(--raised);color:var(--dim);margin-left:6px;font-weight:500;white-space:nowrap}.tag--accent{background:var(--accent-soft);color:var(--accent-ink)}.tag--ok{background:color-mix(in srgb,var(--mint) 14%,transparent);color:var(--mint)}.tag--bad{background:color-mix(in srgb,var(--danger) 12%,transparent);color:var(--danger)}.table td>.tag:first-child{margin-left:0}.pager{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:14px}.toolbar{display:flex;gap:10px}.toolbar select{width:auto}.search{max-width:420px}.seg{display:inline-flex;padding:3px;gap:2px;background:var(--raised);border-radius:10px;flex-wrap:wrap}.seg button{height:30px;padding:0 12px;border-radius:8px;font-size:14px;color:var(--dim)}.seg button.is-on{background:var(--card);color:var(--ink);font-weight:600;box-shadow:var(--shade)}.seg--bar{align-self:flex-start}.tabs{display:flex;gap:4px;border-bottom:1px solid var(--hair);margin:-4px 0 20px;overflow-x:auto}.tabs button{padding:10px 12px;color:var(--dim);border-bottom:2px solid transparent;margin-bottom:-1px;white-space:nowrap}.tabs button.is-on{color:var(--ink);font-weight:600;border-bottom-color:var(--accent)}.catalog{display:grid;grid-template-columns:300px 1fr;gap:16px;align-items:start}.catalog__cats{padding:14px 10px;position:sticky;top:24px}.catalog__cats .panel__head{padding:0 8px}.cat{display:flex;align-items:center;border-radius:10px}.cat:hover,.cat.is-on{background:var(--bg)}.cat.is-on .cat__name span{font-weight:600;color:var(--ink)}.cat__name{flex:1;min-width:0;display:flex;align-items:center;gap:8px;padding:9px 8px;text-align:left}.cat__name span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--dim)}.cat__name small{color:var(--faint);font-variant-numeric:tabular-nums}.cat--hidden .cat__name span{text-decoration:line-through;text-decoration-color:var(--faint)}.cat__tools{display:flex;opacity:0;transition:opacity .15s}.cat:hover .cat__tools,.cat.is-on .cat__tools,.cat:focus-within .cat__tools{opacity:1}.cat__tools .ibtn{width:28px;height:28px}.cat--edit{gap:4px;padding:4px;background:var(--bg)}.cat--edit input{padding:6px 10px}.newcat{display:flex;gap:6px;padding:10px 4px 0 8px;margin-top:8px;border-top:1px solid var(--hair)}.newcat input{padding:7px 10px}.plist{display:flex;flex-direction:column;margin:0 -10px}.prow{display:grid;grid-template-columns:44px 1fr auto auto auto;align-items:center;gap:14px;padding:8px 10px;border-radius:10px;cursor:pointer}.prow:hover{background:var(--bg)}.prow__thumb{width:44px;height:44px;border-radius:10px;background:var(--raised);display:grid;place-items:center;color:var(--faint);overflow:hidden}.prow__thumb img{width:100%;height:100%;object-fit:cover}.prow__main{min-width:0;display:flex;flex-direction:column}.prow__name{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.prow__tags .tag:first-child{margin-left:0}.prow__stock{font-size:13px;color:var(--dim);font-variant-numeric:tabular-nums;white-space:nowrap}.prow__stock.is-out{color:var(--danger)}.prow__price{font-weight:600;font-variant-numeric:tabular-nums;min-width:72px;text-align:right;white-space:nowrap}.prow__tools{display:flex}.sheet{position:fixed;inset:0;z-index:50;display:flex;justify-content:flex-end}.sheet__scrim{position:absolute;inset:0;background:#0000004d;animation:fade .2s both}:root[data-theme=dark] .sheet__scrim{background:#000000b3}@keyframes fade{0%{opacity:0}}.sheet__panel{position:relative;width:min(560px,100%);height:100%;background:var(--card);border-left:1px solid var(--hair);box-shadow:var(--float);display:flex;flex-direction:column;animation:slide .3s var(--ease) both;outline:none}.sheet__panel--wide{width:min(920px,100%)}@keyframes slide{0%{transform:translate(24px);opacity:0}}.sheet__head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 24px 14px}.sheet__head h2{font-size:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sheet__body{flex:1;overflow-y:auto;padding:4px 24px 24px}.sheet__foot{display:flex;justify-content:flex-end;gap:10px;padding:14px 24px;border-top:1px solid var(--hair)}.sheet--center{justify-content:center;align-items:center;z-index:70}.confirm{position:relative;background:var(--card);border:1px solid var(--hair);border-radius:18px;padding:22px;width:min(400px,calc(100% - 32px));box-shadow:var(--float);display:flex;flex-direction:column;gap:10px;animation:enter .2s var(--ease) both}.confirm h3{font-size:18px}.confirm__row{display:flex;justify-content:flex-end;gap:10px;margin-top:8px}.form{display:flex;flex-direction:column;gap:16px}.form__row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form__actions{display:flex;gap:10px}.field{display:flex;flex-direction:column;gap:6px}.field__label{font-size:13px;font-weight:600;color:var(--dim)}.field__hint{font-size:12.5px;color:var(--faint)}.field__error{font-size:12.5px;color:var(--danger)}.choice{border:0;padding:0;margin:0;display:grid;gap:8px}.choice legend{font-size:13px;font-weight:600;color:var(--dim);margin-bottom:6px;padding:0}.choice label{display:flex;gap:12px;padding:12px 14px;border:1px solid var(--hair-strong);border-radius:12px;cursor:pointer}.choice label.is-on{border-color:var(--accent);background:var(--accent-soft)}.choice input{width:auto;accent-color:var(--accent-ink);margin-top:3px}.choice span{display:flex;flex-direction:column}.choice small{color:var(--dim);font-size:13px}.editor-grid{display:grid;grid-template-columns:1fr 280px;gap:28px;align-items:start}.editor-side{display:flex;flex-direction:column;gap:18px}.switches{display:flex;flex-direction:column;background:var(--bg);border-radius:12px;padding:4px 14px}.switch{display:flex;align-items:center;gap:12px;padding:10px 0;cursor:pointer;position:relative}.switch+.switch{border-top:1px solid var(--hair)}.switch__text{flex:1;display:flex;flex-direction:column;font-size:14px;font-weight:600}.switch__text small{font-weight:500;color:var(--faint);font-size:12.5px}.switch input{position:absolute;opacity:0;width:1px;height:1px}.switch__track{width:38px;height:22px;border-radius:11px;background:var(--hair-strong);position:relative;flex:none;transition:background .2s}.switch__track:after{content:"";position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:var(--card);box-shadow:0 1px 2px #0003;transition:transform .2s var(--ease)}.switch input:checked+.switch__track{background:var(--accent)}.switch input:checked+.switch__track:after{transform:translate(16px)}.switch input:focus-visible+.switch__track{outline:2px solid var(--accent);outline-offset:2px}.switch--off{opacity:.5;cursor:default}.facts{margin:0;display:flex;flex-direction:column;gap:6px;font-size:14px}.facts div{display:flex;justify-content:space-between;gap:12px}.facts dt{color:var(--faint)}.facts dd{margin:0;text-align:right;font-variant-numeric:tabular-nums}.media{display:flex;flex-direction:column;gap:14px}.media__preview{min-height:240px;max-height:420px;border:1px dashed var(--hair-strong);border-radius:var(--r);display:grid;place-items:center;overflow:hidden;background:var(--bg)}.media__preview img,.media__preview video{max-width:100%;max-height:420px;display:block}.media__actions{display:flex;gap:10px}.stock{display:flex;flex-direction:column;gap:24px}.stock__add{display:flex;flex-direction:column;gap:10px}.stock__row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.items{list-style:none;margin:0;padding:0;border:1px solid var(--hair);border-radius:12px;max-height:420px;overflow-y:auto}.items li{display:flex;align-items:center;gap:12px;padding:6px 8px 6px 12px;border-bottom:1px solid var(--hair)}.items li:last-child{border-bottom:0}.items pre{flex:1;margin:0;white-space:pre-wrap;word-break:break-all}.balance{display:flex;flex-direction:column;gap:12px;background:var(--bg);border-radius:12px;padding:14px}.hot{list-style:none;margin:0;padding:0}.hot li{display:flex;align-items:center;gap:14px;padding:10px 0;border-bottom:1px solid var(--hair)}.hot li:last-child{border-bottom:0}.hot__n{width:28px;height:28px;border-radius:50%;background:var(--accent-soft);color:var(--accent-ink);display:grid;place-items:center;font-weight:600;font-size:14px;flex:none}.hot__name{flex:1;min-width:0;font-weight:600;color:var(--ink)}.hot__name small{display:block;font-weight:500;color:var(--danger);font-size:12.5px}.hot__tools{display:flex}.picklist{display:flex;flex-direction:column;margin-top:12px}.pick{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 8px;border-radius:10px;text-align:left}.pick:hover{background:var(--bg)}.pick small{display:block;color:var(--faint);font-size:12.5px}.spinner{width:28px;height:28px;margin:40px auto;border-radius:50%;border:3px solid var(--raised);border-top-color:var(--accent);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.empty{display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;padding:32px 16px}.empty__title{font-weight:600;font-size:16px}.empty__text{color:var(--dim);display:flex;flex-direction:column;align-items:center;gap:12px}.errline{display:flex;align-items:center;gap:12px;color:var(--danger);padding:12px 0}.toasts{position:fixed;bottom:20px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;gap:8px;z-index:90;pointer-events:none;width:max-content;max-width:calc(100% - 32px)}.toast{background:var(--ink);color:var(--bg);padding:10px 16px;border-radius:12px;font-size:14px;font-weight:600;box-shadow:var(--float);animation:enter .25s var(--ease) both}.toast--error{background:var(--danger);color:#fff}.mascot{display:block;flex:none;-webkit-user-select:none;user-select:none;background-repeat:no-repeat}.mascot--float{animation:drift 4s ease-in-out infinite}@keyframes drift{50%{transform:translateY(-5px)}}.login{min-height:100vh;display:grid;place-items:center;padding:24px}.login__card{width:min(420px,100%);background:var(--card);border:1px solid var(--hair);border-radius:22px;box-shadow:var(--shade);padding:36px 32px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:14px}.login__card h1{font-size:24px}.login__error{color:var(--danger);font-weight:600}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}@media(max-width:1080px){.catalog{grid-template-columns:240px 1fr}.prow{grid-template-columns:44px 1fr auto auto}.prow__tools{display:none}.editor-grid{grid-template-columns:1fr}.main{padding:28px 24px 56px}}@media(max-width:860px){.topbar{display:flex;align-items:center;gap:8px;position:sticky;top:0;z-index:20;height:56px;padding:0 12px;background:var(--bg);border-bottom:1px solid var(--hair)}.topbar__title{display:flex;align-items:center;gap:8px;font-weight:600;font-size:17px}.side{transform:translate(-100%);transition:transform .25s var(--ease);width:272px;box-shadow:var(--float)}.shell--menu .side{transform:none}.shell--menu .side-scrim{display:block;position:fixed;inset:0;background:#0000004d;z-index:25}.main{margin-left:0;padding:20px 16px 48px}.page__head h1{font-size:24px}.tiles{grid-template-columns:1fr 1fr}.tile--main{grid-column:1 / -1}.catalog{grid-template-columns:1fr}.catalog__cats{position:static}.cat__tools{opacity:1}.panel{padding:14px}.table-wrap{margin:0 -14px;padding:0 14px}.prow{grid-template-columns:40px 1fr auto;gap:10px}.prow__stock{display:none}.sheet__panel,.sheet__panel--wide{width:100%;border-left:0}.sheet__head{padding:14px 16px 10px}.sheet__body{padding:4px 16px 20px}.sheet__foot{padding:12px 16px}.form__row{grid-template-columns:1fr}.bars{gap:2px;height:120px}.toolbar{flex-direction:column}.toolbar select{width:100%}.search{max-width:none}}
