@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(data:font/woff2;base64,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) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/manrope-cyrillic-wght-normal-Dvxsihut.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/manrope-greek-wght-normal-DL7QRZyv.woff2) format("woff2-variations");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/manrope-vietnamese-wght-normal-usUDDRr7.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/manrope-latin-ext-wght-normal-Ch3YOpNY.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/manrope-latin-wght-normal-DHIcAJRg.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Plus Jakarta Sans Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(data:font/woff2;base64,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) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Plus Jakarta Sans Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/plus-jakarta-sans-vietnamese-wght-normal-qRpaaN48.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Plus Jakarta Sans Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/plus-jakarta-sans-latin-ext-wght-normal-DmpS2jIq.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Plus Jakarta Sans Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/plus-jakarta-sans-latin-wght-normal-eXO_dkmS.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--bg: #faf6f3;--bg-deep: #f3ece6;--surface: #ffffff;--surface-2: #fbf7f4;--surface-3: #f3ece7;--border: #efe4dd;--border-strong: #e0cfc6;--text: #3c2a34;--text-2: #7a6470;--text-3: #ad9aa4;--accent: #e0527f;--accent-strong: #c2255c;--accent-hover: #d43c6e;--accent-soft: rgba(224, 82, 127, .13);--accent-2: #c484b8;--accent-3: #f2c8d8;--accent-btn: #c2255c;--accent-btn-hover: #d43c6e;--accent-btn-strong: #931a45;--green: #2f9e63;--green-soft: rgba(47, 158, 99, .14);--amber: #d9852c;--amber-soft: rgba(217, 133, 44, .15);--red: #d9485e;--red-soft: rgba(217, 72, 94, .13);--sky: #4a7fbe;--sky-soft: rgba(74, 127, 190, .14);--shadow-sm: 0 1px 3px rgba(120, 60, 90, .06);--shadow-md: 0 8px 24px rgba(120, 60, 90, .1);--shadow-lg: 0 20px 60px rgba(120, 60, 90, .18);--radius: 14px;--radius-sm: 9px;--radius-lg: 24px;--font-display: "Manrope Variable", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font: "Plus Jakarta Sans Variable", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--ease: cubic-bezier(.22, 1, .36, 1);--ease-soft: cubic-bezier(.4, 0, .2, 1)}html[data-theme=dark]{--bg: #171116;--bg-deep: #110d12;--surface: #211a20;--surface-2: #271f26;--surface-3: #312732;--border: #332932;--border-strong: #443844;--text: #f6ecf1;--text-2: #c3aebc;--text-3: #8f7c8a;--accent: #ee8fae;--accent-strong: #f2a9c2;--accent-hover: #f99fbc;--accent-soft: rgba(238, 143, 174, .2);--accent-2: #c484b8;--accent-3: rgba(242, 200, 216, .18);--accent-btn: #e0527f;--accent-btn-hover: #d44a78;--accent-btn-strong: #a51e50;--green: #57c58b;--green-soft: rgba(87, 197, 139, .2);--amber: #eda04c;--amber-soft: rgba(237, 160, 76, .2);--red: #f2768c;--red-soft: rgba(242, 118, 140, .2);--sky: #7fb0e2;--sky-soft: rgba(127, 176, 226, .2);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .4);--shadow-md: 0 8px 24px rgba(0, 0, 0, .45);--shadow-lg: 0 20px 60px rgba(0, 0, 0, .6)}*{box-sizing:border-box}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}.lenis.lenis-smooth [data-lenis-prevent]{overscroll-behavior:contain}.lenis.lenis-stopped{overflow:hidden}*{scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-button{display:none;width:0;height:0}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--border-strong) 80%,transparent);border-radius:999px;border:2px solid transparent;background-clip:padding-box}::-webkit-scrollbar-thumb:hover{background:var(--accent-2);border:2px solid transparent;background-clip:padding-box}html,body,#root{height:100%}body{margin:0;font-family:var(--font);background:var(--bg);color:var(--text);font-size:15px;line-height:1.55;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}a{color:var(--accent);text-decoration:none;transition:color .2s var(--ease)}a:hover{color:var(--accent-strong)}h1,h2,h3,h4{margin:0 0 .4em;font-family:var(--font-display);font-weight:750;line-height:1.18;letter-spacing:-.015em}h1{font-size:30px}h2{font-size:21px}h3{font-size:17px}p{margin:0 0 1em}img{max-width:100%;display:block}button{font-family:inherit}.container{max-width:1440px;margin:0 auto;padding:0 22px}.container.narrow{max-width:760px}.muted{color:var(--text-3)}.muted-2{color:var(--text-2)}@keyframes pageIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}main.page{animation:pageIn .45s var(--ease) both,breatheBg 12s ease-in-out infinite alternate}.reveal{opacity:0;transform:translateY(20px);transition:opacity .65s var(--ease),transform .65s var(--ease)}.reveal.in{opacity:1;transform:none}.reveal.d1{transition-delay:.05s}.reveal.d2{transition-delay:.12s}.reveal.d3{transition-delay:.2s}.reveal.d4{transition-delay:.28s}@keyframes blobFloat{0%{transform:translate(0) scale(1)}50%{transform:translate(var(--mx, 18px),var(--my, -22px)) scale(1.08)}to{transform:translate(0) scale(1)}}@keyframes breatheBg{0%{background-position:0% 50%}to{background-position:100% 50%}}.blob{position:absolute;border-radius:999px;filter:blur(46px);animation:blobFloat var(--dur, 16s) var(--delay, 0s) ease-in-out infinite;z-index:0}.blob.b1{width:320px;height:320px;background:var(--accent-soft);top:-90px;left:-70px;--mx: 24px;--my: -14px}.blob.b2{width:260px;height:260px;background:color-mix(in srgb,var(--accent-2) 22%,transparent);bottom:-80px;right:-60px;--mx: -20px;--my: 16px}.blob.b3{width:200px;height:200px;background:#ffd6e480;top:40%;right:16%;--mx: 12px;--my: 26px;--dur: 20s}html[data-theme=dark] .blob.b3{background:#ee8fae1f}.topbar{position:sticky;top:0;z-index:40;background:color-mix(in srgb,var(--bg) 78%,transparent);backdrop-filter:blur(14px) saturate(150%);-webkit-backdrop-filter:blur(14px) saturate(150%);border-bottom:1px solid var(--border)}.topbar-inner{display:flex;align-items:center;gap:16px;height:62px;position:relative}.brand{display:flex;align-items:center;gap:11px;font-family:var(--font-display);font-weight:750;font-size:17px;letter-spacing:-.01em;color:var(--text)}.brand:hover{color:var(--text)}.brand-mark{width:32px;height:32px;border-radius:12px;display:grid;place-items:center;color:#fff;font-size:14px;font-weight:800;background:linear-gradient(135deg,#f2698f,var(--accent-strong) 55%,var(--accent-2));box-shadow:0 4px 14px var(--accent-soft);position:relative;transform:rotate(-6deg)}.brand-mark:after{content:"";position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;border-radius:15px;border:1px solid var(--accent-3);animation:markGlow 3.4s ease-in-out infinite}@keyframes markGlow{0%,to{transform:scale(1);opacity:.55}50%{transform:scale(1.12);opacity:0}}.nav{display:flex;align-items:center;gap:2px;margin-left:8px}.nav a{position:relative;padding:8px 13px;border-radius:999px;color:var(--text-2);font-size:13.5px;font-weight:600;display:inline-flex;gap:7px;align-items:center;transition:color .2s var(--ease),background .2s var(--ease)}.nav a:after{content:"";position:absolute;left:50%;bottom:3px;width:0;height:2px;border-radius:999px;background:var(--accent);transform:translate(-50%);transition:width .25s var(--ease)}.nav a:hover{color:var(--text);background:var(--surface-3)}.nav a.active{color:var(--accent-strong);background:var(--accent-soft)}html[data-theme=dark] .nav a.active{color:var(--accent)}.topbar-actions{margin-left:auto;display:flex;align-items:center;gap:10px}.navplain{padding:8px 13px;border-radius:999px;color:var(--text-2);font-size:13.5px;font-weight:600;text-decoration:none;transition:color .2s var(--ease),background .2s var(--ease)}.navplain:hover{color:var(--text);background:var(--surface-3)}.topbar-search{position:static;transform:none;flex:none;width:min(420px,40vw);margin:0 12px}.topbar-search .input{padding-top:7px;padding-bottom:7px;border-radius:999px}.topbar-side{flex:1;display:flex;align-items:center;min-width:0;gap:12px}.topbar-side.right{justify-content:flex-end}.topbar-side.right .nav{margin-left:0}.icon-btn{width:36px;height:36px;border-radius:11px;border:1px solid var(--border);background:var(--surface);color:var(--text-2);display:grid;place-items:center;cursor:pointer;transition:border-color .2s var(--ease),color .2s var(--ease),transform .2s var(--ease),box-shadow .2s var(--ease)}.icon-btn:hover{color:var(--accent);border-color:var(--accent-soft);background:var(--accent-soft);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.user-chip{display:inline-flex;align-items:center;gap:8px;padding:5px 6px 5px 12px;border:1px solid var(--border);border-radius:999px;font-size:13px;font-weight:500;background:var(--surface);color:var(--text-2)}.avatar{width:26px;height:26px;border-radius:999px;background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#fff;display:grid;place-items:center;font-size:11px;font-weight:700}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid transparent;border-radius:11px;background:var(--surface-3);color:var(--text);font-size:14px;font-weight:600;padding:9px 16px;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:background .2s var(--ease),color .2s var(--ease),border-color .2s var(--ease),transform .2s var(--ease),box-shadow .2s var(--ease);white-space:nowrap}.btn:hover{background:var(--border);transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.btn-primary{background:linear-gradient(135deg,var(--accent-btn),var(--accent-btn-strong));color:#fff;box-shadow:0 6px 18px var(--accent-soft)}.btn-primary:hover{background:linear-gradient(135deg,var(--accent-btn-hover),var(--accent-btn-strong));color:#fff;box-shadow:0 8px 22px var(--accent-soft)}.btn-danger{background:var(--red);color:#fff}.btn-danger:hover{background:color-mix(in srgb,var(--red) 82%,#000);color:#fff}.btn-ghost{background:transparent;color:var(--text-2);border-color:var(--border)}.btn-ghost:hover{background:var(--surface-3);color:var(--text)}.btn-subtle{background:var(--accent-soft);color:var(--accent-strong)}.btn-subtle:hover{background:color-mix(in srgb,var(--accent) 24%,transparent);color:var(--accent-strong)}.btn-sm{padding:6px 12px;font-size:13px;border-radius:9px}.btn-lg{padding:13px 24px;font-size:15px;border-radius:13px}.btn-block{width:100%;justify-content:center}.btn .spinner{width:15px;height:15px}.label{display:block;font-size:12.5px;font-weight:600;color:var(--text-2);margin-bottom:6px}.input,.select,.textarea{width:100%;padding:9px 13px;border-radius:11px;font-size:14px;background:var(--surface);border:1px solid var(--border-strong);color:var(--text);font-family:inherit;transition:border-color .2s var(--ease),box-shadow .2s var(--ease)}.input:focus,.select:focus,.textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-soft)}.textarea{min-height:88px;resize:vertical}.select{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}.field{margin-bottom:14px}.search-field{position:relative;display:flex;align-items:center}.search-field .muted{position:absolute;left:13px;z-index:1;pointer-events:none}.search-field .input{padding-left:38px}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.field-row-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px}.checklabel{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--text-2);cursor:pointer}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:20px;box-shadow:var(--shadow-sm);transition:transform .25s var(--ease),box-shadow .25s var(--ease),border-color .25s var(--ease)}.card.pad-0{padding:0}.card-title{font-size:16px;font-weight:750;font-family:var(--font-display);margin-bottom:2px}.card-sub{color:var(--text-3);font-size:13px;margin-bottom:14px}.chart-card{padding:18px 18px 14px;overflow:hidden}.chart-canvas-box{position:relative;width:100%}.chart-canvas-box canvas{width:100%!important;height:100%!important}.grid{display:grid;gap:16px}.grid-2{grid-template-columns:repeat(auto-fill,minmax(340px,1fr))}.grid-3{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.grid-stats{grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}.badge{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;padding:3px 10px;border-radius:999px;background:var(--surface-3);color:var(--text-2);white-space:nowrap}.badge .dot{width:7px;height:7px;border-radius:999px;background:currentColor}.badge-green{background:var(--green-soft);color:var(--green)}.badge-amber{background:var(--amber-soft);color:var(--amber)}.badge-red{background:var(--red-soft);color:var(--red)}.badge-sky{background:var(--sky-soft);color:var(--sky)}.badge-accent{background:var(--accent-soft);color:var(--accent-strong)}html[data-theme=dark] .badge-accent{color:var(--accent)}.table-wrap{overflow-x:auto;overflow-y:auto;max-height:calc(100vh - 230px);scrollbar-width:thin}.table{width:100%;border-collapse:separate;border-spacing:0;font-size:14px}.table th{position:sticky;top:0;z-index:1;background:var(--surface);text-align:left;font-size:11.5px;font-weight:700;color:var(--text-3);text-transform:uppercase;letter-spacing:.06em;padding:10px 14px;border-bottom:1px solid var(--border);white-space:nowrap}.table td{padding:12px 14px;border-bottom:1px solid var(--border);vertical-align:middle}.table tbody tr{transition:background .15s var(--ease)}.table tbody tr:hover{background:var(--surface-2)}.table tbody tr:last-child td{border-bottom:none}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;background:#3c19286b;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:grid;place-items:center;padding:20px;animation:fade .2s ease}.modal{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);width:100%;max-width:640px;max-height:88vh;overflow:auto;box-shadow:var(--shadow-lg);animation:pop .28s var(--ease)}.modal.wide{max-width:860px}.modal-head{position:sticky;top:0;background:var(--surface);z-index:2;display:flex;align-items:center;gap:12px;padding:18px 22px;border-bottom:1px solid var(--border)}.modal-title{font-size:17px;font-weight:750;margin:0;font-family:var(--font-display)}.modal-close{margin-left:auto}.modal-body{padding:22px}.modal-foot{position:sticky;bottom:0;background:var(--surface);z-index:2;display:flex;justify-content:flex-end;gap:10px;padding:16px 22px;border-top:1px solid var(--border)}@keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes pop{0%{opacity:0;transform:translateY(10px) scale(.97)}to{opacity:1;transform:none}}.toasts{position:fixed;bottom:20px;right:20px;z-index:100;display:flex;flex-direction:column;gap:10px}.toast{background:var(--surface);border:1px solid var(--border);border-left:3px solid var(--accent);padding:12px 16px;border-radius:12px;box-shadow:var(--shadow-md);font-size:14px;font-weight:500;max-width:340px;animation:slidein .3s var(--ease)}.toast.success{border-left-color:var(--green)}.toast.error{border-left-color:var(--red)}@keyframes slidein{0%{opacity:0;transform:translate(16px)}to{opacity:1;transform:none}}.spinner{width:26px;height:26px;border:3px solid var(--border);border-top-color:var(--accent);border-radius:999px;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-box{display:grid;place-items:center;padding:80px 0;gap:14px;color:var(--text-3)}.empty{text-align:center;padding:56px 24px;color:var(--text-3)}.empty .empty-icon{width:58px;height:58px;margin:0 auto 14px;border-radius:19px;background:linear-gradient(135deg,var(--accent-soft),var(--accent-3));display:grid;place-items:center;color:var(--accent-strong)}.empty h3{color:var(--text)}.empty p{max-width:380px;margin:0 auto 18px}.row{display:flex;align-items:center;gap:10px}.wrap{flex-wrap:wrap}.between{justify-content:space-between}.flex-1,.grow{flex:1}.gap-0{gap:0}.gap-2{gap:8px}.gap-4{gap:16px}.mt-2{margin-top:8px}.mt-4{margin-top:16px}.mt-6{margin-top:24px}.mb-2{margin-bottom:8px}.mb-4{margin-bottom:16px}.mb-6{margin-bottom:24px}.right{text-align:right}.center{text-align:center}.mono{font-family:var(--mono);font-size:12.5px}hr.sep{border:none;border-top:1px solid var(--border);margin:18px 0}.tabs{display:flex;gap:4px;border-bottom:1px solid var(--border);overflow-x:auto}.tabs a{position:relative;padding:10px 14px;color:var(--text-2);font-size:14px;font-weight:600;border-bottom:2px solid transparent;margin-bottom:-1px;white-space:nowrap;display:inline-flex;gap:7px;align-items:center;transition:color .2s var(--ease)}.tabs a:hover{color:var(--text)}.tabs a.active{color:var(--accent-strong);border-bottom-color:var(--accent)}html[data-theme=dark] .tabs a.active{color:var(--accent)}.switch{position:relative;width:40px;height:23px;display:inline-block}.switch input{opacity:0;width:0;height:0}.switch .track{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:999px;background:var(--border-strong);transition:.2s var(--ease);cursor:pointer}.switch .thumb{position:absolute;top:2.5px;left:3px;width:18px;height:18px;border-radius:999px;background:#fff;transition:.2s var(--ease);box-shadow:var(--shadow-sm)}.switch input:checked+.track{background:linear-gradient(135deg,var(--accent),var(--accent-strong))}.switch input:checked+.track .thumb{transform:translate(16px)}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}@media(max-width:1080px){.product-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.product-grid{grid-template-columns:1fr}}.product-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;cursor:pointer;transition:transform .3s var(--ease),box-shadow .3s var(--ease),border-color .3s var(--ease);display:flex;flex-direction:column}.product-card:hover{border-color:color-mix(in srgb,var(--accent) 40%,var(--border));transform:translateY(-5px);box-shadow:var(--shadow-lg)}.product-grid>.reveal{display:flex}.product-grid>.reveal>a{width:100%}.product-thumb{aspect-ratio:4 / 3;background:var(--surface-2);display:grid;place-items:center;overflow:hidden;position:relative}.product-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .5s var(--ease)}.product-card:hover .product-thumb img{transform:scale(1.06)}.product-thumb:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent 62%,color-mix(in srgb,var(--accent) 14%,transparent));opacity:0;transition:opacity .3s var(--ease)}.product-card:hover .product-thumb:after{opacity:1}.product-thumb .ph{width:100%;height:100%;display:grid;place-items:center;font-family:var(--font-display);font-size:34px;font-weight:800;color:var(--accent);background:linear-gradient(135deg,var(--accent-soft),var(--accent-3))}.product-body{padding:15px 17px 17px;display:flex;flex-direction:column;gap:8px;flex:1}.product-name{font-weight:650;font-size:15px;line-height:1.32;font-family:var(--font-display)}.product-sub{color:var(--text-3);font-size:13px}.product-price{font-weight:750;color:var(--accent-strong)}html[data-theme=dark] .product-price{color:var(--accent)}.product-foot{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:8px}.hero{position:relative;padding:52px 0 10px;border-radius:var(--radius-lg)}.hero h1{position:relative;z-index:1;font-size:clamp(30px,4.4vw,46px);letter-spacing:-.03em;background:linear-gradient(120deg,var(--text),var(--accent-strong) 65%,var(--accent));-webkit-background-clip:text;background-clip:text;color:transparent;animation:heroIn .7s var(--ease) both}html[data-theme=dark] .hero h1{background:linear-gradient(120deg,var(--text),var(--accent) 70%);-webkit-background-clip:text;background-clip:text}@keyframes heroIn{0%{opacity:0;transform:translateY(18px);filter:blur(4px)}to{opacity:1;transform:none;filter:blur(0)}}.hero p{position:relative;z-index:1;color:var(--text-2);font-size:17px;max-width:620px;line-height:1.6;animation:heroIn .7s .1s var(--ease) both}.bars{display:flex;align-items:flex-end;gap:6px;height:130px}.bar-holder{flex:1;display:flex;flex-direction:column;gap:6px;align-items:center;min-width:0}.bar{width:100%;max-width:34px;border-radius:8px 8px 3px 3px;background:linear-gradient(180deg,var(--accent),color-mix(in srgb,var(--accent-strong) 45%,transparent));min-height:4px;transition:filter .2s var(--ease)}.bar-holder:hover .bar{filter:brightness(1.06)}.bar-holder .lbl{font-size:10.5px;color:var(--text-3);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bar-holder .val{font-size:11px;font-weight:600;color:var(--text-2)}.donut{position:relative;width:150px;height:150px;border-radius:999px;margin:0 auto 14px}.donut-center{position:absolute;top:24px;right:24px;bottom:24px;left:24px;border-radius:999px;background:var(--surface);display:grid;place-items:center;text-align:center;box-shadow:var(--shadow-sm)}.donut-center b{font-size:20px;display:block;font-family:var(--font-display)}.donut-center span{font-size:11.5px;color:var(--text-3)}.legend{display:flex;flex-direction:column;gap:8px}.legend-item{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-2)}.legend-swatch{width:10px;height:10px;border-radius:999px;flex:none}.hbar-row{display:flex;align-items:center;gap:10px;margin-bottom:10px}.hbar-label{width:130px;font-size:13px;color:var(--text-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hbar-track{flex:1;height:10px;background:var(--surface-3);border-radius:999px;overflow:hidden}.hbar-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,var(--accent),var(--accent-2));transition:width .7s var(--ease)}.hbar-val{width:90px;text-align:right;font-size:13px;font-weight:600;white-space:nowrap}.thumb-cell{width:44px;height:44px;border-radius:10px;overflow:hidden;display:grid;place-items:center;background:var(--surface-3);border:1px solid var(--border)}.thumb-cell img{width:100%;height:100%;object-fit:cover}.stat{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:18px 20px;transition:transform .3s var(--ease),box-shadow .3s var(--ease),border-color .3s var(--ease)}.stat:hover{transform:translateY(-3px);box-shadow:var(--shadow-md);border-color:var(--accent-soft)}.stat-label{font-size:12px;color:var(--text-3);font-weight:700;text-transform:uppercase;letter-spacing:.08em}.stat-value{font-size:28px;font-weight:800;font-family:var(--font-display);letter-spacing:-.02em;margin-top:6px;background:linear-gradient(120deg,var(--text),var(--accent-strong));-webkit-background-clip:text;background-clip:text;color:transparent}html[data-theme=dark] .stat-value{background:linear-gradient(120deg,var(--text),var(--accent));-webkit-background-clip:text;background-clip:text}.stat-hint{font-size:12.5px;color:var(--text-3);margin-top:2px}.stat-currency{font-size:.42em;font-weight:750;color:var(--accent-strong);margin-left:6px;letter-spacing:.02em}.filter-bar{display:flex;gap:10px;flex-wrap:wrap;align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:15px;margin-bottom:20px;box-shadow:var(--shadow-sm)}.filter-bar .input,.filter-bar .select{flex:1;min-width:130px}.list-toolbar{position:sticky;top:61px;z-index:30;margin:0 0 18px;padding:10px 0 14px;background:color-mix(in srgb,var(--bg) 86%,transparent);backdrop-filter:blur(14px) saturate(150%);-webkit-backdrop-filter:blur(14px) saturate(150%)}.shop-layout{display:grid;grid-template-columns:1fr;gap:24px;align-items:start}.shop-main{min-width:0;display:flex;flex-direction:column;gap:8px;padding-top:16px}.shop-sidebar{display:flex;flex-direction:column;gap:18px}@media(min-width:1000px){.shop-layout{grid-template-columns:290px minmax(0,1fr);gap:30px}.shop-sidebar{position:sticky;top:74px;max-height:calc(100vh - 92px);overflow:auto;padding-right:4px}}.shop-panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:18px}.shop-panel-title{font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:var(--text-3);margin-bottom:12px}.stat-row{display:flex;align-items:baseline;justify-content:space-between;gap:10px;padding:10px 2px;border-bottom:1px dashed var(--border)}.stat-row:first-child{padding-top:0}.stat-row:last-child{border-bottom:0;padding-bottom:0}.stat-row .lbl{font-size:13.5px;color:var(--text-2)}.stat-row .val{font-size:21px;font-weight:800;font-family:var(--font-display);background:linear-gradient(120deg,var(--text),var(--accent-strong));-webkit-background-clip:text;background-clip:text;color:transparent}html[data-theme=dark] .stat-row .val{background:linear-gradient(120deg,var(--text),var(--accent));-webkit-background-clip:text;background-clip:text}.shop-filter{display:flex;flex-direction:column;gap:10px}.shop-filter .input,.shop-filter .select{width:100%;flex:none}.kv{display:grid;grid-template-columns:150px 1fr;gap:6px 14px;font-size:14px}.kv dt{color:var(--text-3)}.kv dd{margin:0}.timeline{position:relative;padding-left:22px}.timeline:before{content:"";position:absolute;left:6px;top:6px;bottom:6px;width:2px;background:var(--border)}.timeline-item{position:relative;padding-bottom:16px}.timeline-item:before{content:"";position:absolute;left:-21px;top:5px;width:10px;height:10px;border-radius:999px;background:var(--accent);box-shadow:0 0 0 4px var(--accent-soft)}.timeline-item .t-title{font-weight:650;font-size:14px;font-family:var(--font-display)}.timeline-item .t-meta{color:var(--text-3);font-size:12.5px}.timeline-item .t-details{color:var(--text-2);font-size:13.5px;margin-top:3px}.thumb-row{display:flex;flex-wrap:wrap;gap:10px}.thumb-box{width:96px;height:74px;border-radius:10px;overflow:hidden;position:relative;border:1px solid var(--border);background:var(--surface-2);cursor:pointer;transition:transform .2s var(--ease),box-shadow .2s var(--ease)}.thumb-box:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.thumb-box img{width:100%;height:100%;object-fit:cover}.thumb-box.main{outline:2px solid var(--accent);outline-offset:1px}.thumb-box .star{position:absolute;top:4px;left:4px;font-size:11px;width:18px;height:18px;border-radius:999px;background:var(--accent);color:#fff;display:grid;place-items:center}.thumb-box .rm{position:absolute;top:4px;right:4px;width:18px;height:18px;border-radius:999px;background:#0009;color:#fff;border:none;font-size:12px;cursor:pointer;display:grid;place-items:center}.attach-list{display:flex;flex-direction:column;gap:8px}.attach-item{display:flex;align-items:center;gap:10px;padding:9px 12px;border:1px solid var(--border);border-radius:11px;background:var(--surface-2);font-size:13.5px}.attach-item .icon{color:var(--text-3)}.attach-rm{margin-left:auto;border:none;background:none;color:var(--text-3);cursor:pointer;transition:color .2s var(--ease)}.attach-rm:hover{color:var(--red)}.pager{display:flex;align-items:center;justify-content:center;gap:12px;padding:22px 0}.pager .pg{min-width:34px;height:34px;padding:0 10px;border-radius:10px;border:1px solid var(--border);background:var(--surface);cursor:pointer;font-size:13.5px;font-weight:600;color:var(--text-2);transition:all .2s var(--ease)}.pager .pg:hover:not(:disabled){border-color:var(--accent);color:var(--accent);transform:translateY(-1px)}.pager .pg.on{background:linear-gradient(135deg,var(--accent),var(--accent-strong));border-color:transparent;color:#fff;box-shadow:0 4px 12px var(--accent-soft)}.pager .pg:disabled{opacity:.4;cursor:not-allowed}.progress-line{height:4px;border-radius:999px;background:var(--surface-3);overflow:hidden}.progress-line>i{display:block;height:100%;background:var(--accent);border-radius:999px}.detail-hero{position:relative}.detail-hero .imgbox{border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--border);aspect-ratio:16 / 10;background:var(--surface-2);display:grid;place-items:center;box-shadow:var(--shadow-md)}.detail-hero .imgbox img{width:100%;height:100%;object-fit:cover}.detail-hero .ph{font-family:var(--font-display);font-size:60px;font-weight:800;color:var(--accent)}.alert-item{display:flex;align-items:center;gap:12px;padding:11px 14px;border-radius:12px;border:1px solid var(--border);background:var(--surface-2);margin-bottom:8px;transition:transform .2s var(--ease),box-shadow .2s var(--ease)}.alert-item:hover{transform:translateY(-2px);box-shadow:var(--shadow-sm)}.alert-item .badge{flex:none}.warn-count{font-size:12px;font-weight:700;color:var(--accent-strong);background:var(--accent-soft);border-radius:999px;padding:4px 12px}.warn-list{display:grid;gap:10px;margin-top:14px}.warn-item{position:relative;display:flex;align-items:center;gap:13px;padding:12px 14px 12px 18px;border-radius:15px;border:1px solid var(--border);background:var(--surface-2);overflow:hidden;text-decoration:none;color:inherit;transition:transform .25s var(--ease),box-shadow .25s var(--ease)}.warn-item:before{content:"";position:absolute;left:0;top:10px;bottom:10px;width:4px;border-radius:4px;transition:top .25s var(--ease),bottom .25s var(--ease)}.warn-item:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.warn-item:hover:before{top:4px;bottom:4px}.warn-expired:before{background:var(--red)}.warn-expiring:before{background:var(--amber)}.warn-active:before{background:var(--green)}.warn-thumb{flex:none;width:46px;height:40px;border-radius:10px;overflow:hidden;background:var(--surface);border:1px solid var(--border);display:grid;place-items:center}.warn-thumb img{width:100%;height:100%;object-fit:cover}.warn-main{flex:1;min-width:0}.warn-name{font-family:var(--font-display);font-weight:700;font-size:14px;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.warn-sub{color:var(--text-3);font-size:12.5px;margin-top:2px}.warn-right{flex:none;display:flex;flex-direction:column;align-items:flex-end;gap:6px}.warn-days{font-size:11.5px;font-weight:700;border-radius:999px;padding:4px 10px;white-space:nowrap}.warn-days-expired{color:var(--red);background:var(--red-soft)}.warn-days-expiring{color:var(--amber);background:var(--amber-soft)}.warn-days-active{color:var(--green);background:var(--green-soft)}.kbd{font-family:var(--mono);font-size:11px;padding:1px 6px;border-radius:6px;border:1px solid var(--border-strong);background:var(--surface-2)}.upload-zone{border:1.5px dashed var(--border-strong);border-radius:13px;padding:26px;text-align:center;color:var(--text-3);font-size:14px;cursor:pointer;transition:border-color .25s var(--ease),background .25s var(--ease),transform .25s var(--ease)}.upload-zone:hover{border-color:var(--accent);background:var(--accent-soft);transform:translateY(-2px)}.prod-main h1{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.notice{display:flex;gap:12px;align-items:flex-start;padding:13px 16px;border-radius:12px;border:1px solid var(--border);background:var(--surface-2);font-size:14px;margin-bottom:14px}.notice.warn{border-color:color-mix(in srgb,var(--amber) 45%,var(--border));background:var(--amber-soft);color:var(--text)}.grid-2col{display:grid;grid-template-columns:1.4fr 1fr;gap:20px;align-items:start}.sticky-side{position:sticky;top:74px}@media(max-width:860px){.grid-2col{grid-template-columns:1fr}.sticky-side{position:static}}@media(max-width:860px){.grid-2col{grid-template-columns:1fr}}@media(max-width:640px){.nav,.topbar-search{display:none}.field-row,.field-row-3{grid-template-columns:1fr}.kv{grid-template-columns:120px 1fr}.hero{padding:34px 0 6px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}}