:root{--bg:#262527;--surface:#323033;--surface-hover:#3a383b;--border:#ffffff14;--text:#fff;--text-muted:#fff9;--primary:#1448b8;--primary-hover:#3747dd;--radius:12px;--radius-sm:8px;background-color:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}body{min-height:100vh;margin:0}input{background:var(--bg);width:100%;color:var(--text);border:1px solid var(--border);border-radius:var(--radius-sm);box-sizing:border-box;padding:10px 12px;font-family:inherit;font-size:.95rem}input:focus{border-color:var(--primary);outline:none}.dashboard{flex-direction:column;gap:24px;max-width:1200px;margin:0 auto;padding:32px 24px;display:flex}.chart-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:24px;box-shadow:0 4px 24px #0000004d}.chart-card__header{margin-bottom:20px}.chart-card__title{margin:0 0 4px;font-size:1.1rem;font-weight:600}.chart-card__subtitle{color:var(--text-muted);margin:0;font-size:.85rem}.chart-card__body{width:100%;height:400px}.chart-card__body--page-views{height:auto;max-height:70vh}.chart-empty{height:400px;color:var(--text-muted);justify-content:center;align-items:center;font-size:.95rem;display:flex}.skeleton{background:var(--surface-hover);border-radius:var(--radius-sm);animation:1.5s ease-in-out infinite skeleton-shimmer;position:relative;overflow:hidden}.skeleton--chart{width:100%;height:400px}@keyframes skeleton-shimmer{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.recharts-cartesian-grid line{stroke:#ffffff14}.recharts-text{fill:var(--text-muted);font-size:.8rem}.recharts-default-tooltip{background:var(--surface)!important;border:1px solid var(--border)!important;border-radius:var(--radius-sm)!important;box-shadow:0 4px 16px #0006!important}.recharts-tooltip-label{font-weight:600;color:var(--text)!important}.recharts-tooltip-item{color:var(--text-muted)!important}.tooltip-wrapper{fill:none}.header{justify-content:space-between;align-items:center;gap:16px;display:flex}.header__title{margin:0;font-size:1.5rem;font-weight:700}.header__logout{background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;padding:8px 16px;font-family:inherit;font-size:.9rem;font-weight:600;transition:background .15s}.header__logout:hover:not(:disabled){background:var(--surface-hover)}.header__logout:disabled{opacity:.6;cursor:not-allowed}.login{justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.login__card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;gap:16px;width:100%;max-width:360px;padding:32px 24px;display:flex;box-shadow:0 4px 24px #0000004d}.login__title{text-align:center;margin:0 0 8px;font-size:1.5rem;font-weight:700}.login__field{flex-direction:column;gap:6px;display:flex}.login__label{color:var(--text-muted);font-size:.85rem}.login__input{background:var(--bg);width:100%;color:var(--text);border:1px solid var(--border);border-radius:var(--radius-sm);box-sizing:border-box;padding:10px 12px;font-family:inherit;font-size:.95rem}.login__input:focus{border-color:var(--primary);outline:none}.login__error{color:#ff6b6b;text-align:center;margin:0;font-size:.85rem}.login__submit{background:var(--primary);width:100%;color:var(--text);border-radius:var(--radius-sm);cursor:pointer;border:none;padding:10px 16px;font-family:inherit;font-size:.95rem;font-weight:600;transition:background .15s}.login__submit:hover:not(:disabled){background:var(--primary-hover)}.login__submit:disabled{opacity:.6;cursor:not-allowed}