:root{--color-primary: #6366f1;--color-primary-light: #818cf8;--color-bg: #f8f9fc;--color-surface: #ffffff;--color-sidebar: #1e1b4b;--color-sidebar-text: #c7d2fe;--color-sidebar-active: #6366f1;--color-text: #1f2937;--color-text-muted: #6b7280;--color-border: #e5e7eb;--radius: 12px;--radius-sm: 8px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 12px rgba(0, 0, 0, .08);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .12);--sidebar-width: 240px;--sidebar-width-collapsed: 64px;--transition-fast: .15s ease;--transition: .25s ease}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--color-bg);color:var(--color-text);line-height:1.5;-webkit-font-smoothing:antialiased}.layout{display:flex;min-height:100vh}.main{flex:1;min-width:0;display:flex;flex-direction:column}.main__content{padding:24px 32px 48px;flex:1}.sidebar{width:var(--sidebar-width);background:var(--color-sidebar);color:var(--color-sidebar-text);display:flex;flex-direction:column;transition:width var(--transition);overflow:hidden;flex-shrink:0}.sidebar--collapsed{width:var(--sidebar-width-collapsed)}.sidebar__brand{display:flex;align-items:center;justify-content:space-between;padding:20px 16px;min-height:64px}.sidebar__logo{font-size:1.3rem;font-weight:700;color:#fff;letter-spacing:-.02em;white-space:nowrap}.sidebar__toggle{background:none;border:none;color:var(--color-sidebar-text);cursor:pointer;padding:6px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;transition:background var(--transition-fast),color var(--transition-fast);flex-shrink:0}.sidebar__toggle:hover{background:#ffffff1a;color:#fff}.sidebar__nav{display:flex;flex-direction:column;gap:4px;padding:8px 12px;flex:1}.sidebar__link{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:var(--radius-sm);border:none;background:none;color:var(--color-sidebar-text);font-size:.9rem;cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast),transform var(--transition-fast);white-space:nowrap;text-align:left;width:100%}.sidebar__link:hover{background:#ffffff14;color:#fff;transform:translate(2px)}.sidebar__link--active{background:var(--color-sidebar-active);color:#fff}.sidebar__link--active:hover{background:var(--color-primary-light);transform:none}.sidebar__icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:20px}.sidebar__label{overflow:hidden}.sidebar__footer{padding:16px}.sidebar__status{display:flex;align-items:center;gap:8px;font-size:.8rem;color:#ffffff80;white-space:nowrap}.sidebar__status-dot{width:8px;height:8px;border-radius:50%;background:#34d399;flex-shrink:0;animation:pulse-dot 2s ease-in-out infinite}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.4}}.header{display:flex;align-items:center;justify-content:space-between;padding:16px 32px;background:var(--color-surface);border-bottom:1px solid var(--color-border);min-height:64px}.header__title{font-size:1.4rem;font-weight:600;color:var(--color-text)}.header__refresh{display:flex;align-items:center;gap:6px;padding:8px 16px;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text-muted);font-size:.85rem;cursor:pointer;transition:all var(--transition-fast)}.header__refresh:hover{border-color:var(--color-primary);color:var(--color-primary);box-shadow:var(--shadow-sm)}.header__refresh:active{transform:scale(.97)}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:24px}.stat-card{background:var(--color-surface);border-radius:var(--radius);padding:20px;position:relative;overflow:hidden;cursor:pointer;border:2px solid transparent;box-shadow:var(--shadow-sm);transition:transform var(--transition-fast),box-shadow var(--transition-fast),border-color var(--transition-fast);-webkit-user-select:none;user-select:none}.stat-card:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.stat-card--hovered{transform:translateY(-2px);box-shadow:var(--shadow-md)}.stat-card--active{border-color:var(--card-accent);box-shadow:var(--shadow-md)}.stat-card__accent{position:absolute;top:0;left:0;width:4px;height:100%;background:var(--card-accent);border-radius:4px 0 0 4px;transition:width var(--transition-fast)}.stat-card--active .stat-card__accent{width:6px}.stat-card__content{display:flex;flex-direction:column;gap:4px;padding-left:8px}.stat-card__label{font-size:.82rem;font-weight:500;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.04em}.stat-card__value{font-size:1.8rem;font-weight:700;color:var(--color-text);line-height:1.2}.stat-card__detail{font-size:.8rem;color:var(--color-text-muted)}.chart-card{background:var(--color-surface);border-radius:var(--radius);box-shadow:var(--shadow-sm);margin-bottom:24px;overflow:hidden;transition:box-shadow var(--transition-fast)}.chart-card:hover{box-shadow:var(--shadow-md)}.chart-card__header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--color-border)}.chart-card__title{font-size:1rem;font-weight:600}.chart-card__body{padding:20px}.chart-type-toggle{display:flex;background:var(--color-bg);border-radius:8px;padding:3px;gap:2px}.chart-type-toggle__btn{padding:5px 14px;border:none;border-radius:6px;background:transparent;color:var(--color-text-muted);font-size:.8rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.chart-type-toggle__btn:hover{color:var(--color-text)}.chart-type-toggle__btn--active{background:var(--color-surface);color:var(--color-primary);box-shadow:var(--shadow-sm)}.chart-tooltip{background:var(--color-text);color:#fff;padding:10px 14px;border-radius:var(--radius-sm);font-size:.82rem;box-shadow:var(--shadow-lg)}.chart-tooltip__date{font-weight:600;margin-bottom:6px;opacity:.8}.chart-tooltip__row{display:flex;align-items:center;gap:8px;padding:2px 0}.chart-tooltip__dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.chart-tooltip__label{flex:1;opacity:.8}.chart-tooltip__value{font-weight:600}.charts-row{display:grid;grid-template-columns:1fr 1fr;gap:24px}.charts-row--single{grid-template-columns:1fr}.charts-row .chart-card{margin-bottom:0}.pages-table{padding:0 4px 8px}.pages-table__header-row{display:grid;grid-template-columns:2fr 80px 1fr;gap:12px;padding:10px 16px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted)}.pages-table__row{display:grid;grid-template-columns:2fr 80px 1fr;gap:12px;align-items:center;padding:10px 16px;border-radius:var(--radius-sm);cursor:pointer;transition:background var(--transition-fast)}.pages-table__row:hover,.pages-table__row--expanded{background:var(--color-bg)}.pages-table__col--page{display:flex;flex-direction:column;min-width:0}.pages-table__title{font-weight:500;font-size:.9rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pages-table__path{font-size:.75rem;color:var(--color-text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pages-table__col--views{font-weight:600;font-size:.9rem;text-align:right}.pages-table__bar{height:6px;background:var(--color-bg);border-radius:3px;overflow:hidden}.pages-table__bar-fill{display:block;height:100%;background:var(--color-primary);border-radius:3px;transition:width .5s ease}.pages-table__detail{overflow:hidden;max-height:0;transition:max-height var(--transition)}.pages-table__detail--open{max-height:60px}.pages-table__detail-inner{display:flex;gap:24px;padding:4px 16px 12px;font-size:.82rem;color:var(--color-text-muted)}.loading-state{display:flex;align-items:center;justify-content:center;height:300px;color:var(--color-text-muted);font-size:1.1rem}@media (max-width: 1024px){.charts-row{grid-template-columns:1fr}.main__content{padding:16px 20px 32px}.header{padding:16px 20px}}@media (max-width: 768px){.sidebar{width:var(--sidebar-width-collapsed)}.sidebar__label,.sidebar__logo,.sidebar__status{display:none}.stat-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.stat-grid{grid-template-columns:1fr}}