:root{--nav:#101826;--nav2:#172235;--bg:#f4f6f9;--card:#fff;--text:#17202e;--muted:#697386;--line:#e4e8ef;--blue:#5b4cf0;--green:#0f9d6e;--red:#c8323c}
*{box-sizing:border-box}body{margin:0;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;background:var(--bg);color:var(--text);font-size:14px}
a{color:inherit}.sidebar{position:fixed;left:0;top:0;bottom:0;width:250px;background:var(--nav);color:#dbe4f3;padding:22px 14px;overflow:auto}.brand{font-size:27px;font-weight:900;letter-spacing:2px;color:#fff}.brand.dark{color:#17202e}.eyebrow{font-size:10px;letter-spacing:2.3px;font-weight:800;color:#7a879b;margin:6px 0 22px}.sidebar-eye{color:#728198}.nav-label{font-size:10px;letter-spacing:1.2px;color:#6f7f98;margin:20px 10px 7px;font-weight:800}.sidebar>a{display:block;text-decoration:none;padding:9px 10px;border-radius:8px;margin:2px 0;color:#cbd5e3}.sidebar>a:hover,.sidebar>a.active{background:var(--nav2);color:#fff}.shop-chip{background:#172235;border:1px solid #25344c;border-radius:9px;padding:10px;margin:14px 0;color:#fff}.shop-chip span{display:block;color:#8594aa;font-size:10px;text-transform:uppercase}.shop-chip strong{display:block;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nav-bottom{margin-top:26px;border-top:1px solid #26344b;padding:15px 10px;display:flex;justify-content:space-between;color:#98a5b8}
.main{margin-left:250px;padding:28px;max-width:1800px}.top{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.top h1{margin:0 0 3px;font-size:28px}.muted{color:var(--muted)}.sync-pill{background:#e9eef7;padding:8px 12px;border-radius:99px;color:#55637a;font-size:12px}
.card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:20px;margin-bottom:18px;box-shadow:0 1px 2px rgba(16,24,40,.03)}.card h2{margin-top:0}.split{display:flex;gap:18px;align-items:flex-start}.side-card{width:370px}.grow{flex:1}.grid2,.grid3{display:grid;gap:14px 18px;margin-bottom:15px}.grid2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid3{grid-template-columns:repeat(3,minmax(0,1fr))}
label{display:block;font-weight:650;color:#364152;margin-bottom:12px}input,select,textarea{width:100%;margin-top:6px;border:1px solid #ccd3de;background:#fff;border-radius:8px;padding:10px 11px;font:inherit;color:var(--text)}textarea{min-height:76px}.check{display:flex;gap:8px;align-items:center}.check input{width:auto;margin:0}
.btn{display:inline-block;border:1px solid #cbd2dc;background:#fff;border-radius:8px;padding:9px 14px;font-weight:700;text-decoration:none;cursor:pointer;color:#273244}.btn.primary{background:var(--blue);border-color:var(--blue);color:#fff}.btn.full{width:100%}.btn.small{padding:6px 10px;font-size:12px}.row-actions,.inline{display:flex;gap:10px;align-items:end;margin-top:14px}.inline label{margin:0}.connect-form{padding:14px;background:#f8f9fc;border:1px solid var(--line);border-radius:10px;margin-bottom:18px}.inline-input{display:flex;gap:8px}.inline-input input{margin-top:0}.inline-input .btn{white-space:nowrap}.compact-form{display:flex;gap:10px;align-items:end;margin-top:18px;max-width:420px}.compact-form label{margin:0;flex:1}
.notice{padding:12px 14px;border-radius:9px;margin-bottom:16px;border:1px solid}.notice.success{background:#ecfdf5;border-color:#a7f3d0;color:#166534}.notice.error{background:#fef2f2;border-color:#fecaca;color:#991b1b}.notice.warning{background:#fffbeb;border-color:#fde68a;color:#92400e}.info-box{margin-top:16px;padding:13px;background:#f2f6fc;border-left:4px solid #6595e8;border-radius:7px;color:#43536b}
table{width:100%;border-collapse:collapse;font-size:13px}th{text-align:left;color:#667085;background:#f8fafc;font-size:11px;text-transform:uppercase;letter-spacing:.4px}th,td{padding:11px 10px;border-bottom:1px solid var(--line);vertical-align:top}tr:last-child td{border-bottom:0}.table-scroll{overflow:auto}.badge{display:inline-block;background:#edf1f6;border-radius:99px;padding:4px 8px;font-size:11px;font-weight:800}.badge.green{background:#dcfce7;color:#166534}.badge.red{background:#fee2e2;color:#991b1b}.link{border:0;background:0;cursor:pointer;text-decoration:underline}.danger{color:var(--red)}.actions-cell{display:flex;gap:8px;align-items:center}.inline-form{display:inline}
.metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin-bottom:18px}.metric{background:#fff;border:1px solid var(--line);border-radius:13px;padding:18px}.metric span{display:block;color:#697386}.metric strong{font-size:25px;display:block;margin-top:8px}.metric small{color:#8490a3;display:block;margin-top:5px}.flow{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.flow b{background:#eff4ff;padding:9px 11px;border-radius:8px}.empty{padding:25px;text-align:center;color:#7d899b}
.login-bg,.install{min-height:100vh;display:grid;place-items:center;background:#eef2f7}.login-card,.install-card{width:min(460px,92vw);background:#fff;border:1px solid var(--line);border-radius:16px;padding:28px;box-shadow:0 15px 40px rgba(20,35,60,.08)}.install-card{width:min(800px,94vw)}.login-card h1,.install-card h1{font-size:23px}code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}
@media(max-width:1000px){.sidebar{position:static;width:auto}.main{margin-left:0;padding:18px}.grid3,.grid2,.metrics{grid-template-columns:1fr}.split{display:block}.side-card{width:auto}.inline-input{display:block}.inline-input .btn{margin-top:8px;width:100%}}


.credential-status{display:grid;grid-template-columns:1fr;gap:8px;margin:12px 0 14px}
.credential-status>div{border:1px solid var(--line);background:#f8fafc;border-radius:9px;padding:10px 12px}
.credential-status span{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.4px;color:var(--muted);font-weight:800;margin-bottom:4px}
.credential-status strong{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px}