*{margin:0;padding:0;box-sizing:border-box}body{background-color:#fafafa;display:flex;flex-direction:column;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}header{background-color:#ffffff;padding:20px 40px;box-shadow:0 2px 4px rgba(0,0,0,.1)}.header-content{max-width:1200px;margin:0 auto;display:flex;justify-content:center;align-items:center}.header-logo{height:40px;width:auto}.main-content{flex:1 1;display:flex;justify-content:center;align-items:center;padding:60px 20px}.container{text-align:center;max-width:900px;width:100%}.cards{display:flex;justify-content:center;align-items:stretch;gap:30px;width:100%;max-width:700px;margin:0 auto}.card{background-color:#ffffff;border-radius:12px;padding:35px 30px;text-decoration:none;transition:all .3s ease;cursor:pointer;box-shadow:0 2px 8px rgba(0,0,0,.08);display:flex;flex-direction:column;align-items:center;text-align:center;flex:1 1;min-width:0;position:relative}.new-tag{position:absolute;top:10px;right:10px;background-color:#0066cc;color:#ffffff;padding:6px 12px;border-radius:6px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.card:hover{transform:translateY(-5px);box-shadow:0 8px 24px rgba(0,0,0,.15)}.card-title{font-size:22px;font-weight:700;color:#1a1a1a;margin-bottom:12px;line-height:1.3}.card-description{font-size:15px;color:#666;line-height:1.6;margin-bottom:20px}.card-badge{display:inline-block;padding:8px 16px;border-radius:20px;font-size:13px;font-weight:600;margin-top:auto}.card-primary .card-badge{background-color:#e8f4fd;color:#0066cc}.card-secondary .card-badge{background-color:#fff3e0;color:#e65100}footer{background-color:#1a1a1a;color:#ffffff;padding:50px 20px 20px}.footer-content{max-width:1200px;margin:0 auto}.footer-top{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:40px;gap:40px;margin-bottom:40px}.footer-section h5{font-size:14px;font-weight:700;text-transform:uppercase;margin-bottom:20px;color:#ffffff;letter-spacing:.5px}.footer-section ul{list-style:none}.footer-section ul li{margin-bottom:12px}.footer-section ul li a{color:#999;text-decoration:none;font-size:14px;transition:color .3s ease}.footer-section ul li a:hover{color:#ffffff}.social-icons{display:flex;gap:15px;margin-top:20px}.social-icons a{color:#999;font-size:20px;transition:color .3s ease}.social-icons a:hover{color:#ffffff}.footer-bottom{border-top:1px solid #333;padding-top:20px;text-align:center}.footer-bottom p{color:#666;font-size:13px}.login-container{max-width:400px;margin:0 auto;background:white;padding:40px;border-radius:12px;box-shadow:0 4px 12px rgba(0,0,0,.1)}.login-title{font-size:24px;font-weight:700;color:#1a1a1a;margin-bottom:30px;text-align:center}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-weight:600;color:#333}.form-group input{width:100%;padding:12px 16px;border:2px solid #e1e5e9;border-radius:8px;font-size:16px;transition:border-color .3s ease}.form-group input:focus{outline:none;border-color:#0066cc}.login-button{width:100%;background-color:#0066cc;color:white;padding:12px 24px;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:background-color .3s ease}.login-button:hover{background-color:#0056b3}.error-message{color:#dc3545;font-size:14px;margin-top:10px;text-align:center}.dashboard-container{max-width:1200px;margin:0 auto;padding:20px}.dashboard-title{font-size:28px;font-weight:700;color:#1a1a1a;margin-bottom:30px;text-align:center}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:20px;gap:20px;margin-bottom:30px}.metric-card{background:white;padding:20px;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.08)}.metric-title{font-size:16px;font-weight:600;color:#333;margin-bottom:10px}.metric-value{font-size:24px;font-weight:700;color:#0066cc}.chart-container{background:white;padding:20px;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.08);margin-bottom:20px}.chart-title{font-size:18px;font-weight:600;color:#333;margin-bottom:20px}@media (max-width:768px){header{padding:15px 20px}.cards{flex-direction:column;gap:20px;max-width:400px}.card{padding:30px 25px}.footer-top{grid-template-columns:repeat(2,1fr);gap:30px}.metrics-grid{grid-template-columns:1fr}}@media (max-width:480px){.card-title{font-size:20px}.card-description{font-size:14px}.footer-top{grid-template-columns:1fr;gap:25px}.footer-section{text-align:center}.social-icons{justify-content:center}}