.app{display:flex;min-height:100vh}.sidebar{width:260px;background:linear-gradient(180deg,#764ba2,#667eea);color:#fff;padding:24px;box-shadow:2px 0 10px #0000001a;position:fixed;height:100vh;overflow-y:auto}.sidebar-logo{font-size:28px;font-weight:700;margin-bottom:40px;display:flex;align-items:center;gap:10px}.sidebar-logo-icon{font-size:32px}.sidebar-nav{list-style:none}.sidebar-nav li{margin-bottom:8px}.sidebar-nav a{color:#fff;text-decoration:none;display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:8px;transition:all .3s ease;font-size:16px}.sidebar-nav a:hover{background:#ffffff1a}.sidebar-nav a.active{background:#fff3;font-weight:600}.sidebar-icon{font-size:20px}.main-content{flex:1;margin-left:260px;padding:32px}.page-header{margin-bottom:32px}.page-title{font-size:32px;font-weight:700;color:#764ba2;margin-bottom:8px}.page-subtitle{color:#6c757d;font-size:16px}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:24px;margin-bottom:32px}.kpi-card{background:#fff;padding:24px;border-radius:12px;box-shadow:0 2px 8px #0000001a;transition:transform .3s ease}.kpi-card:hover{transform:translateY(-4px);box-shadow:0 4px 12px #00000026}.kpi-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.kpi-title{color:#6c757d;font-size:14px;font-weight:500;text-transform:uppercase}.kpi-icon{width:40px;height:40px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:20px}.kpi-icon.primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.kpi-icon.success{background:#28a745;color:#fff}.kpi-icon.warning{background:#ffc107;color:#fff}.kpi-icon.danger{background:#dc3545;color:#fff}.kpi-value{font-size:36px;font-weight:700;color:#764ba2;margin-bottom:4px}.kpi-change{font-size:14px;font-weight:500}.kpi-change.positive{color:#28a745}.kpi-change.negative{color:#dc3545}.chart-container{background:#fff;padding:24px;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-bottom:24px}.chart-title{font-size:20px;font-weight:600;color:#764ba2;margin-bottom:20px}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px}.project-card{background:#fff;padding:24px;border-radius:12px;box-shadow:0 2px 8px #0000001a;transition:transform .3s ease}.project-card:hover{transform:translateY(-4px);box-shadow:0 4px 12px #00000026}.project-header{display:flex;justify-content:space-between;align-items:start;margin-bottom:16px}.project-title{font-size:20px;font-weight:600;color:#764ba2}.status-badge{padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600}.status-badge.in-progress{background:#d1ecf1;color:#0c5460}.status-badge.completed{background:#d4edda;color:#155724}.status-badge.planning{background:#fff3cd;color:#856404}.project-progress{margin:16px 0}.progress-label{display:flex;justify-content:space-between;margin-bottom:8px;font-size:14px;color:#6c757d}.progress-bar-bg{background:#e9ecef;height:8px;border-radius:4px;overflow:hidden}.progress-bar-fill{height:100%;background:linear-gradient(90deg,#667eea,#764ba2);border-radius:4px;transition:width .3s ease}.project-meta{display:flex;justify-content:space-between;align-items:center;margin-top:16px;padding-top:16px;border-top:1px solid #e9ecef;font-size:14px;color:#6c757d}.team-avatars{display:flex;gap:4px}.avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;border:2px solid white}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f5f7fa;min-height:100vh}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#888;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#555}