@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{--bg: #f6f7f5;--surface: #ffffff;--ink: #0b1f17;--ink-2: #31463d;--muted: #6b7c74;--faint: #94a49c;--line: #e6ebe7;--line-strong: #d5ddd7;--brand: #16a34a;--brand-deep: #0f5132;--brand-soft: #eaf7ef;--ok: #16a34a;--warn: #f59e0b;--bad: #dc2626;--inwork: #0ea5e9;--c1: #0f5132;--c2: #16a34a;--c3: #4ade80;--c4: #86efac;--c5: #f59e0b;--c6: #94a3b8;--c7: #cbd5e1;--radius: 14px;--radius-sm: 10px;--pad: 20px;--font-ui: "Inter", system-ui, sans-serif}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg);color:var(--ink);font-family:var(--font-ui);-webkit-font-smoothing:antialiased;font-feature-settings:"cv11","ss01","tnum";min-height:100vh}.shell{max-width:1440px;margin:0 auto;padding:28px 32px 72px}.banner{background:linear-gradient(92deg,#14a045,#16a34a 55%,#17b655);border-radius:18px;padding:22px 28px;color:#fff;display:flex;align-items:center;gap:20px;box-shadow:0 10px 30px -18px #0f51328c;position:relative;overflow:hidden;animation:fadeUp .4s ease both}.banner:after{content:"";position:absolute;right:-40px;top:-80px;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.18),transparent 60%);pointer-events:none}.banner-logo{width:56px;height:56px;border-radius:12px;background:#ffffff2e;display:grid;place-items:center;flex-shrink:0;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.banner-title{font-size:22px;font-weight:700;letter-spacing:-.01em;line-height:1.1}.banner-sub{font-size:14px;opacity:.9;margin-top:4px;font-weight:400}.banner-spacer{flex:1}.lang-group{display:inline-flex;background:#ffffff2e;border:1px solid rgba(255,255,255,.22);border-radius:10px;padding:3px}.lang-btn{background:transparent;border:0;color:#fff;padding:6px 12px;font-family:inherit;font-weight:600;font-size:12px;letter-spacing:.06em;border-radius:7px;cursor:pointer;opacity:.75;transition:opacity .15s}.lang-btn:hover{opacity:1}.lang-btn.active{background:#fff;color:var(--brand-deep);opacity:1}.toolbar{display:flex;align-items:center;gap:10px;margin-top:22px;flex-wrap:wrap}.filter-chip{background:var(--brand-soft);border:1px solid #cfe9d6;color:var(--brand-deep);padding:7px 10px 7px 12px;border-radius:10px;font-size:12.5px;font-weight:500;display:inline-flex;align-items:center;gap:8px}.filter-chip button{background:transparent;border:0;color:var(--brand-deep);cursor:pointer;font-size:14px;line-height:1;padding:0;opacity:.6}.filter-chip button:hover{opacity:1}.section-head{display:flex;align-items:baseline;gap:14px;margin:28px 0 14px}.section-title{font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.12em;color:var(--muted);white-space:nowrap}.section-rule{flex:1;height:1px;background:var(--line)}.section-meta{font-size:12.5px;color:var(--faint);font-family:var(--font-ui)}.section-head-centered{flex-wrap:wrap;justify-content:center;row-gap:3px}.section-head-centered .section-title{width:100%;text-align:center;font-size:20px;font-weight:700;letter-spacing:.08em;color:#3d4a47}.section-head-centered .section-rule{display:none}.section-head-centered .section-meta{width:100%;margin-top:0;text-align:center;font-size:13px;color:var(--muted)}.grid{display:grid;gap:16px}.g-today{grid-template-columns:repeat(3,1fr)}.g-month-top{grid-template-columns:repeat(2,1fr)}.g-month-charts{grid-template-columns:repeat(2,minmax(0,1fr))}.g-mod{grid-template-columns:1.6fr 1fr}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:var(--pad);transition:border-color .15s;animation:fadeUp .4s ease both;min-width:0;overflow:hidden}.card.kpi{position:relative;text-align:center}.card:nth-child(2){animation-delay:.04s}.card:nth-child(3){animation-delay:.08s}.card:nth-child(4){animation-delay:.12s}.card-label{display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--muted);font-weight:500;text-transform:uppercase;letter-spacing:.06em}.card.kpi .card-label{justify-content:center}.card.kpi .card-label .dot{display:none}.dot{width:8px;height:8px;border-radius:50%;background:var(--brand);flex-shrink:0}.card-value{font-size:44px;font-weight:700;letter-spacing:-.02em;line-height:1;margin-top:14px;color:var(--ink);font-variant-numeric:tabular-nums}.card.kpi .card-value,.month-summary-card .card-value{text-align:center;color:#3d4a47}.card-value .unit{font-size:18px;color:var(--muted);font-weight:500;margin-left:4px}.month-summary-card{display:grid;grid-template-columns:minmax(0,1fr) 1px minmax(0,1fr);gap:0}.month-summary-pane{min-width:0;padding:0 20px;text-align:center}.month-summary-pane .card-label{justify-content:center}.month-summary-pane .card-label .dot{display:none}.month-summary-divider{align-self:stretch;background:var(--line)}.month-summary-sla{display:flex;flex-direction:column;align-items:center}.last-week-card{margin-top:16px}.last-week-title{margin-bottom:14px;font-size:13px;color:var(--muted);font-family:var(--font-ui);text-align:center;text-transform:uppercase}.last-week-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px}.last-week-day{min-width:0;background:var(--bg);border-radius:var(--radius-sm);padding:14px 12px}.last-week-day-name{overflow:hidden;color:var(--ink);font-size:14px;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.last-week-date{margin-top:2px;overflow:hidden;color:var(--muted);font-size:12px;text-overflow:ellipsis;white-space:nowrap}.last-week-count{margin-top:10px;color:var(--muted);font-size:32px;font-weight:400;font-variant-numeric:tabular-nums;line-height:1}.last-week-count.is-max{color:var(--warn);font-weight:700}.today-combined-card{padding:0;margin-top:16px}.today-kpi-row{display:grid;grid-template-columns:1fr 1px 1fr 1px 1fr;padding:24px 0}.today-kpi{text-align:center;padding:0 24px}.today-kpi .card-label{justify-content:center}.today-kpi .card-value{color:#3d4a47}.today-kpi-divider{background:var(--line)}.today-chart-area{margin:0 16px 16px;border:1px solid var(--line);border-radius:var(--radius-sm);padding:12px 8px 6px}.hourly-card{margin-top:16px}.hourly-axis-title{margin-top:-4px;color:var(--muted);font-size:11px;font-weight:600;letter-spacing:.2em;text-align:center;text-transform:uppercase}.spark-chart{margin-top:12px}.spark-labels{display:flex;justify-content:space-between;margin-top:-2px;font-size:11px;color:var(--faint);font-weight:600;text-transform:lowercase;font-variant-numeric:tabular-nums}.card-foot{margin-top:14px;display:flex;align-items:center;gap:10px;font-size:12.5px;color:var(--muted)}.card-title{font-size:15px;font-weight:600;color:var(--ink);letter-spacing:-.005em}.card-sub{font-size:12.5px;color:var(--muted);margin-top:2px}.card-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:8px}.product-group-card{display:flex;align-items:center}.donut-wrap{display:grid;grid-template-columns:minmax(0,320px) minmax(0,1fr);gap:20px;align-items:center;width:100%;margin-top:0}.donut-center-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;pointer-events:none;text-align:center}.donut-center-overlay .dcv{font-size:22px;font-weight:700;letter-spacing:-.02em;color:var(--ink)}.donut-center-overlay .dck{font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;margin-top:2px}.legend{display:flex;flex-direction:column;justify-content:center;gap:4px}.legend-row{display:grid;grid-template-columns:12px minmax(0,1fr);gap:10px;align-items:center;padding:6px 8px;border-radius:8px;cursor:pointer;transition:background .15s,opacity .15s;font-size:13px}.legend-row:hover{background:#f4f7f5}.legend-row.dim{opacity:.35}.legend-row.active{background:var(--brand-soft)}.legend-swatch{width:12px;height:12px;border-radius:4px}.legend-name{color:var(--ink);font-weight:500}.theme-bars{display:flex;flex-direction:column;margin-top:4px}.theme-bar-row{padding:10px 0;border-bottom:1px dashed var(--line)}.theme-bar-row:last-child{border-bottom:none}.theme-bar-header{display:flex;align-items:center;gap:8px;margin-bottom:7px}.theme-bar-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.theme-bar-label{flex:1;font-size:13px;font-weight:500;color:var(--ink)}.theme-bar-count{font-size:15px;font-weight:700;color:var(--ink);font-variant-numeric:tabular-nums;min-width:36px;text-align:right}.theme-bar-track{height:6px;background:var(--line);border-radius:3px;overflow:hidden}.theme-bar-fill{height:100%;border-radius:3px;transition:width .4s cubic-bezier(.4,0,.2,1)}.rating-row{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:stretch}.rate-card{display:grid;grid-template-columns:auto 1fr;gap:20px;align-items:center;padding:24px 28px}.rate-stars{display:flex;gap:4px;margin-top:14px}.rate-star{background:transparent;border:0;padding:2px;cursor:pointer}.rate-text{width:100%;border:1px solid var(--line);border-radius:10px;padding:8px 10px;font-family:inherit;font-size:12px;color:var(--ink);resize:none;outline:none;transition:border-color .15s;background:var(--surface)}.rate-text:focus{border-color:var(--brand)}.rate-submit{margin-top:8px;width:100%;background:var(--brand);color:#fff;border:0;border-radius:10px;padding:8px 14px;font-family:inherit;font-weight:600;font-size:13px;cursor:pointer;transition:background .15s,opacity .15s}.rate-submit:hover:not(:disabled){background:var(--brand-deep)}.rate-submit:disabled{opacity:.4;cursor:not-allowed}.rate-thanks{background:linear-gradient(92deg,#f0fbf4,#e7f7ed);border-color:#cfe9d6;grid-template-columns:auto 1fr auto;gap:20px}.rate-check{width:60px;height:60px;border-radius:50%;background:var(--brand);display:grid;place-items:center;flex-shrink:0}.help-center-card{display:flex;gap:20px;align-items:stretch;padding:24px 28px;margin-top:0}.help-center-left{display:flex;align-items:flex-start;gap:16px;align-self:flex-start;flex-shrink:0}.help-center-icon{width:48px;height:48px;border-radius:50%;background:color-mix(in srgb,var(--brand) 12%,transparent);display:grid;place-items:center;flex-shrink:0}.help-center-title{font-size:18px;font-weight:600;color:var(--ink)}.help-center-sub{font-size:13px;color:var(--muted);margin-top:3px;max-width:220px}.help-center-btn{flex:1;display:flex;align-items:center;justify-content:center;text-align:center;border:1.5px solid var(--brand);border-radius:10px;padding:8px 14px;font-size:15px;font-weight:600;color:var(--brand);text-decoration:none;transition:background .15s,color .15s}.help-center-btn:hover{background:var(--brand);color:#fff}.footer{margin-top:40px;padding-top:20px;border-top:1px solid var(--line);display:flex;justify-content:space-between;font-size:12px;color:var(--faint);font-family:var(--font-ui)}@keyframes fadeUp{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@media (max-width: 960px){.shell{padding:16px 14px 60px}.g-today,.today-kpi-row{grid-template-columns:1fr}.today-kpi-divider{width:100%;height:1px}.g-month-top,.g-month-charts,.g-mod,.month-summary-card{grid-template-columns:1fr}.month-summary-pane{padding:0}.month-summary-divider{width:100%;height:1px;margin:18px 0}.donut-wrap{grid-template-columns:1fr;gap:8px}.rating-row,.rate-card{grid-template-columns:1fr}.rate-thanks{grid-template-columns:auto 1fr}}