.ov-hero{display:flex;justify-content:space-between;align-items:center;padding:35px 40px;border-radius:25px;margin-bottom:25px;background:linear-gradient(115deg,#ede6ff,#f4edfc 50%,#dff7f3);border:1px solid #e4dcf4;overflow:hidden}.ov-kicker{font-size:11px;letter-spacing:.14em;color:#7956c7;font-weight:700}.ov-hero h1{font-size:39px;line-height:1.15;color:#302947;margin:18px 0}.ov-hero h1 span{color:#8056cb}.ov-hero p{max-width:440px;line-height:1.7;color:#827494;font-size:13px}.ov-hero img{width:30%;max-height:230px;object-fit:contain}.ov-hero .actions{margin-top:20px}.ov-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin:25px 0}.ov-metric{--accent:#8153d6;border:1px solid #e3ddf0;border-radius:19px;padding:23px;background:linear-gradient(135deg,white,#f2ecfc);text-align:left;position:relative;cursor:pointer;color:#615777;transition:transform .2s,box-shadow .2s}.ov-metric.tone-1{--accent:#348fca;background:linear-gradient(135deg,white,#e8f5ff)}.ov-metric.tone-2{--accent:#0a9c88;background:linear-gradient(135deg,white,#e3f8ed)}.ov-metric.tone-3{--accent:#d55982;background:linear-gradient(135deg,white,#ffedf1)}.ov-metric:hover{transform:translateY(-4px);box-shadow:0 12px 30px #6a488e18}.ov-metric-icon{position:absolute;right:19px;top:20px;color:var(--accent)}.ov-metric small{font-size:12px;display:block;padding-right:25px}.ov-metric strong{font-size:35px;display:block;color:var(--accent);margin:14px 0}.ov-open{display:flex;align-items:center;gap:7px;font-size:10px}.ov-open svg{width:14px;height:14px}.ov-value{display:flex;align-items:center;gap:22px;flex-wrap:wrap;border-radius:18px;padding:25px 30px;color:white;background:linear-gradient(110deg,#7051c8,#677bcf);margin-bottom:24px}.ov-value>span{display:flex;align-items:center;gap:10px;font-size:13px}.ov-value>strong{font-size:28px}.ov-value>small{font-size:11px;opacity:.85;max-width:360px;margin-left:auto;line-height:1.7}.ov-chart-grid{display:grid;grid-template-columns:1.7fr 1fr;gap:22px;margin-bottom:24px}.ov-panel{border-radius:20px;overflow:hidden;margin-bottom:24px;border-color:#e4dfee;animation:ov-enter .3s ease}.ov-panel>header{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:24px;background:linear-gradient(100deg,#faf7ff,white)}.ov-panel header small{font-size:10px;letter-spacing:.1em;color:#9683b3}.ov-panel h2{font-size:18px;margin:7px 0;color:#4a3b62}.ov-panel header>svg{color:#8c68cf}.ov-chart{height:210px;display:flex;align-items:end;gap:16px;padding:18px 28px 0}.ov-chart>div{flex:1;text-align:center;color:#7c699b;font-size:12px}.ov-bar-track{height:130px;display:flex;align-items:end;justify-content:center;border-bottom:1px solid #e3dcec;margin:10px 0}.ov-bar-track i{width:60%;max-width:48px;min-height:4px;border-radius:8px 8px 0 0;background:linear-gradient(0deg,hsl(var(--h) 65% 60%),hsl(var(--h) 70% 82%))}.ov-chart small{font-size:10px}.ov-note{font-size:11px;color:#968ba4;padding:10px 28px}.ov-ring{width:160px;height:160px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(#17ac9c var(--progress),#eee9f6 0);margin:10px auto 20px}.ov-ring>div{width:130px;height:130px;display:flex;flex-direction:column;justify-content:center;align-items:center;background:white;border-radius:50%}.ov-ring strong{font-size:34px;color:#60477e}.ov-ring small{font-size:12px;color:#9988a8}.ov-delivery-labels{display:flex;justify-content:center;gap:25px;font-size:11px;color:#7e728f;margin:15px}.ov-delivery-labels b{font-size:17px;color:#76608f;margin-right:6px}.ov-table{min-width:630px;width:100%;border-collapse:collapse}.ov-table th{background:#f2edf9;color:#89759e;font-size:11px;text-align:left;padding:16px 22px}.ov-table td{border-bottom:1px solid #eae5f2;padding:16px 22px;font-size:13px;color:#574567}.ov-table tr:nth-child(even){background:#fcfaff}.ov-table tr:hover{background:#f1f5ff}.ov-mini-bar{height:8px;border-radius:5px;overflow:hidden;background:#ece7f4;max-width:220px}.ov-mini-bar i{display:block;height:100%;background:hsl(var(--h) 60% 65%);border-radius:5px}.ov-detail{display:flex;align-items:center;gap:6px;background:#eee7fb;color:#7e57bd;border:0;border-radius:8px;padding:8px 11px;cursor:pointer;font-size:11px}.ov-detail svg{width:15px;height:15px}.ov-catalog-banner{display:flex;align-items:center;gap:22px;background:linear-gradient(110deg,#e8e0fa,#e0f8f3);padding:28px;border:1px solid #e3dcf2;border-radius:22px;margin:20px 0}.ov-catalog-banner>svg{width:42px;height:42px;color:#8057cc}.ov-catalog-banner h2{font-size:20px;color:#54406f;margin:0 0 8px}.ov-catalog-banner p{font-size:12px;color:#81708f}.ov-code{font-family:monospace;background:#f1e9fc;padding:6px 9px;border-radius:7px;color:#845bb5}.ov-description{display:block;max-width:330px;white-space:pre-wrap;overflow-wrap:anywhere;color:#998aa4;margin-top:6px;font-size:11px}.ov-form-intro{background:linear-gradient(115deg,#f0e7ff,#e7f7f4);border-radius:16px;padding:23px;margin-bottom:25px}.ov-form-intro h2{font-size:20px;color:#6e4e91}.ov-form-intro p{font-size:12px;line-height:1.7;color:#8d7a9b}.ov-product-form>.btn{margin-top:22px}@keyframes ov-enter{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}@media(max-width:800px){.ov-metrics{grid-template-columns:repeat(2,1fr)}.ov-chart-grid{grid-template-columns:1fr}.ov-hero{padding:25px}.ov-hero h1{font-size:30px}.ov-hero img{width:26%}.ov-value>small{margin:0}.ov-panel>header{flex-wrap:wrap}.ov-chart{gap:7px;padding:12px}.ov-metric{padding:18px}}@media(prefers-reduced-motion:reduce){.ov-panel{animation:none}.ov-metric{transition:none}.ov-metric:hover{transform:none}}