.elematic-welcome-page{max-width:1200px;margin:20px auto;background:#fff;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.1)}.elematic-welcome-header{display:flex;justify-content:space-between;align-items:center;padding:40px;background:linear-gradient(135deg,#5c49e3 0,#7c3aed 100%);color:#fff;border-radius:8px 8px 0 0}.elematic-card-primary .card-icon,.version-badge{background:rgba(255,255,255,.2)}.elematic-welcome-logo{display:flex;gap:20px;align-items:center}.elematic-welcome-logo h1{margin:0;font-size:32px;color:#fff}.elematic-welcome-logo p{margin:5px 0 0;opacity:.9;font-size:16px}.version-badge{padding:6px 12px;border-radius:4px;font-size:14px;font-weight:600}.elematic-welcome-content{padding:0}.elematic-welcome-tabs{display:flex;border-bottom:1px solid #e0e0e0;padding:0 40px;gap:8px}.elematic-tab-btn{display:flex;align-items:center;gap:8px;padding:16px 24px;background:0 0;border:none;border-bottom:3px solid transparent;cursor:pointer;font-size:15px;font-weight:500;color:#666;transition:.2s}.elematic-tab-btn:hover{color:#5c49e3}.elematic-tab-btn.active{color:#5c49e3;border-bottom-color:#5c49e3}.elematic-welcome-tab-content{padding:40px}.elematic-cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-bottom:40px}.card-icon,.widget-count{display:flex;align-items:center}.elematic-feature-card{padding:30px;background:#fafafa;border:1px solid #e0e0e0;border-radius:8px;transition:.3s}.elematic-btn,.quick-link{text-decoration:none;transition:.2s}.elematic-feature-card:hover{transform:translateY(-4px);box-shadow:0 8px 16px rgba(0,0,0,.1)}.elematic-card-primary{background:linear-gradient(135deg,#5c49e3 0,#7c3aed 100%);color:#fff;border:none}.elematic-card-primary h3{color:#fff!important;font-weight:300;opacity:1}.elematic-card-primary p{color:rgba(255,255,255,.95)!important;opacity:1}.card-icon{width:64px;height:64px;background:rgba(255,255,255,.1);border-radius:12px;justify-content:center;margin-bottom:20px}.elematic-feature-card h3{margin:0 0 12px;font-size:20px;font-weight:600;color:#333}.elematic-feature-card p{margin:0 0 20px;color:#666;line-height:1.6}.widget-count{gap:10px;font-weight:500;color:#5c49e3}.count-badge{padding:4px 12px;background:#eef2ff;border-radius:4px;font-weight:700;font-size:18px}.elematic-quick-links{padding:30px;background:#f9fafb;border-radius:8px}.elematic-quick-links h3{margin:0 0 20px;font-size:18px;color:#333}.quick-links-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.quick-link{display:flex;align-items:center;gap:10px;padding:12px 16px;background:#fff;border:1px solid #e0e0e0;border-radius:6px;color:#333;font-weight:500}.elematic-btn-secondary:hover,.quick-link:hover{border-color:#5c49e3;color:#5c49e3}.elematic-features-list{display:grid;gap:20px}.feature-item{display:flex;gap:20px;padding:24px;background:#fafafa;border-radius:8px;border:1px solid #e0e0e0}.feature-icon{font-size:32px;flex-shrink:0}.feature-content h4{margin:0 0 8px;font-size:18px;color:#333}.feature-content p{margin:0;color:#666;line-height:1.6}.elematic-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer}.elematic-btn-primary{background:#fff;color:#5c49e3}.elematic-btn-primary:hover{background:#f0f0f0}.elematic-btn-secondary{background:#fff;color:#333;border:1px solid #e0e0e0}