.login-container{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);justify-content:center;align-items:center;height:100vh;display:flex}.login-box{background:#fff;border-radius:8px;width:100%;max-width:400px;padding:40px;animation:.3s ease-out slideIn;box-shadow:0 4px 20px #0000001a}.login-box h1{text-align:center;color:#333;margin-bottom:30px;font-size:28px}.login-form-group{margin-bottom:20px}.login-form-group label{color:#555;margin-bottom:8px;font-weight:500;display:block}.login-form-group input{width:100%}.login-box button{width:100%;padding:12px;font-size:16px;font-weight:600}.login-error-message{color:#d32f2f;background-color:#ffebee;border-radius:4px;margin-bottom:16px;padding:12px;font-size:14px}.playlist-modal{z-index:1000;background-color:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.playlist-modal-content{background:#fff;border-radius:8px;flex-direction:column;width:90vw;max-width:900px;height:90vh;max-height:900px;display:flex;box-shadow:0 4px 16px #00000026}.playlist-modal-header{border-bottom:1px solid #ddd;justify-content:space-between;align-items:center;padding:10px;display:flex}.playlist-modal-header h2{color:#333;margin:0;font-size:20px}.playlist-close-btn{cursor:pointer;color:#666;background:0 0;border:none;justify-content:center;align-items:center;width:32px;height:32px;padding:0;font-size:28px;display:flex}.playlist-close-btn:hover{color:#333}.playlist-container{flex-direction:row;flex:1;gap:20px;padding:20px;display:flex;overflow:auto}.playlist-entry-actions{gap:10px;margin-top:12px;display:flex}.playlist-entry-select-btn{color:#fff;cursor:pointer;background-color:#4caf50;border:none;border-radius:4px;flex:1;padding:10px;font-size:13px;font-weight:600}.playlist-entry-select-btn:hover{background-color:#45a049}.playlist-description{color:#666;margin:0;font-size:13px}.playlist-left,.playlist-right{flex-direction:column;flex:1;display:flex;overflow:hidden}.playlist-section-add{margin-bottom:20px}.playlist-section-add h3{color:#333;margin:0 0 12px;font-size:16px}.playlist-add-form{flex-direction:column;gap:10px;display:flex}.playlist-add-form input{border:1px solid #ddd;border-radius:4px;padding:10px;font-family:inherit;font-size:13px}.playlist-add-form input:focus{border-color:#2196f3;outline:none;box-shadow:0 0 4px #2196f34d}.playlist-add-form button{color:#fff;cursor:pointer;background-color:#2196f3;border:none;border-radius:4px;padding:10px;font-size:13px;font-weight:600;transition:background-color .2s}.playlist-add-form button:hover:not(:disabled){background-color:#1976d2}.playlist-add-form button:disabled{cursor:not-allowed;background-color:#ccc}.playlist-section-list{flex-direction:column;flex:1;display:flex;overflow:hidden}.playlist-section-list h3{color:#333;margin:0 0 12px;font-size:16px}.playlist-list{background:#f9f9f9;border:1px solid #ddd;border-radius:4px;flex-direction:column;flex:1;padding:8px;display:flex;overflow:scroll}.playlist-list>p{text-align:center;color:#999;padding:20px;font-size:13px}.playlist-item{cursor:pointer;background:#fff;border:1px solid #eee;border-radius:4px;justify-content:space-between;align-items:flex-start;padding:12px;transition:all .2s;display:flex}.playlist-item:hover{border-color:#ddd;box-shadow:0 1px 3px #0000001a}.playlist-item.active{background-color:#e3f2fd;border-color:#2196f3;box-shadow:0 1px 3px #2196f333}.playlist-info{flex:1;min-width:0}.playlist-name{color:#333;margin-bottom:4px;font-size:14px;font-weight:600}.playlist-url{color:#666;white-space:nowrap;text-overflow:ellipsis;margin-bottom:4px;font-family:monospace;font-size:12px;overflow:hidden}.playlist-meta{color:#999;font-size:11px}.playlist-actions{flex-shrink:0;gap:6px;margin-left:8px;display:flex}.playlist-refresh-btn,.playlist-delete-btn{cursor:pointer;color:#666;background:0 0;border:1px solid #ddd;border-radius:3px;padding:6px 8px;font-size:16px;transition:all .2s}.playlist-refresh-btn:hover{color:#2196f3;background-color:#f0f8ff;border-color:#2196f3}.playlist-delete-btn:hover{color:#f44336;background-color:#fff3e0;border-color:#f44336}.playlist-right h3{color:#333;margin:0 0 12px;font-size:16px}.playlist-entries-list{background:#f9f9f9;border:1px solid #ddd;border-radius:4px;flex-direction:column;flex:1;padding:8px;display:flex;overflow:scroll}.playlist-entries-list>p{text-align:center;color:#999;padding:20px;font-size:13px}.playlist-entry-item{cursor:pointer;background:#fff;border:1px solid #eee;border-radius:4px;align-items:center;gap:10px;margin-bottom:8px;padding:10px 12px;transition:all .2s;display:flex}.playlist-entry-item:hover{border-color:#ddd;box-shadow:0 1px 3px #0000001a}.playlist-entry-item.active{background-color:#e3f2fd;border-left:3px solid #2196f3;padding-left:9px}.playlist-entry-logo{object-fit:contain;background:#f5f5f5;border-radius:3px;flex-shrink:0;width:36px;height:36px}.playlist-entry-content{flex:1;min-width:0}.playlist-entry-title{color:#333;white-space:nowrap;text-overflow:ellipsis;margin-bottom:3px;font-size:13px;font-weight:500;overflow:hidden}.playlist-entry-url{color:#666;white-space:nowrap;text-overflow:ellipsis;font-family:monospace;font-size:11px;overflow:hidden}.playlist-empty-message{text-align:center;color:#999;justify-content:center;align-items:center;height:100%;padding:20px;font-size:13px;display:flex}.playlist-error-message{color:#d32f2f;background-color:#ffebee;border-radius:4px;margin-bottom:16px;padding:12px;font-size:13px}@media (width<=1024px){.playlist-container{flex-direction:column}}.schedule-container{background-color:#f5f5f5;flex-direction:column;height:100vh;display:flex}.schedule-header{background-color:#fff;border-bottom:1px solid #ddd;justify-content:space-between;align-items:center;padding:20px 30px;display:flex;box-shadow:0 2px 4px #0000001a}.schedule-header h1{color:#333;margin:0;font-size:28px}.schedule-user-info{color:#666;margin:5px 0 0;font-size:14px}.schedule-logout-btn{background-color:#f44336;padding:10px 20px}.schedule-logout-btn:hover{background-color:#da190b}.schedule-content{flex:1;gap:20px;padding:20px;display:flex;overflow:hidden}.schedule-header-playlist-btn{color:#666;cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #ddd;border-radius:4px;padding:8px 16px;font-size:14px;font-weight:500}.schedule-header-playlist-btn:hover{color:#333;border-color:#999}.header-left{align-items:center;gap:15px;display:flex}.header-right-group{flex-direction:column;align-items:flex-end;gap:5px;display:flex}.schedule-user-info{color:#666;text-align:right;margin:0;font-size:14px}.schedule-sidebar{flex-direction:column;gap:15px;width:350px;display:flex}.schedule-new-event-btn{width:100%;padding:14px;font-size:16px;font-weight:600}.schedule-form-box{background:#fff;border-radius:6px;padding:20px;box-shadow:0 2px 8px #0000001a}.schedule-form-box h2{color:#333;margin-top:0;margin-bottom:20px;font-size:18px}.schedule-form-group{margin-bottom:16px}.schedule-form-group label{color:#555;margin-bottom:6px;font-size:14px;font-weight:500;display:block}.schedule-form-group input{width:100%}.schedule-form-buttons{gap:10px;display:flex}.schedule-form-buttons button{flex:1;padding:10px}.schedule-cancel-btn{background-color:#999}.schedule-cancel-btn:hover{background-color:#777}.schedule-error-message{color:#d32f2f;background-color:#ffebee;border-radius:4px;margin-bottom:16px;padding:10px;font-size:13px}.schedule-main{flex:1;overflow-y:auto}.schedule-main h2{color:#333;margin:0 0 20px;font-size:22px}.schedule-no-events{text-align:center;color:#999;padding:40px 20px;font-size:16px}.schedule-events-list{grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:15px;display:grid}.schedule-event-card{background:#fff;border-radius:6px;flex-direction:column;gap:15px;padding:20px;display:flex;box-shadow:0 2px 8px #0000001a}.schedule-event-info h3{color:#333;margin:0;font-size:18px}.event-header-row{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.schedule-event-property{color:#666;flex:1;min-width:160px;margin:0 0 0 4px;font-size:13px;line-height:1.5}.event-properties-row{flex-wrap:wrap;align-items:flex-start;margin:6px 0;display:flex}.event-duration{color:#28a745;white-space:nowrap;background-color:#d4edda;border:1px solid #28a745;border-radius:4px;flex-shrink:0;margin:0;padding:4px 8px;font-size:13px;font-weight:600;line-height:1.5}.time-label{color:#333;margin-right:.5em;font-weight:600}.schedule-event-property a{color:#06c;word-break:break-all;text-decoration:none}.schedule-event-property a:hover{text-decoration:underline}.schedule-playlist-selected{background-color:#f0f8ff;border:1px solid #06c;border-radius:4px;margin-bottom:10px;padding:10px}.schedule-playlist-selected-title{color:#333;white-space:nowrap;text-overflow:ellipsis;margin-bottom:4px;font-size:13px;font-weight:500;overflow:hidden}.schedule-playlist-selected-url{color:#666;white-space:nowrap;text-overflow:ellipsis;margin-bottom:8px;font-family:monospace;font-size:11px;overflow:hidden}.schedule-playlist-selected-actions{gap:6px;display:flex}.schedule-playlist-change-btn,.schedule-playlist-clear-btn{cursor:pointer;border:none;border-radius:3px;flex:1;padding:6px 8px;font-size:12px}.schedule-playlist-change-btn{color:#fff;background-color:#2196f3}.schedule-playlist-change-btn:hover{background-color:#1976d2}.schedule-playlist-clear-btn{color:#333;background-color:#ddd}.schedule-playlist-clear-btn:hover{background-color:#ccc}.schedule-playlist-select-btn{color:#fff;cursor:pointer;background-color:#2196f3;border:none;border-radius:4px;width:100%;padding:10px;font-size:13px;font-weight:500}.schedule-playlist-select-btn:hover{background-color:#1976d2}.schedule-event-actions{gap:10px;display:flex}.schedule-edit-btn{background-color:#2196f3;flex:1}.schedule-edit-btn:hover:not(:disabled){background-color:#1976d2}.schedule-edit-btn:disabled{cursor:not-allowed;opacity:.6;background-color:#ccc}.schedule-delete-btn{color:#fff;background-color:#f44336;flex:1}.schedule-delete-btn:hover{color:#fff;background-color:#da190b}.recording-status{letter-spacing:.5px;border-radius:4px;padding:4px 12px;font-size:12px;font-weight:600;display:inline-block}.recording-status-scheduled{color:#856404;background-color:#fff3cd;border:1px solid #ffc107}.recording-status-started{color:#1565c0;background-color:#cfe8fc;border:1px solid #2196f3}.recording-status-completed{color:#155724;background-color:#d4edda;border:1px solid #28a745}.recording-status-failed{color:#721c24;background-color:#f8d7da;border:1px solid #f5c6cb}.recording-status-missed{color:#6c757d;background-color:#f8f9fa;border:1px solid #dee2e6}.schedule-event-filename{color:#555;word-break:break-all;background-color:#f9f9f9;border-left:3px solid #2196f3;border-radius:4px;margin:8px 0;padding:8px;font-size:12px}@media (width<=1024px){.schedule-content{flex-direction:column}.schedule-sidebar{width:100%}.schedule-events-list{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}}*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}html,body,#root{height:100%;margin:0}button{cursor:pointer;color:#fff;background-color:#2196f3;border:none;border-radius:4px;padding:8px 16px;font-size:14px;transition:background-color .3s}button:hover{background-color:#1976d2}button:disabled{cursor:not-allowed;background-color:#ccc}input,textarea,select{border:1px solid #ddd;border-radius:4px;padding:10px;font-family:inherit;font-size:14px}input:focus,textarea:focus,select:focus{border-color:#2196f3;outline:none;box-shadow:0 0 4px #2196f34d}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}