:root{color:#201c1a;font-synthesis:none;--ink:#201c1a;--muted:#766d67;--paper:#fffdf9;--canvas:#f2ede6;--line:#271f1b1c;--red:#e23a2a;--red-dark:#ba271d;--orange:#ffb654;--green:#27814f;--shadow:0 20px 55px #3a231917;background:#f2ede6;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:var(--canvas);min-width:320px;min-height:100vh;color:var(--ink);margin:0}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline-offset:2px;outline:3px solid #e23a2a3d}.login-shell{background:radial-gradient(circle at 72% 24%,#de332340,#0000 30%),radial-gradient(circle at 22% 82%,#ffae4121,#0000 25%),#181514;place-items:center;min-height:100vh;padding:30px;display:grid}.login-card{color:#fff;background:#241f1ded;border:1px solid #ffffff1a;border-radius:32px;width:min(460px,100%);padding:46px;box-shadow:0 38px 90px #0000004d}.login-brand{align-items:center;gap:13px;margin-bottom:48px;display:flex}.login-brand>span,.brand>span{background:var(--red);color:#fff;place-items:center;display:grid;transform:rotate(-4deg)}.login-brand>span{border-radius:16px;width:48px;height:48px}.login-brand b{text-transform:uppercase;font-size:16px;line-height:.95}.login-brand em{color:var(--orange);font-style:normal}.eyebrow{color:var(--red);letter-spacing:.15em;text-transform:uppercase;margin:0 0 9px;font-size:10px;font-weight:900}.login-card .eyebrow{color:var(--orange)}.login-card h1{letter-spacing:-.055em;margin:0;font-size:clamp(38px,8vw,52px);line-height:.95}.login-copy{color:#ffffff94;margin:19px 0 30px;line-height:1.6}.login-card form{gap:10px;display:grid}.login-card form>label{color:#ffffffb8;font-size:12px;font-weight:800}.key-field{background:#ffffff12;border:1px solid #ffffff1f;border-radius:16px;align-items:center;gap:11px;min-height:56px;padding:0 16px;display:flex}.key-field svg{color:var(--orange)}.key-field input{color:#fff;background:0 0;border:0;outline:0;flex:1;min-width:0}.key-field input::placeholder{color:#ffffff4d}.login-error{color:#ffaaa2;background:#e23a2a24;border-radius:12px;align-items:center;gap:8px;margin:2px 0;padding:11px 12px;font-size:12px;display:flex}.login-card .primary-button{margin-top:4px}.login-card>small{color:#ffffff59;text-align:center;margin-top:19px;font-size:10px;display:block}.login-card code{color:#ffffff9e}.backoffice-shell{min-height:100vh}.topbar{z-index:20;color:#fff;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#1b1816f5;border-bottom:1px solid #ffffff14;grid-template-columns:230px 1fr 230px;align-items:center;height:76px;padding:0 max(22px,50% - 720px);display:grid;position:sticky;top:0}.brand{align-items:center;gap:11px;display:flex}.brand>span{border-radius:12px;width:38px;height:38px}.brand>div{flex-direction:column;line-height:1;display:flex}.brand b{text-transform:uppercase;font-size:13px}.brand small{color:var(--orange);letter-spacing:.08em;text-transform:uppercase;margin-top:5px;font-size:9px;font-weight:850}.topbar nav{background:#ffffff0f;border-radius:15px;justify-self:center;gap:4px;padding:5px;display:flex}.topbar nav button{color:#ffffff8f;cursor:pointer;background:0 0;border:0;border-radius:11px;align-items:center;gap:8px;min-height:40px;padding:0 15px;font-size:12px;font-weight:800;display:flex}.topbar nav button.active{color:var(--ink);background:#fff;box-shadow:0 5px 18px #00000024}.top-actions{justify-self:end;gap:7px;display:flex}.top-actions a,.top-actions button{color:#ffffffb3;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:12px;justify-content:center;align-items:center;gap:7px;height:40px;padding:0 12px;font-size:11px;font-weight:750;display:flex}.top-actions a:hover,.top-actions button:hover{color:#fff;background:#ffffff1f}.top-actions button{width:40px;padding:0}.workspace{width:min(1440px,100% - 44px);margin:0 auto;padding:46px 0 70px}.page-heading{justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:30px;display:flex}.page-heading h1{letter-spacing:-.065em;margin:0;font-size:clamp(42px,6vw,68px);line-height:.92}.page-heading>div:first-child>p:last-child{max-width:630px;color:var(--muted);margin:16px 0 0;font-size:13px;line-height:1.6}.stats{gap:10px;display:flex}.stats article{border:1px solid var(--line);background:#ffffff85;border-radius:18px;align-items:center;gap:12px;min-width:140px;padding:16px;display:flex}.stats article>span{width:38px;height:38px;color:var(--red);background:#fbe1dc;border-radius:12px;place-items:center;display:grid}.stats article>div{flex-direction:column;display:flex}.stats strong{font-size:22px;line-height:1}.stats small{color:var(--muted);text-transform:uppercase;letter-spacing:.07em;margin-top:4px;font-size:9px}.notice{border:1px solid;border-radius:15px;align-items:center;gap:10px;min-height:50px;margin-bottom:18px;padding:11px 12px 11px 16px;font-size:12px;font-weight:700;display:flex}.notice.success{color:#276b44;background:#e8f5ec;border-color:#27814f33}.notice.error{color:#a52c22;background:#fce9e6;border-color:#ca312433}.notice span{flex:1}.notice button{cursor:pointer;background:0 0;border:0;border-radius:9px;place-items:center;width:31px;height:31px;display:grid}.content-grid{align-items:start;gap:18px;display:grid}.categories-layout{grid-template-columns:minmax(0,1.55fr) minmax(360px,.8fr)}.products-layout{grid-template-columns:minmax(0,1.65fr) minmax(390px,.75fr)}.panel{border:1px solid var(--line);background:var(--paper);min-width:0;box-shadow:var(--shadow);border-radius:25px}.list-panel{padding:24px}.editor-panel{padding:25px;position:sticky;top:94px}.panel-heading{justify-content:space-between;align-items:center;gap:15px;margin-bottom:21px;display:flex}.panel-heading h2{letter-spacing:-.04em;margin:0;font-size:26px}.panel-heading .eyebrow{margin-bottom:6px}.primary-button,.secondary-button{cursor:pointer;border:0;border-radius:13px;justify-content:center;align-items:center;gap:8px;min-height:45px;padding:0 15px;font-size:12px;font-weight:850;display:inline-flex}.primary-button{background:var(--red);color:#fff;width:100%;min-height:51px;box-shadow:0 10px 24px #e23a2a33}.primary-button:hover{background:var(--red-dark)}.secondary-button{border:1px solid var(--line);background:#fff}.secondary-button:hover{background:#f7f2ec}.primary-button:disabled,.secondary-button:disabled{cursor:not-allowed;opacity:.5;box-shadow:none}.close-button{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:11px;place-items:center;width:38px;height:38px;display:grid}.category-list,.product-list{gap:9px;display:grid}.category-row{border:1px solid var(--line);background:#fff;border-radius:17px;grid-template-columns:50px minmax(0,1fr) auto;align-items:center;gap:13px;min-height:76px;padding:11px 12px;transition:all .16s;display:grid}.category-row:hover,.product-row:hover{border-color:#e23a2a38;transform:translateY(-1px)}.category-row.selected,.product-row.selected{border-color:#e23a2a6b;box-shadow:inset 0 0 0 1px #e23a2a29}.category-emoji,.product-emoji{background:linear-gradient(145deg,#f8e4d4,#f3c691);place-items:center;display:grid}.category-emoji{border-radius:15px;width:50px;height:50px;font-size:26px}.category-row>div:nth-child(2){flex-direction:column;min-width:0;display:flex}.category-row b{font-size:14px}.category-row small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin-top:5px;font-size:10px;overflow:hidden}.row-actions{gap:5px;display:flex}.row-actions button{border:1px solid var(--line);color:#716964;cursor:pointer;background:#faf7f2;border-radius:10px;place-items:center;width:35px;height:35px;display:grid}.row-actions button:hover{color:var(--ink);border-color:#b8afa9}.row-actions button.danger:hover{color:var(--red);background:#fff0ee;border-color:#e7aaa4}.editor-form{gap:15px;display:grid}.editor-form label{flex-direction:column;gap:7px;min-width:0;display:flex}.editor-form label>span{font-size:11px;font-weight:800}.editor-form input,.editor-form textarea,.editor-form select,.filters input,.filters select{width:100%;color:var(--ink);background:#fff;border:1px solid #ded6cf;border-radius:12px;outline:0}.editor-form input,.editor-form select{height:45px;padding:0 12px}.editor-form textarea{resize:vertical;padding:12px;line-height:1.45}.editor-form input:disabled{color:#8e8580;background:#eee9e4}.editor-form label>small{color:#938a84;margin-top:-2px;font-size:9px;line-height:1.4}.emoji-name-grid{grid-template-columns:84px 1fr;gap:10px;display:grid}.emoji-input input{text-align:center;font-size:23px;padding:0!important}.three-columns{grid-template-columns:1fr 1fr 1fr;gap:8px;display:grid}.toggles{grid-template-columns:1fr 1fr;gap:8px;display:grid}.toggles label{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:13px;flex-direction:row;align-items:center;gap:10px;min-height:66px;padding:11px}.toggles input{width:18px;height:18px;accent-color:var(--red);flex:none}.toggles label>span{flex-direction:column;display:flex}.toggles b{font-size:11px}.toggles small{color:var(--muted);margin-top:3px;font-size:8px;line-height:1.3}.filters{grid-template-columns:1fr 205px;gap:8px;margin-bottom:14px;display:grid}.search-field{color:#9b928c;background:#fff;border:1px solid #ded6cf;border-radius:12px;align-items:center;gap:8px;height:44px;padding:0 13px;display:flex}.filters .search-field input{border:0;min-width:0;height:100%;padding:0}.filters select{height:44px;padding:0 11px}.product-row{border:1px solid var(--line);background:#fff;border-radius:18px;grid-template-columns:66px minmax(0,1fr) auto auto;align-items:center;gap:13px;min-height:106px;padding:12px;transition:all .16s;display:grid}.product-emoji{border-radius:17px;width:66px;height:66px;font-size:35px}.product-main{min-width:0}.product-main>div{flex-wrap:wrap;align-items:center;gap:7px;display:flex}.product-main b{font-size:14px}.badge{color:#fff;text-transform:uppercase;background:#27221f;border-radius:99px;padding:4px 6px;font-size:7px;font-weight:850}.product-main p{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin:5px 0;font-size:10px;line-height:1.35;overflow:hidden}.product-main small{color:#a09791;text-overflow:ellipsis;white-space:nowrap;font-size:8px;display:block;overflow:hidden}.product-row>strong{white-space:nowrap;padding:0 5px;font-size:14px}.editor-empty,.empty-state{text-align:center;color:#9a918b;flex-direction:column;justify-content:center;align-items:center;display:flex}.editor-empty{gap:12px;min-height:280px}.editor-empty b,.empty-state b{color:var(--ink)}.empty-state{min-height:240px;padding:30px}.empty-state svg{color:#c9bdb4;margin-bottom:13px}.empty-state p{margin:7px 0 0;font-size:11px}.editor-empty .secondary-button{margin-top:5px}.spin{animation:.75s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=1120px){.topbar{grid-template-columns:190px 1fr 190px}.workspace{width:min(100% - 28px,1000px)}.content-grid{grid-template-columns:1fr}.editor-panel{grid-row:1;position:static}.products-layout .editor-panel{grid-row:auto}.product-editor{grid-row:1!important}.product-list{max-height:none}}@media (width<=760px){.topbar{grid-template-columns:1fr auto;gap:9px;height:auto;min-height:68px;padding:10px 14px}.brand{display:none}.topbar nav{justify-self:start}.topbar nav button{padding:0 11px}.top-actions{grid-column:2}.top-actions a span{display:none}.top-actions a{width:40px;padding:0}.workspace{width:calc(100% - 20px);padding-top:28px}.page-heading{flex-direction:column;align-items:flex-start}.stats{width:100%}.stats article{flex:1;min-width:0}.list-panel,.editor-panel{border-radius:20px;padding:17px}.filters{grid-template-columns:1fr}.product-row{grid-template-columns:54px minmax(0,1fr) auto}.product-emoji{width:54px;height:54px;font-size:29px}.product-row>strong{grid-column:2;justify-self:start;padding:0}.product-row .row-actions{flex-direction:column;grid-area:1/3/span 2}.three-columns{grid-template-columns:1fr 1fr}.three-columns label:first-child{grid-column:1/-1}}@media (width<=460px){.login-shell{padding:12px}.login-card{border-radius:24px;padding:31px 22px}.topbar nav button{font-size:0}.topbar nav button svg{width:20px;height:20px}.page-heading h1{font-size:45px}.stats article{padding:11px}.stats article>span{display:none}.category-row{grid-template-columns:45px minmax(0,1fr) auto;gap:9px;padding:8px}.category-emoji{width:45px;height:45px}.row-actions{flex-direction:column}.emoji-name-grid{grid-template-columns:72px 1fr}.toggles{grid-template-columns:1fr}.panel-heading h2{font-size:22px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}