*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f7fa;color:#333;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.6}header{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 2px 4px #0000001a;color:#fff;padding:20px 0}header .container{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 20px}header .logo{font-size:24px;font-weight:700}header .tagline{font-size:14px;margin-top:5px;opacity:.9}header nav ul{display:flex;gap:20px;list-style:none}header nav a{color:#fff;font-weight:500;text-decoration:none;transition:opacity .2s}header nav a:hover{opacity:.8}.hero{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:100px 0;text-align:center}.hero h1{font-size:48px;margin-bottom:20px}.hero p{font-size:20px;margin-bottom:40px;opacity:.9}.hero-actions{display:flex;gap:20px;justify-content:center}.btn{border:none;border-radius:5px;cursor:pointer;display:inline-block;font-size:16px;font-weight:500;padding:12px 24px;text-decoration:none;transition:all .2s}.btn-primary{background:#fff;color:#667eea}.btn-primary:hover{background:#f0f0f0}.btn-secondary{background:#0000;border:2px solid #fff;color:#fff}.btn-secondary:hover{background:#ffffff1a;transform:translateY(-2px)}.btn-logout{background:#e74c3c;color:#fff}.btn-logout:hover{background:#c0392b}.btn-refresh{background:#3498db;color:#fff}.btn-refresh:hover{background:#2980b9}.features{background:#fff;padding:80px 0}.features h2{color:#333;font-size:36px;margin-bottom:60px;text-align:center}.features-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin:0 auto;max-width:1200px;padding:0 20px}.feature-card{background:#f8f9fa;border-radius:10px;box-shadow:0 2px 4px #0000001a;padding:30px;text-align:center;transition:all .3s}.feature-card:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-5px)}.feature-icon{font-size:48px;margin-bottom:20px}.feature-card h3{color:#333;font-size:20px;margin-bottom:10px}.feature-card p{color:#666;line-height:1.6}.how-it-works{background:#f5f7fa;padding:80px 0}.how-it-works h2{color:#333;font-size:36px;margin-bottom:60px;text-align:center}.steps{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin:0 auto;max-width:1200px;padding:0 20px}.step{background:#fff;border-radius:10px;box-shadow:0 2px 4px #0000001a;padding:30px;text-align:center}.step-number{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;display:flex;font-size:24px;font-weight:700;height:50px;justify-content:center;margin:0 auto 20px;width:50px}.step h3{color:#333;font-size:18px;margin-bottom:10px}.step p{color:#666;line-height:1.6}footer{background:#333;color:#fff;padding:40px 0;text-align:center}footer p{opacity:.8}.login-container{background:#fff;border-radius:10px;box-shadow:0 4px 12px #0000001a;margin:100px auto;max-width:400px;padding:40px}.login-header{margin-bottom:30px;text-align:center}.login-header h1{color:#333;font-size:32px;margin-bottom:10px}.login-header p{color:#666}.form-group{margin-bottom:20px}.form-group label{color:#333;display:block;font-size:14px;font-weight:500;margin-bottom:8px}.form-group input{border:1px solid #ddd;border-radius:5px;font-size:16px;padding:12px;transition:border-color .2s;width:100%}.form-group input:focus{border-color:#667eea;outline:none}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;font-weight:500;padding:12px;transition:all .2s;width:100%}.btn-primary:hover{box-shadow:0 4px 8px #0003;transform:translateY(-2px)}.success-message{background:#e8f5e9;border-radius:5px;color:#2e7d32;margin-bottom:20px;padding:15px}.dashboard-container{margin:0 auto;max-width:1200px;padding:20px}.dashboard-header{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:10px;box-shadow:0 4px 6px #0000001a;color:#fff;margin-bottom:30px;padding:30px}.dashboard-header h1{font-size:28px;margin:0 0 10px}.dashboard-header p{margin:0;opacity:.9}.header-actions{display:flex;gap:10px;margin-top:15px}.dashboard-content{display:flex;flex-direction:column;gap:30px}.user-info{background:#fff;border-radius:10px;box-shadow:0 2px 4px #0000001a;padding:20px}.user-info h2{color:#333;margin-top:0}.user-details{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:15px}.detail-item{background:#f8f9fa;border-radius:5px;padding:10px}.detail-item label{color:#666;display:block;font-size:12px;margin-bottom:5px;text-transform:uppercase}.detail-item span{color:#333;font-size:16px;font-weight:500}.stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.stat-card{background:#fff;border-radius:10px;box-shadow:0 2px 4px #0000001a;padding:20px;text-align:center}.stat-card .stat-icon{font-size:40px;margin-bottom:10px}.stat-card .stat-number{color:#667eea;font-size:32px;font-weight:700}.stat-card .stat-label{color:#666;font-size:14px;margin-top:5px}.quick-links{background:#fff;border-radius:10px;box-shadow:0 2px 4px #0000001a;padding:20px}.quick-links h2{color:#333;margin-top:0}.links-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:15px}.link-card{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px;color:#fff;display:block;padding:20px;text-decoration:none;transition:all .2s}.link-card:hover{box-shadow:0 4px 8px #0003;transform:translateY(-2px)}.link-card .link-icon{font-size:30px;margin-bottom:10px}.link-card .link-name{font-size:16px;font-weight:500}.loading{color:#666;padding:50px;text-align:center}.error-message{background:#fee;border-radius:5px;color:#c33;margin-bottom:20px;padding:15px}@media (max-width:768px){.hero h1{font-size:32px}.hero p{font-size:16px}.features-grid,.steps{grid-template-columns:1fr}header .container{flex-direction:column;gap:15px}header nav ul{flex-wrap:wrap;justify-content:center}}
/*# sourceMappingURL=main.52c21f71.css.map*/