@import url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css);@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap);:root{--primary-color:#4f46e5;--primary-hover:#4338ca;--secondary-color:#6b7280;--success-color:#10b981;--warning-color:#f59e0b;--error-color:#ef4444;--text-primary:#111827;--text-secondary:#6b7280;--text-tertiary:#9ca3af;--bg-primary:#fff;--bg-secondary:#f9fafb;--bg-tertiary:#f3f4f6;--border-color:#e5e7eb;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--radius-sm:0.375rem;--radius-md:0.5rem;--radius-lg:0.75rem;--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem}*{box-sizing:border-box;margin:0;padding:0}body{background-color:#f9fafb;background-color:var(--bg-secondary);color:#111827;color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px;line-height:1.6;min-height:100vh}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}#root,.dashboard{display:flex;flex-direction:column;min-height:100vh}.App{background-color:var(--bg-secondary);min-height:100vh}.header{background-color:var(--bg-primary);border-bottom:1px solid var(--border-color);padding:0 var(--spacing-lg);position:-webkit-sticky;position:sticky;top:0;z-index:100}.header-container{height:64px;justify-content:space-between;margin:0 auto;max-width:1400px}.header-container,.header-left{align-items:center;display:flex}.header-left{gap:var(--spacing-2xl)}.logo{align-items:center;color:var(--primary-color);display:flex;font-size:18px;font-weight:600;gap:var(--spacing-sm)}.logo i{font-size:20px}.nav{display:flex;gap:var(--spacing-lg)}.nav-link{border-radius:var(--radius-sm);color:var(--text-secondary);font-weight:500;padding:var(--spacing-sm) var(--spacing-md);text-decoration:none;transition:all .2s ease}.nav-link.active,.nav-link:hover{background-color:#4f46e51a;color:var(--primary-color)}.header-right{gap:var(--spacing-lg)}.header-right,.search-box{align-items:center;display:flex}.search-box{position:relative}.search-box i{color:var(--text-tertiary);font-size:14px;left:12px;position:absolute}.search-box input{border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:14px;padding:8px 12px 8px 36px;transition:border-color .2s ease;width:300px}.search-box input:focus{border-color:var(--primary-color);outline:none}.user-profile{align-items:center;border-radius:var(--radius-sm);cursor:pointer;display:flex;gap:var(--spacing-sm);padding:var(--spacing-sm);transition:background-color .2s ease}.user-profile:hover{background-color:var(--bg-tertiary)}.profile-avatar{border-radius:50%;height:32px;width:32px}.user-name{color:var(--text-primary);font-weight:500}.main-content{flex:1 1;padding:var(--spacing-xl) var(--spacing-lg)}.container{margin:0 auto;max-width:1400px}.page-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:var(--spacing-2xl)}.page-title h1{color:var(--text-primary);font-size:28px;font-weight:700;margin-bottom:var(--spacing-xs)}.page-title p{color:var(--text-secondary);font-size:16px}.page-actions{display:flex;gap:var(--spacing-md)}.login-prompt{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px;box-shadow:0 4px 6px -1px #0000001a;color:#fff;display:flex;justify-content:space-between;margin-bottom:20px;padding:12px 20px}.btn,.login-prompt{align-items:center;font-size:14px}.btn{border:none;border-radius:var(--radius-md);cursor:pointer;display:inline-flex;font-weight:500;gap:var(--spacing-sm);padding:10px 20px;text-decoration:none;transition:all .2s ease}.btn-primary{background-color:var(--primary-color);color:#fff}.btn-primary:hover{background-color:var(--primary-hover)}.btn-secondary{background-color:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-primary)}.btn-secondary:hover{background-color:var(--border-color)}.btn-icon{align-items:center;background-color:initial;border:none;border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;display:inline-flex;height:32px;justify-content:center;transition:all .2s ease;width:32px}.btn-icon:hover{background-color:var(--bg-tertiary);color:var(--text-primary)}.metrics-grid{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:var(--spacing-2xl)}.metric-card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--spacing-lg);transition:all .2s ease}.metric-card:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.metric-card{gap:var(--spacing-md)}.metric-card,.metric-icon{align-items:center;display:flex}.metric-icon{border-radius:var(--radius-md);flex-shrink:0;height:48px;justify-content:center;width:48px}.titles-icon{background-color:#6366f11a;color:#6366f1}.concept-icon{background-color:#10b9811a;color:var(--success-color)}.time-icon{background-color:#f59e0b1a;color:var(--warning-color)}.entries-icon{background-color:#ef44441a;color:var(--error-color)}.metric-content{flex:1 1}.metric-value{color:var(--text-primary);font-size:24px;font-weight:700;line-height:1.2}.metric-label{color:var(--text-secondary);font-size:14px;margin-bottom:var(--spacing-xs)}.metric-change{align-items:center;color:var(--success-color);display:flex;font-size:12px;gap:4px}.percentage.negative{color:var(--error-color)}.percentage.neutral{color:var(--text-secondary)}.dashboard-grid{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:2fr 1fr;grid-template-rows:auto auto}.activity-card{grid-row:span 2}.dashboard-card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden}.card-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:var(--spacing-lg)}.card-header h3{color:var(--text-primary);font-size:18px;font-weight:600}.card-actions{align-items:center;display:flex;gap:var(--spacing-sm)}.time-filter{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);font-size:12px;padding:4px 8px}.card-content{padding:var(--spacing-lg)}.activity-list{flex-direction:column}.activity-item,.activity-list{display:flex;gap:var(--spacing-md)}.activity-item{align-items:center;border-radius:var(--radius-md);padding:var(--spacing-md);transition:all .2s ease}.activity-item:hover{background-color:var(--bg-secondary)}.activity-icon{align-items:center;border-radius:var(--radius-sm);display:flex;flex-shrink:0;height:36px;justify-content:center;width:36px}.activity-icon.titles{background-color:#6366f11a;color:#6366f1}.activity-icon.learning{background-color:#10b9811a;color:var(--success-color)}.activity-icon.docs{background-color:#f59e0b1a;color:var(--warning-color)}.activity-icon.tools{background-color:#ef44441a;color:var(--error-color)}.activity-content{flex:1 1;min-width:0}.activity-title{color:var(--text-primary);font-size:14px;font-weight:500;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.activity-meta{align-items:center;color:var(--text-secondary);display:flex;font-size:12px;gap:var(--spacing-sm)}.activity-time{color:var(--text-tertiary)}.category-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.category-item{justify-content:space-between;padding:var(--spacing-sm) 0}.category-info,.category-item{align-items:center;display:flex}.category-info{gap:var(--spacing-sm)}.category-color{border-radius:50%;height:12px;width:12px}.category-color.titles{background-color:#6366f1}.category-color.learning{background-color:var(--success-color)}.category-color.docs{background-color:var(--warning-color)}.category-color.tools{background-color:var(--error-color)}.category-name{color:var(--text-primary);font-weight:500;text-transform:capitalize}.category-stats{align-items:center;display:flex;gap:var(--spacing-sm)}.category-count{color:var(--text-primary);font-weight:600}.category-change{border-radius:var(--radius-sm);font-size:12px;padding:2px 6px}.category-change.positive{background-color:#10b9811a;color:var(--success-color)}.category-change.negative{background-color:#ef44441a;color:var(--error-color)}.progress-item{margin-bottom:var(--spacing-md)}.progress-label{align-items:center;display:flex;font-size:14px;justify-content:space-between;margin-bottom:var(--spacing-xs)}.progress-label span:first-child{color:var(--text-primary);font-weight:500}.progress-percent{color:var(--text-secondary);font-size:12px}.progress-bar{background-color:var(--bg-tertiary);border-radius:var(--radius-sm);height:8px;overflow:hidden}.progress-fill{background:linear-gradient(90deg,var(--primary-color) 0,var(--primary-hover) 100%);height:100%;transition:width .3s ease}.action-buttons{flex-direction:column}.action-btn,.action-buttons{display:flex;gap:var(--spacing-sm)}.action-btn{align-items:center;background-color:var(--bg-secondary);border:none;border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;font-size:14px;padding:var(--spacing-md);transition:all .2s ease}.action-btn:hover{background-color:var(--bg-tertiary);transform:translateX(4px)}.action-btn i{color:var(--primary-color)}.loading-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#ffffffe6;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.loading-spinner{align-items:center;display:flex;flex-direction:column;gap:var(--spacing-md)}.loading-spinner i{color:var(--primary-color);font-size:24px}.loading-spinner span{color:var(--text-secondary);font-weight:500}@media (max-width:1200px){.dashboard-grid{grid-template-columns:1fr;grid-template-rows:auto}.activity-card{grid-row:auto}}@media (max-width:768px){.header-container{height:auto;padding:var(--spacing-md) 0}.header-container,.header-left{flex-direction:column;gap:var(--spacing-md)}.header-left{width:100%}.nav{justify-content:center}.search-box input{width:200px}.page-header{flex-direction:column;gap:var(--spacing-md)}.metrics-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.main-content{padding:var(--spacing-lg) var(--spacing-md)}}@media (max-width:480px){.search-box input{width:150px}.metrics-grid{grid-template-columns:1fr}.page-actions{flex-direction:column;width:100%}.btn{justify-content:center}}.hidden{display:none!important}
/*# sourceMappingURL=main.f0b29000.css.map*/