@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#fafaf9;--bg2:#f4f4f5;--bg3:#efefef;--border:#e9e9ec;--border2:#d6d6dc;--ink:#111;--ink2:#52525b;--ink3:#a1a1aa;--blue:#2563eb;--blue-light:#eff6ff;--blue-mid:#bfdbfe;--blue-dark:#1d4ed8;--green:#16a34a;--green-light:#dcfce7;--red:#dc2626;--red-light:#fee2e2;--white:#fff;--sh-xs:0 1px 2px #1018280a;--sh-sm:0 1px 3px #1018280f, 0 1px 2px #1018280a;--sh-md:0 4px 12px #1018280f, 0 2px 4px #1018280a;--sh-lg:0 20px 60px #10182824;--card-border:#11111112;--r:10px;--r-sm:8px;--r-lg:16px;--ease:cubic-bezier(.4,0,.2,1);--dur:.19s;--font:"Inter", system-ui, sans-serif;--font-d:"Inter", system-ui, sans-serif}.dark{--bg:#111;--bg2:#1a1a1a;--bg3:#222;--border:#2a2a2a;--border2:#333;--ink:#f0f0f0;--ink2:#a0a0a0;--ink3:#555;--blue:#3b82f6;--blue-light:#1a2742;--blue-mid:#1e3a5f;--blue-dark:#2563eb;--green:#22c55e;--green-light:#052e16;--red:#f87171;--red-light:#2d0a0a;--white:#1a1a1a;--sh-xs:0 1px 2px #0006;--sh-sm:0 1px 3px #00000080;--sh-md:0 4px 16px #00000080;--sh-lg:0 20px 60px #000000b3;--card-border:#ffffff14}.dark body{background:#111}.dark body,.dark .card,.dark nav,.dark aside,.dark header,.dark input,.dark textarea,.dark select,.dark button{transition:background-color .25s,border-color .25s,color .2s}html{scroll-behavior:smooth;width:100%;overflow-x:hidden}body{background:var(--bg);color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased;letter-spacing:-.01em;width:100%;font-size:15px;line-height:1.55;overflow-x:hidden}#root{max-width:100vw;overflow-x:hidden}.mod-title{font-family:var(--font-d);letter-spacing:-.02em;color:var(--ink);font-size:1.55rem;font-weight:700;line-height:1.2}.mod-sub{color:var(--ink2);margin-top:5px;font-size:.875rem;line-height:1.5}.text-label{color:var(--ink3);text-transform:uppercase;letter-spacing:.05em;font-size:.72rem;font-weight:600}.text-quiet{color:var(--ink2);font-size:.82rem;line-height:1.6}.btn{font-family:var(--font);border-radius:var(--r-sm);cursor:pointer;transition:background var(--dur) var(--ease), border-color var(--dur) var(--ease), box-shadow var(--dur) var(--ease), color var(--dur) var(--ease), opacity var(--dur) var(--ease);white-space:nowrap;letter-spacing:-.01em;border:none;align-items:center;gap:7px;padding:10px 18px;font-size:.875rem;font-weight:500;line-height:1;text-decoration:none;display:inline-flex}.btn:active{opacity:.85}.btn-primary{background:var(--blue);color:#fff;box-shadow:0 1px 2px #2563eb40,0 0 0 1px #2563eb0d}.btn-primary:hover{background:var(--blue-dark);box-shadow:0 6px 16px #2563eb47}.dark .btn-primary{background:var(--blue);color:#fff}.dark .btn-primary:hover{background:#2563eb}.btn-blue{background:var(--blue);color:#fff;box-shadow:0 1px 2px #2563eb40,0 0 0 1px #2563eb0d}.btn-blue:hover{background:var(--blue-dark);box-shadow:0 6px 16px #2563eb47}.btn-ghost{background:var(--white);color:var(--ink2);border:1px solid var(--border2);box-shadow:var(--sh-xs)}.btn-ghost:hover{background:var(--bg2);color:var(--ink);border-color:var(--border2)}.dark .btn-ghost{border-color:var(--border2);color:var(--ink2);background:0 0}.dark .btn-ghost:hover{background:var(--bg2);color:var(--ink)}.btn-danger{background:var(--red-light);color:var(--red);box-shadow:none;padding:6px 12px;font-size:.78rem}.btn-danger:hover{background:#fecaca}.dark .btn-danger{color:#f87171;background:#f871711f}.dark .btn-danger:hover{background:#f8717133}.btn-lg{padding:13px 28px;font-size:1rem}.btn-full{justify-content:center;width:100%}.field{margin-bottom:16px}.field label{color:var(--ink2);margin-bottom:6px;font-size:.8rem;font-weight:500;display:block}.field input,.field textarea,.field select{background:var(--bg);border:1px solid var(--border);border-radius:var(--r-sm);width:100%;color:var(--ink);font-size:.875rem;font-family:var(--font);transition:border-color var(--dur) var(--ease), box-shadow var(--dur) var(--ease), background var(--dur) var(--ease);outline:none;padding:11px 14px}.field input::placeholder,.field textarea::placeholder{color:var(--ink3)}.field input:hover,.field textarea:hover,.field select:hover{border-color:var(--border2)}.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--blue);background:var(--white);box-shadow:0 0 0 3.5px #2563eb1f}.dark .field input:focus,.dark .field textarea:focus,.dark .field select:focus{background:var(--bg2)}.field textarea{resize:vertical;min-height:76px}.field-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.field-hint{color:var(--ink3);margin-top:5px;font-size:.72rem}.card{background:var(--white);border:1px solid var(--card-border);border-radius:var(--r-lg);box-shadow:var(--sh-xs);transition:box-shadow var(--dur) var(--ease), border-color var(--dur) var(--ease);padding:28px}.card:hover{box-shadow:var(--sh-sm)}.card-title{font-family:var(--font-d);letter-spacing:-.01em;color:var(--ink);margin-bottom:20px;font-size:1rem;font-weight:600}.badge{letter-spacing:.03em;border-radius:100px;align-items:center;gap:5px;padding:4px 10px;font-size:.72rem;font-weight:600;display:inline-flex}.badge-blue{background:var(--blue-light);color:var(--blue)}.badge-gray{background:var(--bg2);color:var(--ink2);border:1px solid var(--border)}.badge-green{background:var(--green-light);color:var(--green)}.status-bar{background:var(--blue-light);border-bottom:1px solid var(--blue-mid);color:var(--ink2);flex-wrap:wrap;align-items:center;gap:4px 10px;padding:9px 20px;font-size:.78rem;display:flex}.status-bar .dot{border-radius:50%;flex-shrink:0;width:7px;height:7px}.status-bar .dot.live{animation:2.4s ease-in-out infinite statusPulse}@keyframes statusPulse{0%,to{opacity:1}50%{opacity:.45}}@media (prefers-reduced-motion:reduce){.status-bar .dot.live{animation:none}}.status-bar .sep{color:var(--border2)}.status-bar strong{color:var(--ink);font-weight:600}.premium-card{animation:.5s cubic-bezier(.4,0,.2,1) both zbPremiumCardIn}@keyframes zbPremiumCardIn{0%{opacity:0;transform:translateY(10px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}.premium-illustration{transition:transform .25s cubic-bezier(.4,0,.2,1),filter .25s cubic-bezier(.4,0,.2,1);display:inline-flex}.premium-card:hover .premium-illustration{filter:drop-shadow(0 8px 16px #2563eb29);transform:translateY(-2px)rotate(1.5deg)}@media (prefers-reduced-motion:reduce){.premium-card{animation:none}.premium-illustration{transition:none}.premium-card:hover .premium-illustration{filter:none;transform:none}}.kpi-card{background:var(--white);border-radius:var(--r-lg);box-shadow:var(--sh-xs);transition:box-shadow var(--dur) var(--ease), transform var(--dur) var(--ease);padding:22px 24px}.kpi-card:hover{box-shadow:var(--sh-md);transform:translateY(-2px)}@media (prefers-reduced-motion:reduce){.kpi-card:hover{transform:none}}.stats-lift{transition:transform var(--dur) var(--ease), box-shadow var(--dur) var(--ease)}.stats-lift:hover{box-shadow:var(--sh-sm);transform:translateY(-2px)scale(1.005)}@media (prefers-reduced-motion:reduce){.stats-lift:hover{transform:none}}.stats-fade-in{animation:.45s cubic-bezier(.4,0,.2,1) both zbStatsFadeIn}@keyframes zbStatsFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.stats-fade-in{animation:none}}.stats-table-row{transition:background var(--dur) var(--ease)}.stats-table-row:hover{background:var(--bg)}.stats-table-row:not(:last-child){border-bottom:1px solid var(--border)}.combo-bar{transition:filter var(--dur) var(--ease);cursor:default}.combo-bar:hover{filter:brightness(1.1)}.combo-dot{transition:r var(--dur) var(--ease);cursor:default}.combo-dot:hover{r:4.5}.status-pill{letter-spacing:.01em;white-space:nowrap;border-radius:100px;align-items:center;gap:5px;padding:5px 12px;font-size:.72rem;font-weight:600;display:inline-flex}.img-drop{border:2px dashed var(--border2);border-radius:var(--r);cursor:pointer;width:100%;height:110px;transition:border-color var(--dur) var(--ease), background var(--dur) var(--ease);background:var(--bg);flex-direction:column;justify-content:center;align-items:center;gap:6px;display:flex;position:relative;overflow:hidden}.img-drop:hover{border-color:var(--blue);background:var(--blue-light)}.img-drop input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.img-drop span{color:var(--ink3);font-size:.75rem}.img-drop img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.toast-wrap{color:#fff;z-index:9999;white-space:nowrap;pointer-events:none;background:#111;border:1px solid #ffffff1a;border-radius:100px;padding:11px 22px;font-size:.85rem;font-weight:500;transition:transform .3s cubic-bezier(.34,1.56,.64,1);position:fixed;bottom:24px;left:50%;transform:translate(-50%)translateY(80px);box-shadow:0 8px 32px #0000004d}.toast-wrap.show{transform:translate(-50%)translateY(0)}.dark .toast-wrap{color:#111;background:#f0f0f0;border:1px solid #0000001a}.empty-state{text-align:center;border:1px dashed var(--border2);border-radius:var(--r-lg);color:var(--ink3);padding:48px 24px}.empty-state .ei{margin-bottom:10px;font-size:2.5rem}.empty-state p{font-size:.85rem}.spinner{border:3px solid var(--border);border-top-color:var(--blue);border-radius:50%;width:36px;height:36px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.page-loading{flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:100vh;display:flex}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#a1a1aa padding-box padding-box;border:3px solid #0000;border-radius:6px}::-webkit-scrollbar-thumb:hover{background:#71717a padding-box padding-box}html{scrollbar-width:auto;scrollbar-color:#a1a1aa transparent}