*{box-sizing:border-box;margin:0;padding:0;font-family:Inter,Segoe UI,sans-serif}html,body,#app{height:100%;margin:0;padding:0}body{display:flex;justify-content:center;align-items:flex-start;background-color:#1f2937;font-family:Inter,Segoe UI,sans-serif;padding:2rem;color:#e5e7eb}#app{width:100%;display:flex;justify-content:center}main{max-width:1800px;width:100%;margin:0 auto;padding:2rem;background-color:#111827;color:#e5e7eb;border-radius:12px;box-shadow:0 4px 12px #00000014}ul{list-style-type:disc;list-style-position:inside}h1{font-size:1.75rem;margin-bottom:2rem;text-align:center}section{margin-bottom:2rem}.queue_job,.fetch_jobs{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}input[type=text],input[type=number],select{flex:1 1 200px;padding:.5rem .75rem;border:1px solid #374151;background-color:#1f2937;border-radius:8px;font-size:1rem;transition:border-color .2s,box-shadow .2s;color:#e5e7eb}input::placeholder{color:#9ca3af}input:focus,select:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #3b82f64d}button{padding:.5rem 1rem;height:40px;background-color:#3b82f6;color:#fff;font-weight:500;border:none;border-radius:8px;cursor:pointer;transition:background-color .2s,transform .1s}button:disabled{opacity:.6;cursor:not-allowed}button:hover:not(:disabled){background-color:#2563eb}.table-container{max-height:75vh;width:100%;overflow-y:auto;margin-top:1rem;background-color:#1f2937;border-radius:8px;border:1px solid #374151;box-shadow:0 2px 6px #0000000d}table{width:100%;border-collapse:collapse;overflow-x:hidden}thead th{position:sticky;top:0;background-color:#111827;z-index:1}th,td{padding:.75rem 1rem;text-align:left;border:1px solid #374151}th{background-color:#111827;font-weight:600}th:last-child,td:last-child{text-align:center;min-width:160px}tr:hover td{background-color:#111827}.status-badge{display:inline-block;padding:.25rem .5rem;border-radius:12px;font-size:.85rem;font-weight:500;text-transform:capitalize;color:#fff}.status-badge.pending{background-color:#f59e0b}.status-badge.synced{background-color:#3b82f6}.status-badge.ready{background-color:#10b981}.spinner{display:inline-block;width:16px;height:16px;border:2px solid #ffffff;border-top:2px solid rgba(255,255,255,.5);border-radius:50%;animation:spin .6s linear infinite;margin-right:.3rem}@keyframes spin{to{transform:rotate(360deg)}}.toast{position:fixed;top:2rem;right:2rem;padding:.75rem 1rem;border-radius:8px;color:#fff;font-weight:500;box-shadow:0 4px 12px #00000026;z-index:999;animation:fadein .3s ease}.toast.success{background-color:#10b981;color:#fff}.toast.error{background-color:#ef4444;color:#fff}@keyframes fadein{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}p{margin-top:.5rem}.error{color:#b91c1c;font-weight:500}.modal-overlay{position:fixed;inset:0;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000}.modal{background-color:#1f2937;padding:1.5rem;border-radius:12px;max-width:400px;width:90%;box-shadow:0 6px 20px #00000080;color:#e5e7eb}.modal h2{margin-bottom:1rem}.modal p{margin-bottom:1.5rem;font-size:.95rem}.close-btn{padding:.5rem 1rem;border:none;border-radius:8px;background-color:#3b82f6;color:#fff;font-weight:500;cursor:pointer}.close-btn:hover{background-color:#1d4ed8}.info-btn{width:32px;height:32px;border-radius:50%;border:1px solid #4b5563;background-color:#374151;color:#e5e7eb;font-weight:700;cursor:pointer;display:flex;justify-content:center;align-items:center;transition:background-color .2s,transform .1s}.info-btn:hover{background-color:#4b5563;transform:translateY(-1px)}.loading-screen{color:#e5e7eb;font-size:1.25rem;text-align:center;margin-top:3rem}.header-actions{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.header-actions h1{margin-bottom:0;text-align:left;flex:1}.logout-btn{background-color:#ef4444;width:auto}.logout-btn:hover{background-color:#dc2626}