:root{--ink:#17201c;--muted:#66716b;--paper:#f2f1eb;--card:#fff;--line:#d9ddd8;--accent:#146c51;--accent2:#d8f15b;--danger:#a33b35;--shadow:0 18px 60px rgba(23,32,28,.08)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Tahoma,"Segoe UI",sans-serif;line-height:1.7}button,input,select{font:inherit}button,.button{cursor:pointer}a{color:inherit;text-decoration:none}
.topbar{height:74px;padding:0 max(24px,calc((100vw - 1180px)/2));display:flex;align-items:center;gap:32px;border-bottom:1px solid var(--line);background:rgba(242,241,235,.94);position:sticky;top:0;z-index:10}.brand{font-weight:900;font-size:19px;white-space:nowrap}.brand span{font-size:11px;color:var(--muted);font-weight:400;margin-right:8px}.topbar nav{display:flex;gap:24px;margin-left:auto}.topbar nav a{color:var(--muted);font-size:13px}.page{max-width:1180px;margin:auto;padding:54px 24px 90px}.hero{display:flex;justify-content:space-between;align-items:end;gap:30px;padding:35px 0 64px}.hero h1{font-size:clamp(38px,6vw,72px);max-width:750px;line-height:1.2;margin:8px 0 18px;letter-spacing:-2px}.hero p{color:var(--muted);max-width:650px}.eyebrow{font:700 11px/1.3 monospace;color:var(--accent);letter-spacing:2px}.status-dot{font-size:12px;white-space:nowrap}.status-dot i{display:inline-block;width:9px;height:9px;border-radius:50%;background:#42bb65;box-shadow:0 0 0 5px #d8eadc;margin-left:8px}.stats{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);background:var(--card);box-shadow:var(--shadow);margin-bottom:90px}.stats article{padding:26px;border-left:1px solid var(--line)}.stats article:last-child{border:0}.stats strong{font:800 34px/1 monospace;display:block}.stats span{color:var(--muted);font-size:12px}.section-grid{display:grid;grid-template-columns:1fr 2fr;gap:50px;align-items:start;scroll-margin-top:90px}.section-grid.bordered,.history.bordered{border-top:1px solid var(--line);padding-top:86px;margin-top:90px}.section-copy h2{font-size:34px;margin:8px 0}.section-copy>p:last-child{color:var(--muted);max-width:330px}.panel{background:var(--card);border:1px solid var(--line);padding:28px;box-shadow:var(--shadow)}.panel h3{margin:0 0 22px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.form-grid label{font-size:12px;font-weight:700}.form-grid input,.form-grid select,.stack input{width:100%;display:block;margin-top:6px;border:1px solid var(--line);background:#fbfbf8;padding:10px 12px;min-height:45px;border-radius:2px;outline:none}.form-grid input:focus,.form-grid select:focus,.stack input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #146c5115}.form-grid small{display:block;color:var(--muted);font-weight:400;margin-top:3px}.full{grid-column:1/-1}.check{display:flex;gap:8px;align-items:center}.check input{width:auto;min-height:auto;margin:0;accent-color:var(--accent)}.form-actions,.actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}button,.button{border:0;padding:9px 14px;border-radius:2px;font-size:12px;font-weight:700;display:inline-flex;align-items:center;justify-content:center}.primary{background:var(--ink);color:white}.primary:hover{background:var(--accent)}.secondary{background:var(--accent2);color:var(--ink)}.ghost{background:transparent;border:1px solid var(--line)}.danger{background:#f7e6e3;color:var(--danger)}button:disabled{opacity:.45;cursor:not-allowed}.card-list{margin:28px 0 0 0;display:grid;gap:10px;margin-right:calc(33.33% + 34px)}.connection-card{display:grid;grid-template-columns:46px 1fr auto auto;align-items:center;gap:16px;background:var(--card);border:1px solid var(--line);padding:16px}.connection-card h3,.connection-card p{margin:0}.connection-card p{font-size:12px;color:var(--muted)}.db-icon{width:42px;height:42px;background:var(--ink);color:var(--accent2);display:grid;place-items:center;font:bold 20px monospace}.badge{font-size:10px;padding:3px 8px;border-radius:20px;background:#e5e6e3;color:var(--muted);white-space:nowrap}.badge.ok{background:#dcefe5;color:#176042}.badge.bad{background:#f7e2df;color:#922f29}.badge.run{background:#fff1c7;color:#735800}.notice{background:#fff4ca;padding:10px;font-size:12px}.required-field{color:var(--accent)}.jobs-list{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:28px;margin-right:calc(33.33% + 34px)}.job-card{background:var(--card);border:1px solid var(--line);padding:22px}.job-head{display:flex;justify-content:space-between}.mode{font:11px monospace;color:var(--muted)}.job-card h3{margin:15px 0 2px}.route{font:12px monospace;color:var(--muted);direction:ltr;text-align:right}.job-card dl{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);padding-top:14px}.job-card dt{font-size:10px;color:var(--muted)}.job-card dd{font:11px monospace;margin:0;direction:ltr;text-align:right}.history{scroll-margin-top:90px}.history .section-copy{margin-bottom:24px}.table-wrap{overflow:auto;background:var(--card);border:1px solid var(--line)}table{border-collapse:collapse;width:100%;font-size:12px;min-width:800px}th,td{text-align:right;padding:13px 15px;border-bottom:1px solid var(--line);vertical-align:top}th{color:var(--muted);font-size:10px;background:#fafaf7}.error-text{color:var(--danger);font-size:11px;max-width:360px;overflow-wrap:anywhere}.empty{text-align:center;color:var(--muted);padding:30px}.flash{max-width:1180px;margin:0 auto 16px;padding:12px 16px;border:1px solid}.flash.success{background:#dcefe5;border-color:#b3d8c2;color:#176042}.flash.error{background:#f7e2df;border-color:#e9bbb6;color:#922f29}.text-ok{color:var(--accent);font-size:12px}.text-bad{color:var(--danger);font-size:12px}.login-shell{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 20% 20%,#d8f15b55,transparent 25%),var(--paper)}.login-card{width:min(440px,100%);background:var(--card);border:1px solid var(--line);padding:45px;box-shadow:var(--shadow)}.login-card h1{font-size:34px;margin:5px 0}.login-card .muted{color:var(--muted);font-size:13px;margin-bottom:28px}.mark{width:48px;height:48px;display:grid;place-items:center;background:var(--ink);color:var(--accent2);font:bold 18px monospace;margin-bottom:24px}.stack{display:grid;gap:16px}.stack label{font-size:12px;font-weight:700}.stack button{margin-top:10px;min-height:48px}
dialog{width:min(420px,calc(100% - 32px));border:1px solid var(--line);padding:28px;box-shadow:var(--shadow);color:var(--ink)}dialog::backdrop{background:#17201c99}dialog h3{margin-top:0}dialog p{color:var(--muted)}
.password-input{display:flex;align-items:stretch;margin-top:6px}.password-input input{margin-top:0}.password-input button{white-space:nowrap;border-right:0}
@media(max-width:850px){.topbar nav{display:none}.topbar{padding:0 18px}.page{padding:30px 16px 70px}.hero{display:block;padding-bottom:38px}.status-dot{margin-top:24px}.stats{grid-template-columns:1fr 1fr;margin-bottom:60px}.stats article:nth-child(2){border-left:0}.stats article:nth-child(-n+2){border-bottom:1px solid var(--line)}.section-grid{grid-template-columns:1fr;gap:20px}.section-grid.bordered{padding-top:60px;margin-top:60px}.card-list,.jobs-list{margin-right:0}.connection-card{grid-template-columns:42px 1fr auto}.connection-card .actions{grid-column:1/-1}.jobs-list{grid-template-columns:1fr}}
@media(max-width:540px){.brand span{display:none}.form-grid{grid-template-columns:1fr}.form-grid>*{grid-column:1}.panel{padding:20px 16px}.stats article{padding:18px}.stats strong{font-size:27px}.connection-card{grid-template-columns:42px 1fr}.connection-card>.badge{grid-column:2}.login-card{padding:30px 22px}}


@font-face{font-family:"Vazirmatn";src:url("/static/fonts/Vazirmatn.woff2") format("woff2");font-style:normal;font-weight:100 900;font-display:swap}
:root{--ink:#10231c;--muted:#637069;--paper:#f3f4ee;--card:#fff;--line:#dce1dc;--accent:#087a57;--accent2:#dff36c;--radius:16px;--radius-sm:10px;--shadow:0 20px 55px rgba(16,35,28,.08)}
body{font-family:"Vazirmatn",Tahoma,"Segoe UI",sans-serif;background:radial-gradient(circle at 90% 0,#e6f0d8 0,transparent 28rem),var(--paper)}
.topbar{background:rgba(243,244,238,.88);backdrop-filter:blur(14px)}
.brand{letter-spacing:-.4px}.hero h1{font-weight:850;letter-spacing:-3px}.section-copy h2{font-weight:820;letter-spacing:-1px}
button,.button,.form-grid input,.form-grid select,.stack input{border-radius:var(--radius-sm)}
button,.button,.connection-card,.job-card{transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease,background .18s ease}
button:hover,.button:hover{transform:translateY(-1px)}
:focus-visible{outline:3px solid color-mix(in srgb,var(--accent) 34%,transparent);outline-offset:2px}
.panel,.stats,.connection-card,.job-card,.table-wrap,.login-card,dialog{border-radius:var(--radius)}
.stats,.table-wrap{overflow:hidden}.panel{position:relative}.panel:before{content:"";position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,var(--accent),var(--accent2));border-radius:var(--radius) var(--radius) 0 0}
.connection-card:hover,.job-card:hover{border-color:#b8c6bd;box-shadow:0 14px 32px rgba(16,35,28,.08);transform:translateY(-2px)}
.db-icon{border-radius:12px;background:linear-gradient(145deg,var(--ink),#245b48);box-shadow:inset 0 0 0 1px #ffffff18}
.badge{font-weight:650}.mode{padding:3px 8px;border-radius:20px;background:#eef0eb}
.list-toolbar{margin:28px 0 0;margin-right:calc(33.33% + 34px);display:flex;align-items:end;justify-content:space-between;gap:18px;padding:16px 18px;background:rgba(255,255,255,.72);border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 8px 30px rgba(16,35,28,.04)}
.search-box{display:block;flex:1;font-size:11px;font-weight:750;color:var(--muted)}.search-box input{display:block;width:100%;min-height:43px;margin-top:5px;padding:9px 13px;border:1px solid var(--line);border-radius:var(--radius-sm);background:#fff;font:inherit;color:var(--ink);outline:none}.search-box input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #087a5718}
.list-count{font-size:11px;color:var(--muted);white-space:nowrap;padding-bottom:11px}.list-count b{font-size:17px;color:var(--ink);margin-left:3px}
.list-toolbar+.card-list,.list-toolbar+.jobs-list{margin-top:10px}.filter-empty{margin-right:calc(33.33% + 34px);background:#fff;border:1px dashed var(--line);border-radius:var(--radius)}
.connection-card[hidden],.job-card[hidden],.filter-empty[hidden]{display:none}
.sync-route{display:grid;grid-template-columns:minmax(0,1fr) 28px minmax(0,1fr);align-items:center;gap:8px;margin:16px 0;padding:12px;background:#f7f8f4;border:1px solid #e7ebe6;border-radius:12px}.endpoint{min-width:0}.endpoint span{display:block;font-size:9px;color:var(--muted)}.endpoint strong,.endpoint code{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.endpoint strong{font-size:12px}.endpoint code{margin-top:2px;color:var(--accent);font:10px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace}.route-arrow{text-align:center;color:var(--accent);font-size:18px}
.job-card h3{margin-bottom:0}.job-card dl{margin-top:0}.flash{border-radius:var(--radius-sm)}
@media(max-width:850px){.list-toolbar,.filter-empty{margin-right:0}.hero h1{letter-spacing:-2px}}
@media(max-width:540px){.list-toolbar{align-items:stretch;flex-direction:column}.list-count{padding:0}.sync-route{grid-template-columns:1fr}.route-arrow{transform:rotate(-90deg)}.endpoint{text-align:center}}
.product-signature{margin:70px 0 0;padding-top:22px;border-top:1px solid var(--line);text-align:center;color:var(--muted);font-size:11px}.login-card .product-signature{margin:28px 0 0;padding-top:18px;line-height:1.9}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.connection-card,.job-card,button,.button{transition:none!important}}