.login-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background:linear-gradient(135deg,#2c3e50,#34495e)}.login-card{background:#fff;padding:2rem;border-radius:8px;box-shadow:0 8px 16px #0003;width:100%;max-width:400px}.login-card h1{text-align:center;color:#2c3e50;margin-bottom:.5rem;font-size:2rem}.login-card .subtitle{text-align:center;color:#7f8c8d;margin-bottom:2rem;font-size:.9rem}.login-card form{display:flex;flex-direction:column;gap:1rem}.login-card .form-group label{color:#2c3e50;font-weight:500;margin-bottom:.5rem}.login-card .form-group input{padding:.75rem;border:1px solid #bdc3c7;border-radius:4px;font-size:1rem;transition:border-color .3s}.login-card .form-group input:focus{outline:none;border-color:#3498db;box-shadow:0 0 0 2px #3498db1a}.login-card .form-group input:disabled{background-color:#ecf0f1;cursor:not-allowed}.login-button{padding:.75rem;font-size:1rem;font-weight:600;margin-top:1rem}.error-message{color:#e74c3c;background-color:#fadbd8;padding:.75rem;border-radius:4px;font-size:.9rem}.demo-credentials{margin-top:2rem;padding-top:2rem;border-top:1px solid #ecf0f1;background-color:#f9f9f9;padding:1rem;border-radius:4px;font-size:.85rem}.demo-credentials p{margin:.5rem 0;color:#2c3e50}.demo-credentials strong{color:#2c3e50}.app{min-height:100vh;display:flex;flex-direction:column}.nav{background-color:#2c3e50;padding:1rem 0;box-shadow:0 2px 4px #0000001a}.nav .container{display:flex;align-items:center;justify-content:space-between}.nav-link{color:#fff;text-decoration:none;margin-left:2rem;font-weight:500;transition:color .3s ease}.nav-link:hover{color:#3498db}.nav-link.active{color:#3498db;border-bottom:2px solid #3498db;padding-bottom:.5rem}main{flex:1}.container{max-width:1200px;margin:0 auto;padding:2rem 1rem}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f5f5}#root{width:100%;height:100%}.container{max-width:1200px;margin:0 auto;padding:20px}.nav{background-color:#2c3e50;padding:1rem;margin-bottom:2rem}.nav a{color:#fff;text-decoration:none;margin-right:2rem;font-weight:500}.nav a:hover{color:#3498db}.nav .active{color:#3498db;border-bottom:2px solid #3498db;padding-bottom:.5rem}.card{background-color:#fff;border-radius:8px;padding:1.5rem;box-shadow:0 2px 8px #0000001a;margin-bottom:1.5rem}.card h2{margin-bottom:1rem;color:#2c3e50}.button{background-color:#3498db;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:4px;cursor:pointer;font-size:1rem}.button:hover{background-color:#2980b9}.button.secondary{background-color:#95a5a6}.button.secondary:hover{background-color:#7f8c8d}.form-group{margin-bottom:1rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:500;color:#2c3e50}.form-group input,.form-group select,.form-group textarea{width:100%;padding:.75rem;border:1px solid #bdc3c7;border-radius:4px;font-size:1rem}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#3498db;box-shadow:0 0 0 2px #3498db1a}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.preview-container{width:100%;max-width:800px;margin:0 auto}.preview-image{width:100%;height:auto;border-radius:8px;background-color:#000}.status-badge{display:inline-block;padding:.5rem 1rem;border-radius:20px;font-size:.85rem;font-weight:500}.status-badge.live{background-color:#e74c3c;color:#fff}.status-badge.ready{background-color:#f39c12;color:#fff}.status-badge.idle{background-color:#95a5a6;color:#fff}.table{width:100%;border-collapse:collapse}.table th{background-color:#ecf0f1;padding:1rem;text-align:left;font-weight:600;color:#2c3e50;border-bottom:2px solid #bdc3c7}.table td{padding:.75rem 1rem;border-bottom:1px solid #ecf0f1}.table tr:hover{background-color:#f9f9f9}