.header{background:#fff;border-bottom:1px solid #e2e8f0;justify-content:space-between;padding:16px 32px}.header,.header-left{align-items:center;display:flex}.header-title{align-items:baseline;display:flex;gap:12px}.header-title h1{color:#1a202c;font-size:24px;font-weight:700;margin:0}.header-subtitle{color:#64748b;font-size:14px}.header-right,.header-user{align-items:center;display:flex}.header-user{gap:12px}.user-name{color:#1a202c;font-size:14px}.user-avatar{align-items:center;background:#3b82f6;border-radius:50%;color:#fff;display:flex;font-size:14px;font-weight:600;height:36px;justify-content:center;width:36px}@media (max-width:768px){.header{padding:12px 16px}.header-title h1{font-size:20px}.header-subtitle{display:none}}.sidebar{background:#fff;border-right:1px solid #e2e8f0;height:100vh;justify-content:space-between;padding:24px 0;position:sticky;top:0;width:100%}.sidebar,.sidebar-menu{display:flex;flex-direction:column}.sidebar-menu{gap:8px;padding:0 16px}.sidebar-item{align-items:center;border:0;border-radius:8px;color:inherit;cursor:pointer;display:flex;font-size:14px;font-weight:500;font:inherit;gap:12px;padding:12px 16px;text-align:left;text-decoration:none;transition:all .2s ease;width:100%}.sidebar-item:focus-visible{outline:2px solid currentColor;outline-offset:-2px}.sidebar-item:hover{background:#f1f5f9;color:#1a202c}.sidebar-item.active{background:#eff6ff;color:#3b82f6}.sidebar-icon{font-size:20px}.sidebar-footer{padding:0 16px}.sidebar-version{color:#94a3b8;font-size:12px;text-align:center}@media (max-width:768px){.sidebar{height:auto;padding:8px 0;position:relative}.sidebar-menu{flex-direction:row;gap:4px;overflow-x:auto;padding:0 8px}.sidebar-item{padding:8px 12px;white-space:nowrap}.sidebar-footer{display:none}}.metric-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;padding:20px;transition:transform .2s ease,box-shadow .2s ease}.metric-card:hover{box-shadow:0 4px 16px #0000001f;transform:translateY(-2px)}.metric-header{gap:12px;margin-bottom:12px}.metric-header,.metric-icon{align-items:center;display:flex}.metric-icon{background:#f0f4f8;border-radius:8px;font-size:24px;height:40px;justify-content:center;width:40px}.metric-title{color:#64748b;font-size:14px;font-weight:500}.metric-value{color:#1a202c;font-size:28px;font-weight:700;margin-bottom:8px}.metric-change{border-radius:6px;display:inline-block;font-size:13px;font-weight:500;padding:4px 8px}.metric-change-increase{background:#e6f7ed;color:#0a724a}.metric-change-decrease{background:#fde8e8;color:#b91c1c}.metric-change-neutral{background:#f1f5f9;color:#475569}@media (max-width:768px){.metric-card{padding:16px}.metric-value{font-size:24px}}.recent-projects{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;padding:24px}.projects-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.projects-header h3{color:#1a202c;font-size:18px;font-weight:600;margin:0}.projects-count{color:#64748b;font-size:14px}.projects-list{display:flex;flex-direction:column;gap:16px}.project-item{align-items:center;background:#f8fafc;border-radius:8px;display:flex;justify-content:space-between;padding:16px;transition:background .2s ease}.project-item:hover{background:#f1f5f9}.project-info{flex:1 1}.project-name{color:#1a202c;font-size:16px;font-weight:500;margin:0 0 4px}.project-description{color:#64748b;font-size:14px;margin:0}.project-meta{align-items:flex-end;display:flex;flex-direction:column;gap:8px}.project-status{border-radius:20px;font-size:12px;font-weight:500;padding:4px 12px;text-transform:uppercase}.status-active{background:#e6f7ed;color:#0a724a}.status-completed{background:#e0e7ff;color:#3730a3}.status-on-hold{background:#fef3c7;color:#92400e}.project-date{color:#94a3b8;font-size:12px}@media (max-width:768px){.project-item{align-items:flex-start;flex-direction:column;gap:12px}.project-meta{align-items:center;flex-direction:row;justify-content:space-between;width:100%}}.dashboard{padding:24px 32px}.dashboard-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.dashboard-header h2{color:#1a202c;font-size:24px;font-weight:600;margin:0}.dashboard-update{color:#94a3b8;font-size:14px;margin:0}.metrics-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:32px}.projects-section{grid-column:1/-1}@media (max-width:768px){.dashboard{padding:16px}.dashboard-header{align-items:flex-start;flex-direction:column;gap:8px}.metrics-grid{gap:12px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}}.activity-chart{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000f;padding:24px;width:100%}.activity-chart-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.activity-chart-header h3{color:#1f2937;font-size:20px;margin:0 0 6px}.activity-chart-header p{color:#6b7280;font-size:14px;margin:0}.activity-chart-content{min-height:320px;width:100%}@media (max-width:768px){.activity-chart{padding:16px}.activity-chart-header h3{font-size:18px}}.analytics{width:100%}.analytics-header{margin-bottom:24px}.analytics-header h2{color:#1f2937;font-size:28px;margin:0 0 6px}.analytics-header p{color:#6b7280;margin:0}.analytics-content{grid-gap:24px;display:grid;gap:24px}*{box-sizing:border-box;margin:0;padding:0}body{background:#f1f5f9;color:#1a202c;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}.app{display:flex;flex-direction:column;min-height:100vh}.app-body{display:flex;flex:1 1}.app-sidebar{flex-shrink:0;width:240px}.app-content{flex:1 1;min-height:100vh}@media (max-width:768px){.app-body{flex-direction:column}.app-sidebar{flex-shrink:1;width:100%}}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}
/*# sourceMappingURL=main.ed613d10.css.map*/