:root{--font-sans:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--color-ink-950:#0b1220;--color-ink-900:#0f172a;--color-ink-800:#1e293b;--color-ink-700:#334155;--color-ink-600:#475569;--color-ink-500:#64748b;--color-ink-400:#94a3b8;--color-ink-300:#cbd5e1;--color-ink-200:#e2e8f0;--color-ink-100:#f1f5f9;--color-ink-50:#f8fafc;--color-brand-700:#047857;--color-brand-600:#059669;--color-brand-500:#10b981;--color-brand-400:#34d399;--color-brand-100:#d1fae5;--color-danger-700:#b91c1c;--color-danger-100:#fee2e2;--color-info-700:#1d4ed8;--color-info-100:#dbeafe;--color-white:#fff;--shadow-sm:0 1px 2px #0f172a0d;--shadow-md:0 12px 30px #0f172a14;--shadow-lg:0 24px 60px #0f172a29;--radius-sm:10px;--radius-md:16px;--radius-lg:24px;--radius-xl:32px;--transition:.18s ease}*,:before,:after{box-sizing:border-box}html{font-family:var(--font-sans);color:var(--color-ink-900);background:var(--color-ink-50)}body{-webkit-font-smoothing:antialiased;min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{border:0}a{color:inherit;text-decoration:none}svg{flex:none}#root{min-height:100vh}.brand-mark{color:var(--color-ink-900);align-items:center;gap:12px;display:inline-flex}.brand-mark svg{width:44px;height:44px}.brand-mark svg rect{fill:var(--color-ink-900)}.brand-mark svg path{fill:var(--color-white)}.brand-mark svg .brand-mark__accent{fill:var(--color-brand-400)}.brand-mark span{gap:1px;display:grid}.brand-mark strong{letter-spacing:-.01em;font-size:15px;line-height:1.25}.brand-mark small{color:var(--color-ink-500);font-size:11px}.brand-mark--inverse{color:var(--color-white)}.brand-mark--inverse svg rect{fill:#ffffff1f;stroke:#ffffff2e}.brand-mark--inverse small{color:#ffffffa3}.button{cursor:pointer;min-height:46px;transition:transform var(--transition), box-shadow var(--transition), background var(--transition);border-radius:12px;justify-content:center;align-items:center;gap:9px;padding:0 18px;font-size:14px;font-weight:700;display:inline-flex}.button:focus-visible,.text-button:focus-visible,.input-shell:focus-within,.checkbox-row input:focus-visible{outline-offset:2px;outline:3px solid #10b9813d}.button:not(:disabled):active{transform:translateY(1px)}.button:disabled{cursor:not-allowed;opacity:.72}.button--primary{color:var(--color-white);background:var(--color-ink-900);box-shadow:0 10px 24px #0f172a2e}.button--primary:hover:not(:disabled){background:var(--color-ink-800);box-shadow:0 13px 28px #0f172a3b}.button--secondary{color:var(--color-ink-700);background:var(--color-white);border:1px solid var(--color-ink-200);box-shadow:var(--shadow-sm)}.button--secondary:hover:not(:disabled){border-color:var(--color-ink-300);background:var(--color-ink-50)}.button--ghost{color:var(--color-ink-600);background:0 0}.button__spinner{border:2px solid #ffffff5c;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.notice{border-radius:12px;align-items:flex-start;gap:10px;margin-bottom:18px;padding:12px 14px;font-size:13px;line-height:1.5;display:flex}.notice--error{color:var(--color-danger-700);background:var(--color-danger-100)}.notice--success{color:var(--color-brand-700);background:var(--color-brand-100)}.notice--info{color:var(--color-info-700);background:var(--color-info-100)}.eyebrow{color:var(--color-brand-400);text-transform:uppercase;letter-spacing:.14em;font-size:11px;font-weight:800;display:inline-block}.eyebrow--dark{color:var(--color-brand-700)}.full-page-loader{background:var(--color-ink-50);align-content:center;place-items:center;gap:16px;min-height:100vh;display:grid}.full-page-loader__spinner{border:3px solid var(--color-ink-200);border-top-color:var(--color-brand-600);border-radius:50%;width:32px;height:32px;animation:.7s linear infinite spin}.full-page-loader p{color:var(--color-ink-500);margin:0;font-size:14px}.login-page{background:var(--color-white);grid-template-columns:minmax(420px,1.05fr) minmax(480px,.95fr);min-height:100vh;display:grid}.login-showcase{color:#fff;isolation:isolate;background:radial-gradient(circle at 73% 24%,#10b98129,#0000 29%),linear-gradient(145deg,#111c31 0%,#0f172a 56%,#101827 100%);flex-direction:column;min-height:100vh;padding:clamp(28px,4vw,56px);display:flex;position:relative;overflow:hidden}.login-showcase:after{content:"";z-index:-1;opacity:.32;background-image:linear-gradient(#ffffff08 1px,#0000 1px),linear-gradient(90deg,#ffffff08 1px,#0000 1px);background-size:44px 44px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 90%);mask-image:linear-gradient(#000,#0000 90%)}.login-showcase__glow{z-index:-1;filter:blur(2px);border-radius:50%;position:absolute}.login-showcase__glow--one{background:#34d3991f;width:380px;height:380px;top:30%;right:-190px}.login-showcase__glow--two{background:#0ea5e914;width:260px;height:260px;bottom:-140px;left:9%}.login-showcase__content{width:min(570px,100%);margin:auto 0;padding:62px 0 42px}.login-showcase h1{letter-spacing:-.055em;max-width:590px;margin:14px 0 18px;font-size:clamp(40px,5vw,68px);font-weight:750;line-height:1.02}.login-showcase__content>p{color:#ffffffad;max-width:550px;margin:0;font-size:clamp(15px,1.4vw,18px);line-height:1.75}.login-insights{max-width:500px;height:214px;margin-top:42px;position:relative}.login-insight{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffff13;border:1px solid #ffffff1f;box-shadow:0 24px 50px #0000002e}.login-insight--primary{border-radius:20px;width:min(420px,88%);padding:22px}.login-insight--primary>span{color:#ffffff8f;font-size:12px}.login-insight--primary>strong{max-width:280px;margin-top:7px;font-size:18px;line-height:1.35;display:block}.mini-chart{align-items:end;gap:10px;height:70px;margin-top:22px;display:flex}.mini-chart i{background:linear-gradient(to top, #34d39959, var(--color-brand-400));border-radius:6px 6px 2px 2px;width:100%;display:block}.login-insight--floating{border-radius:16px;align-items:center;gap:12px;padding:14px 17px;display:flex;position:absolute;bottom:2px;right:0}.login-insight--floating svg{color:var(--color-brand-400)}.login-insight--floating span{gap:2px;display:grid}.login-insight--floating small{color:#ffffff8c}.login-insight--floating strong{font-size:13px}.login-showcase__footer{color:#ffffff80;align-items:center;gap:9px;font-size:12px;display:flex}.login-showcase__footer svg{color:var(--color-brand-400)}.login-panel{background:linear-gradient(160deg, var(--color-white), var(--color-ink-50));flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:clamp(26px,5vw,72px);display:flex}.login-panel__mobile-brand{display:none}.login-card{width:min(440px,100%)}.login-card__heading{align-items:center;gap:15px;display:flex}.login-card__icon{width:48px;height:48px;color:var(--color-brand-700);background:var(--color-brand-100);border-radius:14px;place-items:center;display:grid}.login-card h2{letter-spacing:-.035em;margin:5px 0 0;font-size:clamp(28px,3vw,36px);line-height:1.1}.login-card__intro{color:var(--color-ink-500);margin:18px 0 28px;font-size:14px;line-height:1.65}.form-field{margin-bottom:18px}.form-field label{color:var(--color-ink-700);margin-bottom:8px;font-size:13px;font-weight:700;display:inline-block}.form-field__label-row{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.text-button{color:var(--color-brand-700);cursor:pointer;background:0 0;padding:0;font-size:12px;font-weight:700}.input-shell{border:1px solid var(--color-ink-200);background:var(--color-white);min-height:52px;box-shadow:var(--shadow-sm);transition:border var(--transition), box-shadow var(--transition);border-radius:13px;align-items:center;gap:11px;padding:0 14px;display:flex}.input-shell:focus-within{border-color:var(--color-brand-600);box-shadow:0 0 0 4px #10b9811a}.input-shell>svg{color:var(--color-ink-400)}.input-shell input{width:100%;min-width:0;height:50px;color:var(--color-ink-900);background:0 0;border:0;outline:none;padding:0;font-size:14px}.input-shell input::placeholder{color:var(--color-ink-400)}.input-shell__action{width:34px;height:34px;color:var(--color-ink-500);cursor:pointer;background:0 0;border-radius:8px;place-items:center;display:grid}.input-shell__action:hover{background:var(--color-ink-100)}.checkbox-row{color:var(--color-ink-600);cursor:pointer;align-items:center;gap:9px;margin:3px 0 22px;font-size:13px;display:flex}.checkbox-row input{width:17px;height:17px;accent-color:var(--color-brand-600)}.login-submit{width:100%}.login-help{text-align:center;color:var(--color-ink-500);margin:22px 0 0;font-size:12px}.login-panel__footer{text-align:center;width:100%;color:var(--color-ink-400);margin-top:52px;font-size:11px}@media (width<=980px){.login-page{grid-template-columns:minmax(350px,.85fr) minmax(420px,1.15fr)}.login-showcase{padding:32px}.login-showcase h1{font-size:clamp(36px,5vw,54px)}.login-insights{transform-origin:0 0;transform:scale(.9)}}@media (width<=760px){.login-page{background:linear-gradient(#f8fafc,#fff);min-height:100svh;display:block}.login-showcase{display:none}.login-panel{min-height:100svh;padding:max(22px, env(safe-area-inset-top)) 20px max(22px, env(safe-area-inset-bottom));justify-content:flex-start}.login-panel__mobile-brand{width:min(440px,100%);margin:0 auto 48px;display:block}.login-card{margin:auto 0}.login-card__heading{align-items:flex-start}.login-panel__footer{margin-top:48px}}@media (width<=390px){.login-panel{padding-left:16px;padding-right:16px}.login-panel__mobile-brand{margin-bottom:34px}.login-card__icon{width:44px;height:44px}.login-card h2{font-size:27px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.catalog-page{background:radial-gradient(circle at 90% 0%, #10b98114, transparent 28rem), var(--color-ink-50);min-height:100vh}.catalog-container{width:min(100% - 40px,1240px);margin-inline:auto}.catalog-header{z-index:20;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#f8fafce0;border-bottom:1px solid #e2e8f0d1;position:sticky;top:0}.catalog-header__content{justify-content:space-between;align-items:center;gap:20px;min-height:76px;display:flex}.catalog-login{min-height:42px;color:var(--color-ink-700);background:var(--color-white);border:1px solid var(--color-ink-200);box-shadow:var(--shadow-sm);transition:border-color var(--transition), background var(--transition), transform var(--transition);border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:0 15px;font-size:13px;font-weight:750;display:inline-flex}.catalog-login:hover{border-color:var(--color-ink-300);background:var(--color-ink-100)}.catalog-login:active{transform:translateY(1px)}.catalog-login:focus-visible,.catalog-search:focus-within,.catalog-search button:focus-visible{outline-offset:2px;outline:3px solid #10b9813d}.catalog-main{padding-block:clamp(42px,7vw,76px) 72px}.catalog-heading{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:28px;display:flex}.catalog-heading h1{letter-spacing:-.05em;margin:7px 0 8px;font-size:clamp(34px,5vw,54px);line-height:1}.catalog-heading p{max-width:560px;color:var(--color-ink-500);margin:0;font-size:clamp(14px,1.8vw,16px);line-height:1.65}.catalog-count{color:var(--color-ink-600);background:var(--color-white);border:1px solid var(--color-ink-200);box-shadow:var(--shadow-sm);border-radius:999px;flex:none;padding:8px 12px;font-size:12px;font-weight:750}.catalog-search{width:min(100%,560px);min-height:52px;color:var(--color-ink-400);background:var(--color-white);border:1px solid var(--color-ink-200);box-shadow:var(--shadow-sm);transition:border-color var(--transition), box-shadow var(--transition);border-radius:15px;align-items:center;gap:11px;margin-bottom:30px;padding:0 15px;display:flex}.catalog-search:focus-within{border-color:var(--color-brand-500);box-shadow:0 10px 24px #0f172a0f}.catalog-search input{min-width:0;color:var(--color-ink-900);background:0 0;border:0;outline:0;flex:1;font-size:14px}.catalog-search input::placeholder{color:var(--color-ink-400)}.catalog-search input::-webkit-search-cancel-button{display:none}.catalog-search button{width:32px;height:32px;color:var(--color-ink-500);background:var(--color-ink-100);cursor:pointer;border-radius:9px;place-items:center;padding:0;display:grid}.catalog-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:20px;display:grid}.product-card{background:var(--color-white);border:1px solid var(--color-ink-200);min-width:0;box-shadow:var(--shadow-sm);transition:transform var(--transition), border-color var(--transition), box-shadow var(--transition);border-radius:20px;overflow:hidden}.product-card:hover{border-color:var(--color-ink-300);box-shadow:var(--shadow-md);transform:translateY(-3px)}.product-image{aspect-ratio:4/3;background:linear-gradient(145deg, var(--color-ink-50), var(--color-ink-100));border-bottom:1px solid var(--color-ink-100);place-items:center;display:grid;position:relative;overflow:hidden}.product-image img{object-fit:cover;width:100%;height:100%;transition:transform .28s;display:block}.product-card:hover .product-image img{transform:scale(1.025)}.product-image--fallback{color:var(--color-ink-400);align-content:center;gap:8px}.product-image--fallback span{font-size:11px;font-weight:650}.product-card__content{flex-direction:column;align-items:flex-start;min-height:142px;padding:17px;display:flex}.product-card h2{-webkit-line-clamp:2;color:var(--color-ink-800);letter-spacing:-.01em;-webkit-box-orient:vertical;margin:11px 0 16px;font-size:15px;font-weight:750;line-height:1.42;display:-webkit-box;overflow:hidden}.stock-badge{letter-spacing:.025em;border-radius:999px;align-items:center;min-height:24px;padding:0 9px;font-size:10px;font-weight:800;display:inline-flex}.stock-badge--available{color:var(--color-brand-700);background:var(--color-brand-100)}.stock-badge--limited{color:#a16207;background:#fef3c7}.stock-badge--empty{color:var(--color-danger-700);background:var(--color-danger-100)}.product-card__price{flex-wrap:wrap;align-items:baseline;gap:7px;margin-top:auto;display:flex}.product-card__price strong{color:var(--color-ink-950);letter-spacing:-.025em;font-size:17px;line-height:1.2}.product-card__price del{color:var(--color-ink-400);font-size:11px}.catalog-state{text-align:center;border:1px dashed var(--color-ink-300);background:#ffffffb8;border-radius:22px;flex-direction:column;justify-content:center;align-items:center;min-height:340px;padding:40px 20px;display:flex}.catalog-state__icon{width:56px;height:56px;color:var(--color-brand-700);background:var(--color-brand-100);border-radius:18px;place-items:center;margin-bottom:17px;display:grid}.catalog-state h2{letter-spacing:-.025em;margin:0 0 8px;font-size:20px}.catalog-state p{max-width:400px;color:var(--color-ink-500);margin:0 0 20px;font-size:14px;line-height:1.65}.product-skeleton{background:var(--color-white);border:1px solid var(--color-ink-200);border-radius:20px;overflow:hidden}.product-skeleton__image,.product-skeleton__body span{background:var(--color-ink-100);position:relative;overflow:hidden}.product-skeleton__image:after,.product-skeleton__body span:after{content:"";background:linear-gradient(90deg,#0000,#ffffffc2,#0000);animation:1.25s infinite catalog-shimmer;position:absolute;inset:0;transform:translate(-100%)}.product-skeleton__image{aspect-ratio:4/3}.product-skeleton__body{gap:12px;padding:17px;display:grid}.product-skeleton__body span{border-radius:999px;height:14px}.product-skeleton__body span:first-child{width:34%;height:22px}.product-skeleton__body span:nth-child(2){width:86%}.product-skeleton__body span:last-child{width:55%;height:18px}@keyframes catalog-shimmer{to{transform:translate(100%)}}@media (width<=760px){.catalog-container{width:min(100% - 32px,1240px)}.catalog-header__content{min-height:68px}.catalog-heading{flex-direction:column;align-items:flex-start;gap:16px}.catalog-count{align-self:flex-start}.catalog-search{width:100%}.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.product-card{border-radius:16px}.product-card__content{min-height:132px;padding:13px}.product-card h2{margin:9px 0 13px;font-size:13px}.product-card__price{gap:3px;display:grid}.product-card__price strong{font-size:15px}.stock-badge{min-height:22px;padding-inline:7px;font-size:9px}}@media (width<=420px){.catalog-container{width:min(100% - 24px,1240px)}.catalog-main{padding-top:34px}.catalog-header .brand-mark small{display:none}.catalog-header .brand-mark{gap:9px}.catalog-header .brand-mark svg{width:40px;height:40px}.catalog-login{min-height:40px;padding-inline:12px}.catalog-heading h1{font-size:36px}.catalog-search{min-height:48px;margin-bottom:22px}}@media (width<=340px){.catalog-grid{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.product-card,.product-image img,.catalog-login{transition:none}.product-skeleton__image:after,.product-skeleton__body span:after{animation:none}}.admin-shell{--admin-sidebar-width:268px;min-height:100vh;padding-left:var(--admin-sidebar-width);transition:padding-left var(--transition);background:radial-gradient(circle at 84% 0,#10b9810f,#0000 30rem),#f6f8fb}.admin-shell--compact{--admin-sidebar-width:88px}.admin-sidebar{z-index:40;width:var(--admin-sidebar-width);color:var(--color-white);transition:width var(--transition);background:radial-gradient(circle at 20% 0,#34d39929,#0000 22rem),#0b1324;border-right:1px solid #ffffff0f;flex-direction:column;padding:22px 16px 16px;display:flex;position:fixed;inset:0 auto 0 0;overflow:hidden}.admin-sidebar__brand{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;gap:8px;min-height:54px;padding:0 4px 18px;display:flex}.admin-sidebar__brand .brand-mark{min-width:0}.admin-sidebar__brand .brand-mark span{white-space:nowrap}.admin-sidebar__collapse,.admin-profile button,.admin-mobile-header button,.admin-drawer__heading button{color:#ffffffa8;cursor:pointer;width:38px;height:38px;transition:color var(--transition), background var(--transition);background:#ffffff12;border-radius:11px;flex:none;place-items:center;display:grid}.admin-sidebar__collapse:hover,.admin-profile button:hover,.admin-drawer__heading button:hover{color:var(--color-white);background:#ffffff21}.admin-shell--compact .admin-sidebar__brand{justify-content:center}.admin-shell--compact .admin-sidebar__collapse{display:none}.admin-navigation{flex-direction:column;flex:1;gap:6px;min-height:0;padding:22px 0;display:flex}.admin-nav-link{color:#ffffff9e;white-space:nowrap;min-height:48px;transition:color var(--transition), background var(--transition), transform var(--transition);border-radius:13px;align-items:center;gap:13px;padding:0 14px;font-size:13px;font-weight:680;display:flex;overflow:hidden}.admin-nav-link:hover{color:#ffffffeb;background:#ffffff0f}.admin-nav-link.is-active{color:var(--color-white);background:linear-gradient(135deg,#10b9813d,#10b9811a);box-shadow:inset 0 0 0 1px #34d3992e}.admin-nav-link.is-active svg{color:var(--color-brand-400)}.admin-shell--compact .admin-nav-link{justify-content:center;padding:0}.admin-shell--compact .admin-nav-link span,.admin-shell--compact .admin-navigation__status,.admin-shell--compact .admin-profile__identity{display:none}.admin-navigation__status{color:#ffffff94;background:#ffffff0b;border:1px solid #ffffff12;border-radius:14px;align-items:center;gap:11px;margin-top:auto;padding:14px;display:flex}.admin-navigation__status svg{color:var(--color-brand-400)}.admin-navigation__status span{gap:2px;display:grid}.admin-navigation__status small{font-size:10px}.admin-navigation__status strong{color:#ffffffd9;font-size:11px}.admin-profile{border-top:1px solid #ffffff14;align-items:center;gap:10px;padding:13px 4px 0;display:flex}.admin-profile__avatar{color:#062f24;background:var(--color-brand-400);border-radius:12px;flex:none;place-items:center;width:39px;height:39px;font-size:14px;font-weight:850;display:grid}.admin-profile__identity{flex:1;gap:2px;min-width:0;display:grid}.admin-profile__identity strong{color:#ffffffe6;text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.admin-profile__identity small{color:#ffffff75;font-size:10px}.admin-profile button{background:0 0;width:36px;height:36px}.admin-shell--compact .admin-profile{justify-content:center}.admin-shell--compact .admin-profile button{display:none}.admin-main{width:min(100%,1600px);min-height:100vh;margin-inline:auto;padding:34px clamp(24px,3vw,48px) 54px}.admin-mobile-header,.admin-mobile-nav,.admin-drawer{display:none}.admin-page-header{justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:24px;display:flex}.admin-page-header__eyebrow{color:var(--color-brand-700);letter-spacing:.14em;text-transform:uppercase;margin-bottom:7px;font-size:10px;font-weight:850;display:block}.admin-page-header h1{color:var(--color-ink-950);letter-spacing:-.045em;margin:0;font-size:clamp(30px,3vw,42px);line-height:1.05}.admin-page-header p{max-width:680px;color:var(--color-ink-500);margin:9px 0 0;font-size:14px;line-height:1.65}.admin-refresh-button{min-height:42px;color:var(--color-ink-600);background:var(--color-white);border:1px solid var(--color-ink-200);box-shadow:var(--shadow-sm);cursor:pointer;border-radius:12px;flex:none;align-items:center;gap:8px;padding:0 14px;font-size:12px;font-weight:750;display:inline-flex}.admin-refresh-button:hover:not(:disabled){border-color:var(--color-ink-300)}.admin-refresh-button:disabled{opacity:.6;cursor:wait}.date-filter{z-index:4;background:var(--color-white);border:1px solid var(--color-ink-200);box-shadow:var(--shadow-sm);border-radius:16px;justify-content:space-between;align-items:center;gap:18px;margin-bottom:22px;padding:12px 13px 12px 16px;display:flex;position:relative}.date-filter__summary{color:var(--color-ink-500);align-items:center;gap:10px;display:flex}.date-filter__summary>svg{color:var(--color-brand-600)}.date-filter__summary span{gap:2px;display:grid}.date-filter__summary small{letter-spacing:.08em;text-transform:uppercase;font-size:9px;font-weight:760}.date-filter__summary strong{color:var(--color-ink-700);font-size:11px}.date-filter__controls{align-items:center;gap:10px;display:flex}.date-filter__presets{background:var(--color-ink-100);border-radius:12px;align-items:center;gap:4px;padding:4px;display:flex}.date-filter__presets button{min-height:34px;color:var(--color-ink-500);cursor:pointer;background:0 0;border-radius:9px;padding:0 12px;font-size:11px;font-weight:750}.date-filter__presets button:hover{color:var(--color-ink-800)}.date-filter__presets button.is-active{color:var(--color-ink-950);background:var(--color-white);box-shadow:var(--shadow-sm)}.date-filter__custom{align-items:center;gap:7px;display:flex}.date-filter__custom label{gap:2px;display:grid}.date-filter__custom label span{color:var(--color-ink-400);text-transform:uppercase;font-size:8px;font-weight:800}.date-filter__custom input{height:34px;color:var(--color-ink-700);background:var(--color-white);border:1px solid var(--color-ink-200);border-radius:9px;outline:none;padding:0 8px;font-size:10px}.date-filter__custom input:focus{border-color:var(--color-brand-500);box-shadow:0 0 0 3px #10b9811a}.date-filter__mobile-trigger{display:none}.metric-grid{transition:opacity var(--transition);grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:18px;display:grid}.metric-grid.is-loading{opacity:.58}.metric-card{background:var(--color-white);border:1px solid var(--color-ink-200);min-width:0;box-shadow:var(--shadow-sm);border-radius:17px;padding:18px}.metric-card__heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.metric-card__heading>span{color:var(--color-ink-500);font-size:11px;font-weight:720}.metric-card__heading i{width:35px;height:35px;color:var(--color-ink-500);background:var(--color-ink-100);border-radius:10px;place-items:center;font-style:normal;display:grid}.metric-card--positive .metric-card__heading i{color:var(--color-brand-700);background:var(--color-brand-100)}.metric-card--negative .metric-card__heading i{color:var(--color-danger-700);background:var(--color-danger-100)}.metric-card>strong{color:var(--color-ink-950);letter-spacing:-.04em;text-overflow:ellipsis;white-space:nowrap;margin-top:18px;font-size:clamp(20px,2vw,27px);display:block;overflow:hidden}.metric-card p{color:var(--color-ink-400);align-items:flex-start;gap:5px;margin:8px 0 0;font-size:9px;line-height:1.45;display:flex}.metric-card__helper-dot{background:var(--color-ink-300);border-radius:50%;flex:none;width:5px;height:5px;margin-top:4px}.metric-card--positive .metric-card__helper-dot{background:var(--color-brand-500)}.metric-card--negative .metric-card__helper-dot{background:var(--color-danger-700)}.dashboard-layout{gap:18px;margin-bottom:18px;display:grid}.dashboard-layout--main{grid-template-columns:minmax(0,1.8fr) minmax(280px,.72fr)}.dashboard-layout--secondary{grid-template-columns:minmax(310px,.8fr) minmax(0,1.2fr)}.dashboard-panel{background:var(--color-white);border:1px solid var(--color-ink-200);min-width:0;box-shadow:var(--shadow-sm);border-radius:18px;padding:20px}.dashboard-panel__heading{justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:18px;display:flex}.dashboard-panel__heading span{color:var(--color-ink-400);letter-spacing:.08em;text-transform:uppercase;margin-bottom:3px;font-size:9px;font-weight:800;display:block}.dashboard-panel__heading h2{color:var(--color-ink-900);letter-spacing:-.02em;margin:0;font-size:16px}.dashboard-panel__heading>i{width:34px;height:34px;color:var(--color-brand-700);background:var(--color-brand-100);border-radius:10px;place-items:center;font-style:normal;display:grid}.dashboard-panel__heading>b{color:#a16207;background:#fef3c7;border-radius:9px;place-items:center;min-width:28px;height:28px;font-size:11px;display:grid}.financial-chart{position:relative}.chart-legend{flex-wrap:wrap;align-items:center;gap:14px;margin-bottom:8px;display:flex}.chart-legend span{color:var(--color-ink-500);align-items:center;gap:6px;font-size:9px;font-weight:680;display:inline-flex}.chart-legend span:before{content:"";border-radius:50%;width:7px;height:7px}.chart-legend__revenue:before{background:var(--color-brand-600)}.chart-legend__profit:before{background:#2563eb}.chart-legend__expense:before{background:#f59e0b}.financial-chart__canvas{min-height:235px;margin-left:42px;position:relative}.financial-chart svg{width:100%;height:235px;overflow:visible}.chart-grid-line{stroke:var(--color-ink-100);stroke-width:1px}.chart-line{fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-width:3px}.chart-line--revenue{stroke:var(--color-brand-600)}.chart-line--profit{stroke:#2563eb}.chart-line--expense{stroke:#f59e0b}.chart-area{color:var(--color-brand-600)}.chart-axis-label{fill:var(--color-ink-400);font-size:9px}.chart-empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:5px;display:flex;position:absolute;inset:0 12px 24px}.chart-empty-state strong{color:var(--color-ink-600);font-size:12px}.chart-empty-state span{max-width:300px;color:var(--color-ink-400);font-size:10px;line-height:1.5}.financial-chart__scale{color:var(--color-ink-400);flex-direction:column;justify-content:space-between;font-size:8px;display:flex;position:absolute;top:44px;bottom:31px;left:0}.low-stock-list{gap:9px;display:grid}.low-stock-list article{background:var(--color-ink-50);border:1px solid var(--color-ink-100);border-radius:12px;align-items:center;gap:10px;min-width:0;padding:10px;display:flex}.low-stock-list__icon{color:#a16207;background:#fef3c7;border-radius:9px;flex:none;place-items:center;width:31px;height:31px;display:grid}.low-stock-list__name{flex:1;gap:2px;min-width:0;display:grid}.low-stock-list__name strong{color:var(--color-ink-700);text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.low-stock-list__name small{color:var(--color-ink-400);font-size:8px}.low-stock-list article b{color:#a16207;text-align:right;min-width:26px;font-size:12px}.low-stock-empty{min-height:236px;color:var(--color-brand-700);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:24px;display:flex}.low-stock-empty strong{color:var(--color-ink-600);margin-top:4px;font-size:12px}.low-stock-empty span{max-width:230px;color:var(--color-ink-400);font-size:9px;line-height:1.5}.busy-hours-chart{flex-direction:column;min-height:190px;display:flex}.busy-hours-chart__bars{border-bottom:1px solid var(--color-ink-100);grid-template-columns:repeat(12,minmax(12px,1fr));align-items:end;gap:7px;min-height:150px;padding:12px 5px 0;display:grid}.busy-hours-chart__bar{flex-direction:column;justify-content:flex-end;align-items:center;gap:7px;height:135px;display:flex}.busy-hours-chart__bar>span{background:linear-gradient(180deg, var(--color-brand-500), var(--color-brand-700));border-radius:7px 7px 2px 2px;width:min(100%,18px);min-height:3px;transition:height .28s}.busy-hours-chart__bar small{height:10px;color:var(--color-ink-400);font-size:8px}.busy-hours-chart>p{color:var(--color-ink-400);text-align:center;margin:12px 0 0;font-size:9px}.inventory-valuation-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.inventory-valuation-grid article{background:var(--color-ink-50);border:1px solid var(--color-ink-100);border-radius:13px;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:2px 10px;min-width:0;padding:13px;display:grid}.inventory-valuation-grid i{width:34px;height:34px;color:var(--color-brand-700);background:var(--color-brand-100);border-radius:10px;grid-row:1/3;place-items:center;font-style:normal;display:grid}.inventory-valuation-grid span{min-width:0;color:var(--color-ink-400);text-overflow:ellipsis;white-space:nowrap;font-size:8px;font-weight:680;overflow:hidden}.inventory-valuation-grid strong{min-width:0;color:var(--color-ink-800);letter-spacing:-.02em;text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.admin-section-placeholder{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:calc(100vh - 90px);padding:40px 20px;display:flex}.admin-section-placeholder>span{width:58px;height:58px;color:var(--color-brand-700);background:var(--color-brand-100);border-radius:18px;place-items:center;display:grid}.admin-section-placeholder small{color:var(--color-brand-700);letter-spacing:.13em;text-transform:uppercase;margin-top:19px;font-size:9px;font-weight:850}.admin-section-placeholder h1{color:var(--color-ink-950);letter-spacing:-.045em;margin:8px 0;font-size:clamp(30px,4vw,44px)}.admin-section-placeholder p{max-width:560px;color:var(--color-ink-500);margin:0;font-size:14px;line-height:1.7}.admin-section-placeholder>div{color:var(--color-ink-500);background:var(--color-white);border:1px solid var(--color-ink-200);border-radius:999px;margin-top:20px;padding:9px 13px;font-size:10px}@media (width<=1180px){.admin-shell{--admin-sidebar-width:88px}.admin-sidebar__brand{justify-content:center}.admin-sidebar__brand .brand-mark span,.admin-sidebar__collapse,.admin-nav-link span,.admin-navigation__status,.admin-profile__identity,.admin-profile button{display:none}.admin-nav-link{justify-content:center;padding:0}.admin-profile{justify-content:center}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-layout--main{grid-template-columns:minmax(0,1.45fr) minmax(250px,.65fr)}.date-filter{align-items:flex-start}.date-filter__controls{flex-direction:column;align-items:flex-end}}@media (width<=900px){.admin-shell{padding-top:72px;padding-bottom:72px;padding-left:0}.admin-sidebar{display:none}.admin-main{padding:26px 22px 34px}.admin-mobile-header{z-index:35;border-bottom:1px solid var(--color-ink-200);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffeb;justify-content:space-between;align-items:center;height:72px;padding:0 20px;display:flex;position:fixed;inset:0 0 auto}.admin-mobile-header>div{align-items:center;gap:12px;display:flex}.admin-mobile-header>div>span{text-align:right;display:grid}.admin-mobile-header small{color:var(--color-ink-400);font-size:8px}.admin-mobile-header strong{color:var(--color-ink-700);font-size:11px}.admin-mobile-header button{color:var(--color-ink-600);background:var(--color-ink-100)}.admin-mobile-nav{z-index:36;height:72px;padding:7px max(10px, env(safe-area-inset-right)) max(7px, env(safe-area-inset-bottom)) max(10px, env(safe-area-inset-left));border-top:1px solid var(--color-ink-200);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fffffff5;grid-template-columns:repeat(4,minmax(0,1fr));display:grid;position:fixed;inset:auto 0 0;box-shadow:0 -10px 30px #0f172a0f}.admin-mobile-nav .admin-nav-link{min-width:0;height:56px;color:var(--color-ink-400);text-align:center;white-space:normal;border-radius:11px;flex-direction:column;justify-content:center;gap:4px;padding:0 4px;font-size:8px}.admin-mobile-nav .admin-nav-link span{line-height:1.15;display:block}.admin-mobile-nav .admin-nav-link.is-active{color:var(--color-brand-700);background:var(--color-brand-100);box-shadow:none}.admin-drawer{z-index:60;display:block;position:fixed;inset:0}.admin-drawer__backdrop{cursor:pointer;background:#0b122080;width:100%;height:100%;position:absolute;inset:0}.admin-drawer>aside{width:min(86vw,330px);color:var(--color-white);background:#0b1324;flex-direction:column;padding:20px;display:flex;position:absolute;inset:0 0 0 auto;box-shadow:-24px 0 60px #0206173d}.admin-drawer__heading{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding-bottom:18px;display:flex}.admin-drawer .admin-navigation{flex:0 auto}.admin-drawer__logout{color:#ffffffb8;cursor:pointer;background:#ffffff12;border-radius:12px;justify-content:center;align-items:center;gap:9px;min-height:45px;margin-top:auto;font-size:12px;font-weight:700;display:flex}.dashboard-layout--main,.dashboard-layout--secondary{grid-template-columns:1fr}.dashboard-panel--stock{order:2}.low-stock-empty{min-height:160px}}@media (width<=680px){.admin-main{padding:22px 14px 28px}.admin-page-header{margin-bottom:18px}.admin-page-header h1{font-size:31px}.admin-page-header p{font-size:12px}.admin-refresh-button span{display:none}.admin-refresh-button{justify-content:center;width:42px;padding:0}.date-filter{grid-template-columns:minmax(0,1fr) auto;align-items:center;padding:11px 12px;display:grid}.date-filter__summary strong{text-overflow:ellipsis;white-space:nowrap;max-width:180px;overflow:hidden}.date-filter__mobile-trigger{min-height:36px;color:var(--color-ink-700);background:var(--color-ink-100);cursor:pointer;border-radius:10px;align-items:center;gap:6px;padding:0 10px;font-size:10px;font-weight:750;display:flex}.date-filter__controls{background:var(--color-white);border:1px solid var(--color-ink-200);box-shadow:var(--shadow-lg);border-radius:14px;align-items:stretch;padding:11px;display:none;position:absolute;inset:calc(100% + 7px) 0 auto}.date-filter__controls.is-open{display:flex}.date-filter__presets{grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.date-filter__custom{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.date-filter__custom input{width:100%}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.metric-card{border-radius:15px;padding:14px}.metric-card__heading>span{font-size:9px}.metric-card__heading i{width:30px;height:30px}.metric-card>strong{margin-top:13px;font-size:clamp(17px,5vw,22px)}.metric-card p{font-size:8px}.dashboard-layout{gap:12px;margin-bottom:12px}.dashboard-panel{border-radius:16px;padding:16px}.financial-chart__canvas{margin-left:32px}.financial-chart svg{height:215px}.inventory-valuation-grid{grid-template-columns:1fr}}@media (width<=410px){.admin-mobile-header{padding-inline:14px}.admin-mobile-header>div>span{display:none}.metric-grid{grid-template-columns:1fr}.metric-card{grid-template-columns:minmax(0,1fr) auto;display:grid}.metric-card__heading{grid-column:1/3}.metric-card>strong{align-self:end}.metric-card p{text-align:right;justify-self:end;max-width:145px}.date-filter__summary strong{max-width:145px}.chart-legend{gap:8px}.chart-legend span{font-size:8px}.busy-hours-chart__bars{gap:4px}.admin-mobile-nav .admin-nav-link span{font-size:7px}}.workspace-placeholder,.public-placeholder{background:var(--color-ink-50);min-height:100vh;padding:24px clamp(20px,5vw,72px)}.workspace-placeholder header,.public-placeholder header{justify-content:space-between;align-items:center;gap:18px;max-width:1280px;margin:0 auto;display:flex}.workspace-placeholder>section,.public-placeholder>section{text-align:center;flex-direction:column;justify-content:center;align-items:center;max-width:720px;min-height:calc(100vh - 100px);margin:0 auto;display:flex}.workspace-placeholder__icon{width:64px;height:64px;color:var(--color-brand-700);background:var(--color-brand-100);border-radius:20px;place-items:center;margin-bottom:24px;display:grid}.workspace-placeholder h1,.public-placeholder h1,.not-found-page h1{letter-spacing:-.045em;margin:12px 0;font-size:clamp(32px,5vw,54px);line-height:1.05}.workspace-placeholder section>p:last-child,.public-placeholder section p,.not-found-page p{color:var(--color-ink-500);line-height:1.7}.public-placeholder section>svg{color:var(--color-brand-600)}.not-found-page{text-align:center;background:var(--color-ink-50);flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.not-found-page>span{color:var(--color-brand-700);letter-spacing:.16em;font-size:13px;font-weight:800}.not-found-page .button{margin-top:18px}@media (width<=600px){.workspace-placeholder header .brand-mark small,.public-placeholder header .brand-mark small{display:none}.workspace-placeholder header .button,.public-placeholder header .button{padding:0 13px}}
