*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#0d1117;color:#e6edf3;line-height:1.6}.app-container{display:flex;min-height:100vh}.sidebar{width:280px;background:#161b22;border-right:1px solid #30363d;display:flex;flex-direction:column;position:fixed;height:100vh;overflow-y:auto}.sidebar-header{padding:20px;border-bottom:1px solid #30363d}.logo{display:flex;align-items:center;gap:12px}.logo-text{font-size:24px;font-weight:700;background:linear-gradient(135deg,#8b5cf6,#ec4899);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.sidebar-nav{flex:1;padding:20px 12px;overflow-y:auto}.nav-section{margin-bottom:32px}.nav-section-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#8b949e;padding:0 12px 8px;margin-bottom:4px}.nav-items{list-style:none}.nav-item{display:flex;align-items:center;gap:12px;padding:10px 12px;margin-bottom:4px;border-radius:8px;color:#e6edf3;text-decoration:none;font-size:14px;transition:all .2s;cursor:pointer}.nav-item:hover{background:#21262d;color:#f0883e}.nav-item.active{background:#1f2937;color:#f0883e;font-weight:500}.nav-icon{font-size:18px;width:20px;text-align:center}.sidebar-footer{padding:20px;border-top:1px solid #30363d;margin-top:auto}.user-profile{display:flex;align-items:center;gap:12px}.user-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#8b5cf6,#ec4899);display:flex;align-items:center;justify-content:center;font-weight:600;color:#fff;font-size:14px}.user-info{flex:1;min-width:0}.user-name{font-size:14px;font-weight:600;color:#e6edf3}.user-email{font-size:12px;color:#8b949e;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.main-content{flex:1;margin-left:280px;padding:40px;max-width:1400px}.content-card{background:#161b22;border:1px solid #30363d;border-radius:12px;padding:32px;margin-bottom:24px}.page-header{margin-bottom:40px}.page-title{font-size:32px;font-weight:700;color:#e6edf3;margin-bottom:8px}.page-subtitle{font-size:16px;color:#8b949e}.section-title{font-size:20px;font-weight:600;color:#e6edf3;margin-bottom:20px}@media (max-width: 768px){.sidebar{transform:translate(-100%);transition:transform .3s}.sidebar.open{transform:translate(0)}.main-content{margin-left:0;padding:20px}}