:root{--bg:#f6f0e5;--surface:#fffbf3b8;--surface-strong:#fffbf3;--border:#ebe2d2;--ink:#2e2a22;--ink-secondary:#6e6555;--ink-muted:#8a7f6e;--brand:#5a6e4e;--brand-glow:#5a6e4e59;--brand-tint:#e4e9dc;--accent:#b05a3c;--accent-tint:#b05a3c24;--radius:20px;--shadow:0 8px 32px #2e2a2214}*{box-sizing:border-box}body{min-height:100dvh;color:var(--ink);background:radial-gradient(ellipse 70% 50% at 10% 0%, #5a6e4e29, transparent 55%), radial-gradient(ellipse 55% 40% at 95% 10%, #c9d6bc66, transparent 50%), linear-gradient(168deg, var(--bg), #edf0e4);margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;overflow-x:hidden}.glow-orb{filter:blur(80px);pointer-events:none;z-index:0;border-radius:50%;position:fixed}.glow-orb--1{background:var(--brand-glow);width:380px;height:380px;top:-120px;right:-80px}.glow-orb--2{background:#c9d6bc59;width:320px;height:320px;bottom:-100px;left:-80px}.page{z-index:1;max-width:900px;padding:max(14px, env(safe-area-inset-top)) max(14px, env(safe-area-inset-right)) max(32px, env(safe-area-inset-bottom)) max(14px, env(safe-area-inset-left));margin:0 auto;position:relative}.header{border-radius:var(--radius);background:var(--surface);-webkit-backdrop-filter:blur(18px);box-shadow:var(--shadow);border:1px solid #ffffffa6;margin-bottom:18px;padding:20px 18px}.header h1{letter-spacing:-.01em;margin:0 0 6px;font-size:1.4rem;font-weight:800}.header p{color:var(--ink-secondary);margin:0;font-size:.86rem;line-height:1.4}.meta{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.meta-pill{background:var(--brand-tint);color:var(--brand);border-radius:999px;padding:6px 12px;font-size:.72rem;font-weight:700}.meta-pill--muted{color:var(--ink-muted);background:#8a7f6e26;font-weight:600}.section-title{align-items:center;gap:8px;margin:26px 0 12px;font-size:1.05rem;font-weight:800;display:flex}.section-title .icon{font-size:1.15rem}.section-sub{color:var(--ink-muted);margin:-6px 0 14px;font-size:.8rem}.kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.kpi-card{border-radius:var(--radius);background:var(--surface);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:var(--shadow);border:1px solid #ffffffb3;padding:14px 12px}.kpi-label{text-transform:uppercase;letter-spacing:.05em;color:var(--ink-muted);margin-bottom:4px;font-size:.66rem;font-weight:700}.kpi-value{font-size:1.4rem;font-weight:800;line-height:1.1}.kpi-sub{color:var(--ink-secondary);margin-top:3px;font-size:.74rem}.kpi-card.accent .kpi-value{color:var(--accent)}.charts-grid{grid-template-columns:1fr;gap:12px;margin-top:12px;display:grid}.chart-card{border-radius:var(--radius);background:var(--surface);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:var(--shadow);border:1px solid #ffffffb3;padding:16px 14px}.chart-card h3{text-transform:uppercase;letter-spacing:.05em;color:var(--ink-muted);margin:0 0 12px;font-size:.8rem;font-weight:700}.chart-card--wide{grid-column:1/-1}.donut-wrap{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.donut{width:110px;height:110px;box-shadow:0 0 26px var(--brand-glow);border-radius:50%;flex-shrink:0;position:relative}.donut-hole{background:var(--surface-strong);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:20px;box-shadow:inset 0 2px 8px #2e2a220f}.donut-value{font-size:1.25rem;font-weight:800;line-height:1}.donut-label{color:var(--ink-muted);text-transform:uppercase;font-size:.62rem}.legend{flex-direction:column;flex:1;gap:7px;min-width:140px;display:flex}.legend-row{grid-template-columns:9px 1fr auto auto;align-items:center;gap:8px;font-size:.8rem;display:grid}.legend-dot{border-radius:50%;width:9px;height:9px}.legend-label{color:var(--ink-secondary)}.legend-value{font-weight:700}.legend-pct{color:var(--ink-muted);text-align:right;min-width:2.4rem;font-size:.72rem}.bar-chart{flex-direction:column;gap:9px;display:flex}.bar-row{grid-template-columns:96px 1fr 34px;align-items:center;gap:10px;font-size:.8rem;display:grid}.bar-label{color:var(--ink-secondary);text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.bar-track{background:#e4e9dccc;border-radius:999px;height:10px;overflow:hidden}.bar-fill{background:linear-gradient(90deg, var(--brand), #7a9a6a);height:100%;box-shadow:0 0 10px var(--brand-glow);border-radius:999px}.bar-fill.accent{background:linear-gradient(90deg, var(--accent), #c9714f);box-shadow:0 0 10px var(--accent-tint)}.bar-val{text-align:right;font-weight:800}.spark{align-items:flex-end;gap:4px;height:74px;display:flex}.spark-col{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;height:100%;display:flex}.spark-bar{background:linear-gradient(180deg, #7a9a6a, var(--brand));border-radius:4px 4px 2px 2px;width:100%;min-height:3px}.spark-bar.accent{background:linear-gradient(180deg, #c9714f, var(--accent))}.spark-foot{color:var(--ink-muted);justify-content:space-between;margin-top:6px;font-size:.66rem;display:flex}.chip-grid{flex-wrap:wrap;gap:8px;display:flex}.stat-chip{color:var(--ink-secondary);background:#e4e9dc99;border-radius:999px;padding:8px 12px;font-size:.78rem;font-weight:700}.stat-chip b{color:var(--ink);font-weight:800}.note{background:var(--accent-tint);color:var(--ink-secondary);border-radius:12px;margin-top:10px;padding:10px 12px;font-size:.76rem;line-height:1.4}footer{text-align:center;color:var(--ink-muted);margin-top:28px;font-size:.72rem}@media (width>=640px){.kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.charts-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.gate{z-index:1;justify-content:center;align-items:center;min-height:100dvh;padding:24px;display:flex;position:relative}.gate-card{border-radius:var(--radius);background:var(--surface);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);width:100%;max-width:360px;box-shadow:var(--shadow);text-align:center;border:1px solid #ffffffa6;padding:24px 20px}.gate-card h1{margin:0 0 6px;font-size:1.2rem;font-weight:800}.gate-card p{color:var(--ink-secondary);margin:0 0 16px;font-size:.85rem}.gate-input{border:1px solid var(--border);background:var(--surface-strong);width:100%;color:var(--ink);border-radius:12px;padding:11px 13px;font-size:.9rem}.gate-input:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.gate-error{color:var(--accent);margin-top:8px;font-size:.78rem;font-weight:700}.gate-btn{background:var(--brand);color:#fffbf3;cursor:pointer;width:100%;box-shadow:0 6px 20px var(--brand-glow);border:none;border-radius:12px;margin-top:14px;padding:11px 14px;font-size:.9rem;font-weight:800}.gate-btn:hover{filter:brightness(1.06)}button.kpi-card{font:inherit;color:inherit;text-align:left;cursor:pointer;width:100%}.kpi-card--clickable{transition:border-color .18s,box-shadow .18s,transform .18s}.kpi-card--clickable:hover{border-color:var(--brand);box-shadow:0 10px 28px var(--brand-glow);transform:translateY(-1px)}.kpi-link{color:var(--brand);margin-top:6px;font-size:.74rem;font-weight:700}.kpi-mini{background:#e4e9dcd9;border-radius:999px;height:6px;margin-top:8px;overflow:hidden}.kpi-mini-fill{background:linear-gradient(90deg, var(--brand), #7a9a6a);height:100%;box-shadow:0 0 8px var(--brand-glow);border-radius:999px}.sheet-backdrop{z-index:50;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#2e2a226b;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.sheet{background:var(--surface-strong);border:1px solid #ffffffb3;border-radius:22px 22px 0 0;flex-direction:column;width:100%;max-width:560px;max-height:88dvh;display:flex;box-shadow:0 -10px 40px #2e2a222e}.sheet-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;padding:16px 16px 10px;display:flex}.sheet-head h3{margin:0;font-size:.95rem;font-weight:800}.sheet-close{cursor:pointer;width:30px;height:30px;color:var(--ink-secondary);background:#e4e9dcb3;border:none;border-radius:50%;font-size:.8rem}.sheet-body{padding:12px 14px max(16px, env(safe-area-inset-bottom));flex-direction:column;gap:8px;display:flex;overflow-y:auto}.user-card{border:1px solid var(--border);background:#e4e9dc59;border-radius:14px;padding:10px 12px}.user-name{font-size:.88rem;font-weight:800}.user-mail{color:var(--ink-muted);word-break:break-all;margin-top:1px;font-size:.74rem}.user-badges{flex-wrap:wrap;gap:5px;margin-top:7px;display:flex}.ubadge{background:var(--surface-strong);border:1px solid var(--border);color:var(--ink-secondary);border-radius:999px;padding:3px 8px;font-size:.68rem;font-weight:700}.ubadge--ok{background:var(--brand-tint);color:var(--brand);border-color:#0000}@media (width>=640px){.sheet-backdrop{align-items:center}.sheet{border-radius:22px;max-height:80dvh}}