*{box-sizing:border-box;margin:0;padding:0}body{background:#f5f7fa;color:#2d3748;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.loading-screen{align-items:center;color:#667eea;display:flex;flex-direction:column;height:100vh;justify-content:center}.spinner{animation:spin 1s linear infinite;border:4px solid #667eea1a;border-radius:50%;border-top-color:#667eea;height:50px;margin-bottom:20px;width:50px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.login-container{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh}.login-box{background:#fff;border-radius:12px;box-shadow:0 10px 40px #0003;max-width:400px;padding:40px;width:100%}.logo{margin-bottom:30px;text-align:center}.logo h1{color:#667eea;font-size:32px;margin-bottom:10px}.logo p{color:#666;font-size:14px}.form-group{margin-bottom:20px}.form-group label{color:#333;display:block;font-weight:500;margin-bottom:8px}.form-group input{border:2px solid #e2e8f0;border-radius:6px;font-size:16px;padding:12px;transition:border-color .3s;width:100%}.form-group input:focus{border-color:#667eea;outline:none}.error-message{background:#fee;border-radius:6px;color:#c33;font-size:14px;margin-bottom:20px;padding:12px}.btn-login{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:14px;transition:transform .2s;width:100%}.btn-login:hover:not(:disabled){transform:translateY(-2px)}.btn-login:disabled{cursor:not-allowed;opacity:.6}.app{display:flex;flex-direction:column;min-height:100vh}.navbar{align-items:center;background:#fff;box-shadow:0 2px 10px #0000001a;display:flex;justify-content:space-between;padding:15px 30px}.nav-brand h1{color:#667eea;font-size:20px}.nav-links{display:flex;gap:20px}.nav-links a{border-radius:6px;color:#666;padding:8px 16px;text-decoration:none;transition:all .3s}.nav-links a:hover{background:#f7fafc;color:#667eea}.nav-links a.active{background:#667eea;color:#fff}.nav-user{align-items:center;display:flex;gap:20px}.user-info{color:#666;font-size:14px}.btn-logout{background:#f44336;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px;transition:background .3s}.btn-logout:hover{background:#d32f2f}.app-main{flex:1 1;margin:0 auto;max-width:1400px;padding:30px;width:100%}.dashboard-header{margin-bottom:30px}.dashboard-header h1{font-size:28px;margin-bottom:10px}.stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:40px}.stat-card{align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000000d;display:flex;gap:15px;padding:20px}.stat-card.online{background:linear-gradient(135deg,#4caf50,#45a049);color:#fff}.stat-card.offline{background:linear-gradient(135deg,#f44336,#e53935);color:#fff}.stat-icon{font-size:32px}.stat-content h3{font-size:32px;margin-bottom:5px}.stat-content p{font-size:14px;opacity:.8}.dashboard-section{margin-top:40px}.dashboard-section h2{font-size:24px;margin-bottom:20px}.page-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:30px}.page-header h1{font-size:28px}.filters{display:flex;gap:10px}.filters button{background:#fff;border:2px solid #e2e8f0;border-radius:6px;cursor:pointer;padding:8px 16px;transition:all .3s}.filters button.active{background:#667eea;border-color:#667eea;color:#fff}.filters button:hover:not(.active){border-color:#667eea}.screens-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.screen-card{background:#fff;border-left:4px solid #ccc;border-radius:12px;box-shadow:0 2px 10px #0000000d;padding:20px}.screen-card.online{border-left-color:#4caf50}.screen-card.offline{border-left-color:#f44336;opacity:.7}.screen-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.screen-header h3{font-size:18px}.status-badge{border-radius:20px;font-size:12px;font-weight:600;padding:4px 12px}.status-badge.online{background:#e8f5e9;color:#2e7d32}.status-badge.offline{background:#ffebee;color:#c62828}.screen-info{background:#f7fafc;border-radius:8px;margin-bottom:15px;padding:15px}.info-row{display:flex;font-size:14px;justify-content:space-between;padding:5px 0}.info-row .label{color:#666;font-weight:500}.info-row .value{color:#333}.value.tv-on{color:#4caf50;font-weight:600}.value.tv-off{color:#f44336;font-weight:600}.control-section{border-top:1px solid #e2e8f0;margin-top:15px;padding-top:15px}.control-section h4{color:#666;font-size:14px;margin-bottom:10px}.url-control{display:flex;gap:10px}.url-control input{border:2px solid #e2e8f0;border-radius:6px;flex:1 1;font-size:14px;padding:8px 12px}.url-control input:focus{border-color:#667eea;outline:none}.url-control button{background:#667eea;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px}.button-group{display:flex;gap:10px}.button-group button{border:none;border-radius:6px;cursor:pointer;flex:1 1;font-size:14px;font-weight:600;padding:10px}.btn-success{background:#4caf50;color:#fff}.btn-danger{background:#f44336;color:#fff}.btn-warning{background:#ff9800;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px;width:100%}button:disabled{cursor:not-allowed;opacity:.6}.message-banner{background:#4caf50;border-radius:6px;color:#fff;font-size:14px;margin-top:15px;padding:10px;text-align:center}.empty-state{color:#999;padding:60px 20px;text-align:center}.empty-state p{margin-bottom:10px}.help-text{color:#bbb;font-size:14px}.loading{color:#999;padding:40px;text-align:center}.page{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000000d;padding:40px}.page h1{margin-bottom:20px}
/*# sourceMappingURL=main.18f95715.css.map*/