*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:#f5f5f5;color:#333;line-height:1.6}#app{max-width:1200px;margin:0 auto;padding:20px}header{text-align:center;margin-bottom:40px}header h1{font-size:2.5rem;color:#2c3e50}header p{color:#7f8c8d;margin-top:10px}.card{background:#fff;border-radius:8px;padding:24px;margin-bottom:24px;box-shadow:0 2px 4px #0000001a}.card h2{margin-bottom:20px;color:#2c3e50}.form-group{margin-bottom:16px}.form-group label{display:block;margin-bottom:8px;font-weight:500}.form-group input{width:100%;padding:10px;border:1px solid #ddd;border-radius:4px;font-size:14px}button{padding:10px 20px;border:none;border-radius:4px;background:#3498db;color:#fff;cursor:pointer;font-size:14px;margin-right:8px}button:hover{background:#2980b9}button:disabled{background:#bdc3c7;cursor:not-allowed}button.primary{background:#27ae60}button.primary:hover{background:#229954}button.danger{background:#e74c3c}button.danger:hover{background:#c0392b}.candidates-box{margin-top:24px;padding-top:24px;border-top:1px solid #eee}.hint{color:#7f8c8d;font-size:14px;margin-bottom:16px}.candidates-list{max-height:400px;overflow-y:auto;border:1px solid #eee;border-radius:4px;padding:8px}.candidate-item{display:flex;align-items:center;padding:8px;border-bottom:1px solid #f5f5f5;gap:12px}.candidate-item:last-child{border-bottom:none}.candidate-title{flex:1;font-weight:500}.candidate-url{font-size:12px;color:#7f8c8d;max-width:400px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.actions{margin-top:16px}.task-list{display:grid;gap:16px}.task-item{border:1px solid #eee;border-radius:8px;padding:16px}.task-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.task-header h3{color:#2c3e50}.status{padding:4px 12px;border-radius:12px;font-size:12px;font-weight:500}.status.enabled{background:#d4edda;color:#155724}.status.disabled{background:#f8d7da;color:#721c24}.task-url{color:#7f8c8d;font-size:14px;margin-bottom:8px;word-break:break-all}.task-meta{font-size:13px;color:#95a5a6;margin-bottom:16px}.task-actions{display:flex;gap:8px;flex-wrap:wrap}.empty{text-align:center;padding:40px;color:#95a5a6}.modal{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:#fff;border-radius:8px;padding:24px;max-width:800px;width:90%;max-height:80vh;overflow-y:auto;position:relative}.modal-content .close{position:absolute;top:16px;right:16px;background:none;border:none;font-size:24px;cursor:pointer;color:#7f8c8d}.results-list{display:grid;gap:16px;margin-top:16px}.result-item{border:1px solid #eee;border-radius:4px;padding:12px}.result-item h4{color:#2c3e50;margin-bottom:8px}.result-url{font-size:13px;color:#7f8c8d;word-break:break-all;margin-bottom:8px}.result-meta{font-size:12px;color:#95a5a6;margin-bottom:12px}.error-box{position:fixed;bottom:20px;right:20px;background:#e74c3c;color:#fff;padding:16px 24px;border-radius:8px;box-shadow:0 4px 12px #0003;cursor:pointer;z-index:1001}.error-box strong{display:block;margin-bottom:8px}.error-box small{display:block;margin-top:8px;opacity:.8}