.App{min-height:100vh;display:flex;flex-direction:column}.main-content{flex:1;padding:20px;background:#f8f9fa}.skip-link{position:absolute;top:-40px;left:8px;z-index:9999;padding:8px 16px;background:#1565c0;color:#fff;font-weight:600;text-decoration:none;border-radius:4px;border:2px solid #FF9800;transition:top .15s ease-in-out}.skip-link:focus,.skip-link:focus-visible{top:8px;outline:3px solid #FF9800;outline-offset:2px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6;color:#333;background:#f8f9fa}.App{min-height:100vh}.loading-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;flex-direction:column;text-align:center}.loading-spinner{border:4px solid rgba(255,255,255,.3);border-top:4px solid white;border-radius:50%;width:50px;height:50px;animation:spin 1s linear infinite;margin:2rem 0}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.dashboard{padding:20px;max-width:1400px;margin:0 auto}.dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;padding:20px;background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000001a}.user-info{display:flex;align-items:center;gap:15px}.user-info button{background:#dc3545;color:#fff;border:none;padding:8px 16px;border-radius:6px;cursor:pointer}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:30px}.stat-card{background:#fff;padding:24px;border-radius:12px;text-align:center;box-shadow:0 2px 10px #0000001a}.stat-card h3{font-size:2.5rem;color:#667eea;margin-bottom:8px}.services-section{background:#fff;padding:30px;border-radius:12px;box-shadow:0 2px 10px #0000001a}.service-category{margin-bottom:40px}.service-category h3{color:#2c3e50;margin-bottom:20px;padding-bottom:10px;border-bottom:2px solid #ecf0f1}.services-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.service-card{background:#f8f9fa;padding:20px;border-radius:8px;border-left:4px solid #667eea;transition:transform .2s ease}.service-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.service-card.business{border-left-color:#28a745;background:linear-gradient(135deg,#f8fff8,#f0f8f0)}.service-card.support{border-left-color:#17a2b8;background:linear-gradient(135deg,#f8fcff,#f0f8ff)}.service-card h4{color:#2c3e50;margin-bottom:8px}.service-card p{color:#6c757d;font-size:.9rem;margin-bottom:4px}.status{display:inline-block;padding:4px 8px;border-radius:4px;font-size:.8rem;font-weight:500}.status.online{background:#d4edda;color:#155724}.auth-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2)}.auth-card{background:#fff;padding:40px;border-radius:12px;box-shadow:0 10px 30px #0003;text-align:center;max-width:400px;width:100%}.auth-card h1{color:#2c3e50;margin-bottom:10px}.auth-card form{margin:30px 0}.auth-card input{width:100%;padding:12px;margin-bottom:15px;border:1px solid #ddd;border-radius:6px;font-size:16px}.auth-card button{width:100%;background:#667eea;color:#fff;border:none;padding:12px;border-radius:6px;font-size:16px;cursor:pointer;margin-bottom:10px}.auth-card button:hover{background:#5a6fd8}.demo-section{margin-top:20px;padding-top:20px;border-top:1px solid #eee}.demo-section h3{margin-bottom:15px;color:#2c3e50}.demo-section button{width:48%;margin:1%;background:#6c757d}.error{background:#f8d7da;color:#721c24;padding:10px;border-radius:4px;margin-bottom:15px}.services-page{padding:20px;max-width:1400px;margin:0 auto}.services-page h1{text-align:center;color:#2c3e50;margin-bottom:40px}.services-page .service-card button{background:#667eea;color:#fff;border:none;padding:8px 16px;border-radius:4px;cursor:pointer;margin-top:10px}.services-page .service-card button:hover{background:#5a6fd8}@media(max-width:768px){.dashboard-header{flex-direction:column;text-align:center;gap:15px}.stats-grid{grid-template-columns:repeat(2,1fr)}.services-grid{grid-template-columns:1fr}.demo-section button{width:100%;margin:5px 0}}