:root{--bg:#101419;--panel:#191f27;--border:#2a323c;--muted:#94a0ad;--mint:#4fd5ad;--bs-primary:#4fd5ad;--bs-body-bg:var(--bg);--bs-body-color:#e8eef5;--bs-border-color:var(--border);--bs-secondary-color:var(--muted)}
body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif;font-size:14px;background:var(--bg)}
h1{font-size:28px;font-weight:700;letter-spacing:-.8px;margin:6px 0 0}h2{font-size:34px;font-weight:650;letter-spacing:-1px}h3{font-size:18px;font-weight:600}.eyebrow{font-size:10px;font-weight:700;letter-spacing:1.7px;color:var(--muted)}
.sidebar{width:240px;position:fixed;inset:0 auto 0 0;background:#151a21;border-right:1px solid var(--border);padding:30px 20px;display:flex;flex-direction:column}.brand{display:flex;gap:12px;align-items:center;color:#fff;text-decoration:none;font-size:19px;font-weight:650}.brand small{display:block;font-size:10px;font-weight:400;color:var(--muted);margin-top:3px}.brand-icon{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:12px;background:var(--mint);color:#102b24;font-size:25px;font-weight:600}.nav-title{margin:45px 10px 15px}.nav-item{display:flex;gap:12px;width:100%;border:0;background:none;padding:13px 12px;color:var(--muted);text-align:left;border-radius:8px;margin:5px 0}.nav-item.active{background:#213930;color:#7fe3c4}.nav-item:hover{color:#fff}.sidebar-bottom{margin-top:auto;font-size:12px;color:var(--muted)}.dot{display:inline-block;width:7px;height:7px;background:var(--mint);border-radius:50%;margin-right:7px}main{margin-left:240px;padding:34px 40px;max-width:1860px}header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:32px}.btn-primary{--bs-btn-bg:var(--mint);--bs-btn-color:#0d3027;--bs-btn-border-color:var(--mint);--bs-btn-hover-bg:#76e4c2;--bs-btn-hover-border-color:#76e4c2;--bs-btn-hover-color:#0d3027;--bs-btn-active-bg:#76e4c2;--bs-btn-active-color:#0d3027;font-weight:650}.btn{font-size:13px;padding:10px 17px}.card{background:var(--panel);border-color:var(--border);border-radius:12px}.hero{padding:30px 34px;display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:20px;margin-bottom:22px;background:radial-gradient(ellipse at 95% 10%,#1e453c 0,transparent 65%),var(--panel)}.hero h2{margin:12px 0}.hero-status{text-align:right;font-size:12px}.tag{display:inline-block;padding:5px 9px;border-radius:6px;font-size:11px;background:#293440;color:#c9d3dc;white-space:nowrap}.tag.updated,.tag.completed{background:#204c3d;color:#87e1bd}.tag.failed,.tag.cancelled,.tag.interrupted{background:#482b31;color:#f4a7b4}.tag.skipped,.tag.completed_with_issues{background:#4a3f26;color:#edd28a}.tag.simulated{background:#2b3e58;color:#a2c5fa}.tag.running,.tag.pending{background:#29463d;color:#9be6c9}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:24px}.stat{padding:22px}.stat span{color:var(--muted);font-size:12px}.stat strong{font-size:30px;letter-spacing:-1px;font-weight:600;margin:10px 0}.stat small{font-size:10px;color:var(--muted)}progress{width:100%;height:9px;border:0;border-radius:8px;overflow:hidden;accent-color:var(--mint)}progress::-webkit-progress-bar{background:#2a3440}progress::-webkit-progress-value{background:var(--mint)}progress::-moz-progress-bar{background:var(--mint)}.connection-row{padding:14px 0;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;gap:15px}.connection-row:last-child{border:0}.connection-row small{display:block;color:var(--muted);margin-top:4px;word-break:break-all}.steps{padding-left:20px;color:var(--muted);line-height:2.3;margin:10px 0 0}.form-control,.form-select{background-color:#111820;border-color:#35414e;min-height:43px;font-size:13px}.form-control:focus,.form-select:focus{border-color:var(--mint);box-shadow:0 0 0 3px #4fd5ad15}.form-check-input:checked{background-color:#36b993;border-color:#36b993}.form-text{font-size:11px}.table{--bs-table-bg:transparent;--bs-table-color:#dce3ec;--bs-table-border-color:var(--border);font-size:12px}.table thead th{color:var(--muted);font-size:11px;font-weight:500;padding:14px 10px;white-space:nowrap}.table td{padding:16px 10px}.table small{display:block;color:var(--muted);margin-top:5px}.status-select{max-width:210px}.pagination-bar{display:flex;align-items:center;justify-content:space-between;gap:15px;color:var(--muted);font-size:12px;margin-top:16px}.pagination-bar button{padding:6px 12px}footer{display:flex;justify-content:space-between;margin-top:40px;color:#73808d;font-size:10px;letter-spacing:1px}.notice{position:fixed;top:20px;right:24px;z-index:2000;max-width:500px;padding:16px 22px;background:#243c33;color:#b3f2d8;border:1px solid #466d5d;border-radius:9px;box-shadow:0 10px 35px #0005}.notice.error{background:#462b32;color:#ffd7df;border-color:#8c4856}.login-wrap{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(ellipse at 20% 10%,#1a3b34,transparent 60%)}.login-card{width:min(480px,100%)}.login-card h1{font-size:30px}.modal-content{background:var(--panel);border-color:var(--border)}code{color:#8dd7bb}a{color:#8de1c8}.d-none{display:none!important}
@media(max-width:1100px){main{padding:28px 22px}.sidebar{width:205px}main{margin-left:205px}.stats{gap:10px}.stat{padding:16px}.stat strong{font-size:25px}.hero h2{font-size:30px}}
@media(max-width:760px){.sidebar{position:sticky;top:0;inset:auto;width:100%;z-index:20;padding:12px 16px;border-bottom:1px solid var(--border);border-right:0}.brand{font-size:16px}.brand small,.nav-title,.sidebar-bottom{display:none}.brand-icon{width:30px;height:30px;font-size:22px}.sidebar nav{display:flex;gap:4px;margin-top:8px}.nav-item{padding:9px 8px;justify-content:center;font-size:11px;margin:0}.nav-item span{font-size:10px}main{margin-left:0;padding:22px 16px}header{gap:12px;margin-bottom:22px}header h1{font-size:24px}header .btn{padding:9px 12px;font-size:11px}.hero{padding:22px;align-items:flex-start;flex-direction:column}.hero-status{text-align:left}.stats{grid-template-columns:repeat(2,1fr)}.card.p-4{padding:20px!important}.status-select{max-width:100%}footer{letter-spacing:0}.notice{left:16px;right:16px;max-width:none}.eyebrow{font-size:9px}}

.tag.paused,.tag.pausing{background:#4a3f26;color:#edd28a}.tag.stopping,.tag.deleting{background:#482b31;color:#f4a7b4}.sync-actions{max-width:560px}#sync-state{padding:0;background:transparent}#sync-percent{color:var(--mint)}@media(max-width:760px){.sync-actions{max-width:100%;justify-content:flex-start!important}.sync-actions .btn{padding:8px 10px;font-size:11px}#dashboard .card>.d-flex.justify-content-between.align-items-start{flex-wrap:wrap}}