:root{--color-bg: #FFFDF6;--color-surface: #FFFFFF;--color-surface-milk: #FBF3E0;--color-surface-silver: #EDF3EA;--color-metal-chrome: #BFCBB9;--color-metal-steel: #7E8B78;--color-fg: #14251B;--color-fg-soft: #4E5D50;--color-meta: #68766B;--color-border: #E7E7D9;--color-border-strong: #CBD3BE;--color-accent: #1E6E3E;--color-accent-hover: #185B33;--color-accent-active: #104627;--color-accent-text: #1A6236;--color-accent-bright: #F6C94C;--color-success: #15803D;--color-warn: #B45309;--color-danger: #DC2626;--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;--text-display: clamp(2.125rem, 4.5vw + 1rem, 3.75rem);--text-4xl: clamp(2rem, 3vw + 1rem, 2.5rem);--text-3xl: 2rem;--text-2xl: 1.5rem;--text-xl: 1.25rem;--text-lg: 1.125rem;--text-base: 1rem;--text-sm: .875rem;--text-xs: .75rem;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--space-20: 80px;--space-24: 96px;--container-max: 1280px;--section-y-phone: 48px;--section-y-tablet: 64px;--section-y-desktop: 80px;--radius-none: 0;--radius-md: 8px;--radius-pill: 999px;--elev-ring: 0 0 0 1px var(--color-border-strong);--elev-soft: 0 8px 24px rgb(31 36 43 / .12);--focus-ring: 0 0 0 2px var(--color-fg), 0 0 0 4px var(--color-surface);--focus-ring-accent: 0 0 0 2px var(--color-accent), 0 0 0 4px var(--color-surface);--motion-fast: .15s;--motion-base: .2s;--ease-standard: cubic-bezier(.2, 0, 0, 1)}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{margin:0;font-family:var(--font-sans);font-size:var(--text-base);line-height:1.6;color:var(--color-fg);background:var(--color-bg);-webkit-font-smoothing:antialiased}img{max-width:100%;display:block}h1,h2,h3,h4{margin:0;line-height:1.15;font-weight:800;letter-spacing:-.015em;text-wrap:balance}p{margin:0}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}input,select,textarea{font:inherit;color:inherit}::selection{background:var(--color-accent);color:#fff}:focus-visible{outline:none;box-shadow:var(--focus-ring);border-radius:2px}.tnum{font-variant-numeric:tabular-nums}.container{max-width:var(--container-max);margin:0 auto;padding-left:16px;padding-right:16px}@media (min-width: 640px){.container{padding-left:24px;padding-right:24px}}@media (min-width: 1024px){.container{padding-left:50px;padding-right:50px}}.section{padding-top:var(--section-y-phone);padding-bottom:var(--section-y-phone)}@media (min-width: 768px){.section{padding-top:var(--section-y-tablet);padding-bottom:var(--section-y-tablet)}}@media (min-width: 1024px){.section{padding-top:var(--section-y-desktop);padding-bottom:var(--section-y-desktop)}}.eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:var(--text-xs);font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--color-accent-text)}.eyebrow:before{content:"";width:8px;height:8px;background:var(--color-accent);display:inline-block}.h-display{font-size:var(--text-display);letter-spacing:-.02em;line-height:1.05}.h-1{font-size:var(--text-4xl)}.h-2{font-size:var(--text-3xl)}.h-3{font-size:var(--text-2xl)}.lede{font-size:var(--text-lg);color:var(--color-fg-soft);max-width:60ch}.section-head{display:grid;gap:12px;margin-bottom:32px}.section-head .lede{margin-top:4px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:var(--text-sm);font-weight:700;letter-spacing:.04em;text-transform:uppercase;border-radius:var(--radius-md);padding:12px 22px;min-height:44px;border:1px solid transparent;transition:background var(--motion-fast) var(--ease-standard),color var(--motion-fast) var(--ease-standard),border-color var(--motion-fast) var(--ease-standard),transform var(--motion-fast) var(--ease-standard)}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--color-accent);color:#fff}.btn-primary:hover{background:var(--color-accent-hover)}.btn-primary:active{background:var(--color-accent-active)}.btn-secondary{background:var(--color-surface);color:var(--color-fg);border-color:var(--color-border-strong)}.btn-secondary:hover{border-color:var(--color-fg)}.btn-ghost{background:transparent;color:var(--color-fg);border-color:transparent}.btn-ghost:hover{background:var(--color-surface-silver)}.btn-sm{padding:8px 14px;min-height:36px;font-size:var(--text-xs)}.btn-danger{background:var(--color-danger);color:#fff}.btn[disabled]{opacity:.55;cursor:not-allowed}.site-header{position:sticky;top:0;z-index:50;background:#fafaf8e6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid transparent;transition:border-color var(--motion-base) var(--ease-standard)}.site-header.is-scrolled{border-bottom-color:var(--color-border)}.header-inner{display:flex;align-items:center;gap:24px;height:72px}.logo{display:inline-flex;align-items:center;gap:10px;font-weight:800;letter-spacing:.02em;font-size:1.05rem}.logo-mark{width:14px;height:14px;background:var(--color-accent);border-radius:2px}.nav{display:none;align-items:center;gap:4px;margin-left:auto}.nav a{padding:8px 12px;border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:600;color:var(--color-fg-soft);transition:color var(--motion-fast)}.nav a:hover{color:var(--color-fg);background:var(--color-surface-silver)}.nav a.active{color:var(--color-accent-text)}.header-cta{display:none}.burger{margin-left:auto;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;background:none;border:1px solid var(--color-border-strong);border-radius:var(--radius-md);color:var(--color-fg)}.burger svg{width:20px;height:20px}@media (min-width: 900px){.nav,.header-cta{display:inline-flex}.burger{display:none}}.drawer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;background:var(--color-surface);transform:translate(100%);transition:transform var(--motion-base) var(--ease-standard);display:flex;flex-direction:column;padding:20px}.drawer.open{transform:translate(0)}.drawer-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.drawer nav{display:flex;flex-direction:column;gap:4px}.drawer nav a{padding:14px 8px;font-size:var(--text-xl);font-weight:700;border-bottom:1px solid var(--color-border)}.drawer .header-cta{margin-top:24px}body.no-scroll{overflow:hidden}.hero{padding-top:var(--space-12);padding-bottom:var(--space-6)}@media (min-width: 768px){.hero{padding-top:var(--space-20);padding-bottom:var(--space-8)}.hero-grid{grid-template-columns:6fr 6fr;gap:48px;align-items:flex-end}}.hero-grid{display:grid;gap:32px;align-items:center}.hero h1{margin:16px 0 18px}.hero .lede{margin-bottom:28px}.hero-actions{display:flex;flex-wrap:wrap;gap:12px}.trust-row{display:flex;flex-wrap:wrap;gap:8px 24px;margin-top:28px;color:var(--color-meta);font-size:var(--text-sm)}.trust-row span{display:inline-flex;align-items:center;gap:6px}.trust-row svg{width:14px;height:14px;color:var(--color-success)}@media (min-width: 768px){.hero-grid{grid-template-columns:6fr 6fr;gap:48px}}.hero-figure{position:relative;background:var(--color-bg);box-shadow:none;border-radius:var(--radius-none);padding:8px;overflow:hidden}.hero-figure img{width:100%;aspect-ratio:1 / 1;object-fit:contain;background:var(--color-bg);transform:scale(1.12)}.car-track{display:flex;transition:transform .55s var(--ease-standard)}.car-slide{flex:0 0 100%;min-width:0}.car-btn{position:absolute;top:50%;transform:translateY(-50%);z-index:3;width:38px;height:38px;border-radius:var(--radius-pill);background:var(--color-surface);border:1px solid var(--color-border-strong);color:var(--color-fg);display:grid;place-items:center;box-shadow:var(--elev-soft);opacity:0;pointer-events:none;transition:opacity var(--motion-fast) var(--ease-standard),color var(--motion-fast)}.car-prev{left:8px}.car-next{right:8px}.hero-figure:hover .car-btn,.hero-figure:focus-within .car-btn{opacity:1;pointer-events:auto}.car-btn:hover{color:var(--color-accent)}@media (max-width: 899px){.car-btn{opacity:.9;pointer-events:auto}}.car-dots{position:absolute;left:0;right:0;bottom:6px;z-index:3;display:flex;justify-content:center;gap:6px}.car-dot{width:8px;height:8px;padding:0;border:none;border-radius:var(--radius-pill);background:var(--color-border-strong);transition:width var(--motion-base) var(--ease-standard),background var(--motion-fast)}.car-dot.active{width:20px;background:var(--color-accent)}.spec-strip{background:var(--color-fg);color:#fff;overflow-x:auto;scrollbar-width:none}.spec-strip::-webkit-scrollbar{display:none}.spec-strip-inner{display:flex;gap:0;min-width:max-content;scroll-snap-type:x mandatory}.spec-item{scroll-snap-align:start;border-left:2px solid var(--color-accent-bright);padding:20px 28px;min-width:210px;display:grid;gap:6px;align-content:center}.spec-item:first-child{border-left:none;padding-left:0}.spec-item .k{font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;color:#ffffff9e}.spec-item .v{font-size:var(--text-xl);font-weight:800;letter-spacing:-.01em;font-variant-numeric:tabular-nums}@media (min-width: 768px){.spec-strip-inner{min-width:0;display:grid;grid-template-columns:repeat(4,1fr)}.spec-item{border-left:4px solid var(--color-accent-bright);padding:26px 32px}}.vp-grid{display:grid;gap:16px}@media (min-width: 768px){.vp-grid{grid-template-columns:repeat(3,1fr)}}.vp-card{background:var(--color-surface);box-shadow:var(--elev-ring);border-radius:var(--radius-none);padding:28px;display:grid;gap:14px;align-content:start}.vp-num{font-size:var(--text-sm);font-weight:800;color:var(--color-accent-text);letter-spacing:.08em}.vp-card svg{width:22px;height:22px;color:var(--color-fg)}.vp-card p{color:var(--color-fg-soft);font-size:var(--text-sm)}.card-grid{display:grid;gap:20px}@media (min-width: 640px){.card-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.card-grid{grid-template-columns:repeat(3,1fr)}}.product-card{background:var(--color-bg);box-shadow:var(--elev-ring);display:flex;flex-direction:column;transition:transform var(--motion-base) var(--ease-standard),box-shadow var(--motion-base) var(--ease-standard)}.product-card:hover{transform:translateY(-2px);box-shadow:0 0 0 1px var(--color-accent)}.pc-figure{position:relative;aspect-ratio:1 / 1;overflow:hidden;background:var(--color-bg);border-bottom:1px solid var(--color-border)}.pc-figure img{width:100%;height:100%;object-fit:contain;transform:scale(1.15);transition:transform var(--motion-base) var(--ease-standard)}.product-card:hover .pc-figure img{transform:scale(1.2)}.pc-body{padding:20px;display:grid;gap:10px;align-content:start;flex:1}.pc-model{font-size:var(--text-xs);font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--color-meta)}.pc-name{font-size:var(--text-lg);font-weight:700;line-height:1.3}.pc-summary{font-size:var(--text-sm);color:var(--color-fg-soft)}.pc-specs{display:grid;gap:4px;margin-top:4px}.pc-specs div{display:flex;justify-content:space-between;gap:12px;font-size:var(--text-sm);border-bottom:1px dashed var(--color-border);padding-bottom:4px}.pc-specs dt{color:var(--color-meta)}.pc-specs dd{margin:0;font-weight:600;font-variant-numeric:tabular-nums}.pc-foot{padding:0 20px 20px}.state-hint{color:var(--color-meta);font-size:var(--text-sm);padding:8px 0}.app-grid{display:grid;gap:16px}@media (min-width: 768px){.app-grid{grid-template-columns:repeat(2,1fr)}}.app-chip{display:flex;align-items:center;gap:16px;background:var(--color-surface);box-shadow:var(--elev-ring);padding:20px 22px;transition:box-shadow var(--motion-fast)}.app-chip:hover{box-shadow:0 0 0 1px var(--color-accent)}.app-chip svg{width:26px;height:26px;color:var(--color-accent);flex:none}.app-chip .t{font-weight:700}.app-chip .d{font-size:var(--text-sm);color:var(--color-fg-soft);margin-top:2px}.cta-band{background:var(--color-surface-milk);border-top:1px solid var(--color-border)}.cta-band-inner{display:grid;gap:20px;align-items:center;text-align:left}@media (min-width: 768px){.cta-band-inner{grid-template-columns:1fr auto}}.faq-list{display:grid;gap:12px;max-width:860px}.faq-item{background:var(--color-surface);box-shadow:var(--elev-ring)}.faq-q{width:100%;display:flex;justify-content:space-between;align-items:center;gap:16px;background:none;border:none;text-align:left;padding:18px 20px;font-weight:700;font-size:var(--text-base);color:var(--color-fg)}.faq-q svg{flex:none;width:18px;height:18px;transition:transform var(--motion-base) var(--ease-standard);color:var(--color-accent)}.faq-item.open .faq-q svg{transform:rotate(180deg)}.faq-a{display:grid;grid-template-rows:0fr;transition:grid-template-rows var(--motion-base) var(--ease-standard)}.faq-item.open .faq-a{grid-template-rows:1fr}.faq-a-inner{overflow:hidden}.faq-a p{padding:0 20px 20px;color:var(--color-fg-soft);font-size:var(--text-sm);max-width:75ch}.form-grid{display:grid;gap:16px}@media (min-width: 768px){.form-grid{grid-template-columns:1fr 1fr}.form-grid .full{grid-column:1 / -1}}.field{display:grid;gap:6px}.field label{font-size:var(--text-xs);font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--color-fg-soft)}.field label .req{color:var(--color-accent)}.field input,.field select,.field textarea{width:100%;min-height:46px;padding:10px 12px;background:var(--color-surface);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);transition:border-color var(--motion-fast),box-shadow var(--motion-fast)}.field textarea{min-height:120px;resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--color-fg);box-shadow:0 0 0 3px #1f242b14}.field input:user-invalid,.field textarea:user-invalid{border-color:var(--color-danger)}.field .err{color:var(--color-danger);font-size:var(--text-xs)}.form-error{background:#dc262614;border-left:3px solid var(--color-danger);padding:12px 16px;color:var(--color-danger);font-size:var(--text-sm)}.form-note{font-size:var(--text-xs);color:var(--color-meta)}.form-success{background:#15803d14;border-left:3px solid var(--color-success);padding:18px 20px}.form-success h3{color:var(--color-success);font-size:var(--text-lg);margin-bottom:6px}.form-success p{font-size:var(--text-sm);color:var(--color-fg-soft)}.split{display:grid;gap:32px}@media (min-width: 900px){.split{grid-template-columns:5fr 7fr}}.info-card{background:var(--color-surface);box-shadow:var(--elev-ring);padding:24px;display:grid;gap:18px;align-content:start}.info-row{display:flex;gap:14px;align-items:flex-start}.info-row svg{width:20px;height:20px;color:var(--color-accent);flex:none;margin-top:2px}.info-row .lbl{font-size:var(--text-xs);font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--color-meta)}.info-row .val{font-weight:600;overflow-wrap:anywhere}.company-band{background:var(--color-surface-milk)}.stat-row{display:grid;gap:16px}@media (min-width: 768px){.stat-row{grid-template-columns:repeat(3,1fr)}}.stat-card{background:var(--color-surface);box-shadow:var(--elev-ring);padding:24px}.stat-card .n{font-size:var(--text-3xl);font-weight:800;color:var(--color-accent);letter-spacing:-.02em}.stat-card .l{font-size:var(--text-sm);color:var(--color-fg-soft);margin-top:4px}.crumbs{display:flex;flex-wrap:wrap;gap:6px;font-size:var(--text-sm);color:var(--color-meta);padding:18px 0 0}.crumbs a:hover{color:var(--color-accent-text)}.crumbs .sep{opacity:.5}.pd-grid{display:grid;gap:32px}@media (min-width: 900px){.pd-grid{grid-template-columns:1fr 1fr;align-items:start}}.pd-figure{background:transparent;box-shadow:none;padding:0}.pd-viewer{position:relative;aspect-ratio:1;background:var(--color-bg);overflow:hidden}.pd-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;background:var(--color-bg);opacity:0;transform:scale(1.06);transition:opacity .45s var(--ease-standard)}.pd-img.on{opacity:1}.pd-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:3;width:38px;height:38px;border-radius:var(--radius-pill);background:var(--color-surface);border:1px solid var(--color-border-strong);color:var(--color-fg);display:grid;place-items:center;cursor:pointer;box-shadow:var(--elev-soft);opacity:0;transition:opacity var(--motion-base) var(--ease-standard)}.pd-viewer:hover .pd-arrow,.pd-arrow:focus-visible{opacity:1}.pd-arrow.prev{left:12px}.pd-arrow.next{right:12px}.pd-count{position:absolute;right:12px;bottom:12px;z-index:2;background:#14251b8c;color:#fff;font-size:var(--text-xs);font-weight:700;padding:3px 10px;border-radius:var(--radius-pill);letter-spacing:.04em}.pd-thumbs{display:flex;gap:10px;margin-top:14px;overflow-x:auto;padding-bottom:4px}.pd-thumb{flex:none;width:76px;height:76px;padding:0;cursor:pointer;border:1px solid var(--color-border-strong);border-radius:8px;background:var(--color-bg);overflow:hidden;transition:border-color var(--motion-base) var(--ease-standard)}.pd-thumb img{width:100%;height:100%;object-fit:contain;display:block}.pd-thumb.on{border-color:var(--color-accent);box-shadow:0 0 0 1px var(--color-accent)}.pd-side{display:grid;gap:20px;align-content:start}.spec-table{background:var(--color-surface);box-shadow:var(--elev-ring)}.spec-table dl{margin:0;display:grid}.spec-table .row{display:grid;grid-template-columns:5fr 7fr;gap:12px;padding:12px 18px;border-bottom:1px solid var(--color-border)}.spec-table .row:last-child{border-bottom:none}.spec-table dt{color:var(--color-meta);font-size:var(--text-sm)}.spec-table dd{margin:0;font-weight:600;font-size:var(--text-sm);font-variant-numeric:tabular-nums}@media (max-width: 640px){.spec-table dl{display:block}.spec-table .row{grid-template-columns:1fr;gap:2px}.spec-table dd{font-weight:600}}.feature-list{display:grid;gap:10px}.feature-list li{display:flex;gap:10px;align-items:flex-start;list-style:none;font-size:var(--text-sm);color:var(--color-fg-soft)}.feature-list li svg{width:16px;height:16px;color:var(--color-accent);flex:none;margin-top:3px}.feature-list ul{margin:0;padding:0;display:grid;gap:10px}.page-hero{background:var(--color-fg);color:#fff;padding:48px 0}.page-hero .eyebrow{color:var(--color-accent-bright)}.page-hero .eyebrow:before{background:var(--color-accent-bright)}.page-hero h1{margin:12px 0 10px}.page-hero .lede{color:#ffffffbf}.site-footer{background:var(--color-fg);color:#fffc;margin-top:48px}.footer-grid{display:grid;gap:32px;padding:56px 0 40px}@media (min-width: 900px){.footer-grid{grid-template-columns:4fr 2fr 3fr 3fr}}.footer-grid h4{color:#fff;font-size:var(--text-sm);letter-spacing:.08em;text-transform:uppercase;margin-bottom:14px}.footer-grid a{display:block;padding:4px 0;font-size:var(--text-sm);color:#ffffffb8}.footer-grid a:hover{color:#fff}.footer-grid p{font-size:var(--text-sm)}.footer-brand .logo{color:#fff;margin-bottom:12px}.footer-bottom{border-top:1px solid rgb(255 255 255 / .14);padding:18px 0;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;font-size:var(--text-xs);color:#ffffff80}.wa-float{position:fixed;right:16px;bottom:calc(16px + env(safe-area-inset-bottom));z-index:60;width:56px;height:56px;border-radius:var(--radius-pill);background:#25d366;color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:var(--elev-soft);opacity:0;pointer-events:none;transition:opacity var(--motion-base) var(--ease-standard),transform var(--motion-fast)}.wa-float.visible{opacity:1;pointer-events:auto}.wa-float:hover{transform:scale(1.06)}.wa-float svg{width:28px;height:28px}@media print{.wa-float{display:none}}.center-band{text-align:center}.prose{max-width:72ch;display:grid;gap:16px;color:var(--color-fg-soft)}.prose h2{color:var(--color-fg);font-size:var(--text-2xl);margin-top:12px}.prose ul{margin:0;padding-left:20px;display:grid;gap:8px}.tag-row{display:flex;flex-wrap:wrap;gap:8px}.tag{display:inline-block;padding:6px 12px;background:var(--color-surface-silver);border:1px solid var(--color-border-strong);font-size:var(--text-xs);font-weight:700;letter-spacing:.04em;color:var(--color-fg-soft);border-radius:var(--radius-pill)}.admin-bg{background:#f7f8fa;min-height:100vh}.admin-login-wrap{min-height:100vh;display:grid;place-items:center;padding:24px}.admin-login-card{width:100%;max-width:400px;background:var(--color-surface);box-shadow:var(--elev-ring);padding:32px}.admin-login-card h1{font-size:var(--text-2xl);margin:14px 0 4px}.admin-shell{display:flex;min-height:100vh}.admin-side{width:240px;background:var(--color-fg);color:#fff;flex:none;display:flex;flex-direction:column;padding:20px 14px;position:fixed;inset:0 auto 0 0;z-index:40;transform:translate(-100%);transition:transform var(--motion-base) var(--ease-standard)}.admin-side.open{transform:translate(0)}.admin-side a{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:var(--radius-md);color:#ffffffc7;font-size:var(--text-sm);font-weight:600}.admin-side a:hover{background:#ffffff14;color:#fff}.admin-side a.active{background:var(--color-accent);color:#fff}.admin-side .side-logo{padding:6px 12px 20px;font-weight:800;display:flex;align-items:center;gap:10px}.admin-main{flex:1;min-width:0;margin-left:0}@media (min-width: 900px){.admin-side{position:sticky;top:0;height:100vh;transform:none}.admin-main{margin-left:240px}}.admin-topbar{display:flex;align-items:center;gap:12px;padding:14px 20px;background:var(--color-surface);border-bottom:1px solid var(--color-border);position:sticky;top:0;z-index:30}.admin-topbar h2{font-size:var(--text-lg);margin-right:auto}.admin-content{padding:24px;max-width:1280px}.kpi-row{display:grid;gap:14px;grid-template-columns:repeat(2,1fr)}@media (min-width: 900px){.kpi-row{grid-template-columns:repeat(4,1fr)}}.kpi{background:var(--color-surface);box-shadow:var(--elev-ring);padding:18px}.kpi .n{font-size:var(--text-3xl);font-weight:800;letter-spacing:-.02em;font-variant-numeric:tabular-nums}.kpi .l{font-size:var(--text-xs);color:var(--color-meta);letter-spacing:.04em;text-transform:uppercase;margin-top:4px}.admin-card{background:var(--color-surface);box-shadow:var(--elev-ring);padding:20px}.admin-card h3{font-size:var(--text-lg);margin-bottom:14px}.admin-table{width:100%;border-collapse:collapse;font-size:var(--text-sm)}.admin-table th{text-align:left;font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.06em;color:var(--color-meta);padding:8px 10px;border-bottom:2px solid var(--color-border-strong)}.admin-table td{padding:10px;border-bottom:1px solid var(--color-border);vertical-align:top}.admin-table tr:hover td{background:#fbfbfc}.badge{display:inline-block;padding:2px 10px;border-radius:var(--radius-pill);font-size:var(--text-xs);font-weight:700;letter-spacing:.03em;text-transform:uppercase}.badge-new{background:#d904291a;color:var(--color-accent)}.badge-replied{background:#15803d1a;color:var(--color-success)}.badge-archived{background:var(--color-surface-silver);color:var(--color-meta)}.badge-on{background:#15803d1a;color:var(--color-success)}.badge-off{background:var(--color-surface-silver);color:var(--color-meta)}.row-actions{display:flex;gap:6px;flex-wrap:wrap}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-md);background:none;border:1px solid var(--color-border-strong);color:var(--color-fg-soft)}.icon-btn:hover{border-color:var(--color-fg);color:var(--color-fg)}.icon-btn.danger:hover{border-color:var(--color-danger);color:var(--color-danger)}.chart-line{width:100%;height:auto}.legend{display:flex;flex-wrap:wrap;gap:14px;font-size:var(--text-xs);color:var(--color-meta)}.bar-row{display:flex;align-items:center;gap:10px;font-size:var(--text-sm);padding:4px 0}.bar-row .k{width:150px;flex:none;color:var(--color-fg-soft);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bar-track{flex:1;height:10px;background:var(--color-surface-silver);border-radius:var(--radius-pill);overflow:hidden}.bar-fill{height:100%;background:var(--color-accent);border-radius:var(--radius-pill)}.bar-row .v{width:56px;text-align:right;font-weight:700;font-variant-numeric:tabular-nums}.modal-back{position:fixed;top:0;right:0;bottom:0;left:0;background:#1f242b80;z-index:90;display:grid;place-items:center;padding:16px;overflow-y:auto}.modal{background:var(--color-surface);width:100%;max-width:760px;max-height:92vh;overflow-y:auto;padding:28px}.modal h3{font-size:var(--text-xl);margin-bottom:18px}.field-row{display:grid;gap:16px;grid-template-columns:1fr}@media (min-width: 640px){.field-row.two{grid-template-columns:1fr 1fr}}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%);z-index:120;background:var(--color-fg);color:#fff;padding:12px 20px;border-radius:var(--radius-md);font-size:var(--text-sm);box-shadow:var(--elev-soft)}.toast.ok{background:var(--color-success)}.toast.err{background:var(--color-danger)}.login-hint{font-size:var(--text-xs);color:var(--color-meta);margin-top:16px;text-align:center}.admin-error{color:var(--color-danger);font-size:var(--text-sm);background:#dc262614;padding:10px 14px;border-left:3px solid var(--color-danger)}.skeleton{background:linear-gradient(90deg,var(--color-surface-silver) 25%,#E9ECEF 50%,var(--color-surface-silver) 75%);background-size:200% 100%;animation:shimmer 1.2s infinite;border-radius:var(--radius-md)}@keyframes shimmer{to{background-position:-200% 0}}.muted{color:var(--color-meta)}.hidden-desktop{display:block}@media (min-width: 900px){.hidden-desktop{display:none}}@media (max-width: 899px){.hidden-mobile{display:none}}.grid-2{display:grid;gap:20px}@media (min-width: 768px){.grid-2{grid-template-columns:1fr 1fr}}.space-y{display:grid;gap:24px}.space-y-sm{display:grid;gap:14px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}