:root{--bg:#f5f0e7;--panel:#fffdf9;--ink:#24262b;--muted:#7c7468;--gold:#b28b43;--line:#e8dfcf;--good:#1f7756;--warn:#a36a19;--bad:#a84242;--shadow:0 14px 34px rgba(61,45,19,.08)}*{box-sizing:border-box}body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;background:linear-gradient(135deg,#faf8f3,#eee4d3);color:var(--ink)}a{text-decoration:none;color:inherit}.shell{display:grid;grid-template-columns:245px 1fr;min-height:100vh}.sidebar{background:#202226;color:#fff;padding:22px 16px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.brand{display:flex;align-items:center;gap:12px}.brand-mark{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;font-weight:900;background:linear-gradient(145deg,#d3b36c,#8f6b2c);color:#fff}.brand small,.brand strong{display:block}.brand small{font-size:11px;color:#beb8ae;margin-top:4px}.sidebar nav{display:grid;gap:7px;margin-top:28px}.sidebar nav a{padding:11px 12px;border-radius:10px;color:#dedad3}.sidebar nav a:hover{background:#ffffff12}.sidebar-foot{margin-top:auto;display:grid;gap:9px}.demo-badge{background:#8b692c;color:#fff;padding:6px 9px;border-radius:999px;font-size:10px;width:max-content}.content{padding:20px 24px;min-width:0}.topbar{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:16px}.topbar h1{margin:0;font-size:25px}.topbar p{margin:5px 0 0;color:var(--muted);font-size:12px}.top-actions{display:flex;gap:8px}.btn,select,input{border:1px solid var(--line);border-radius:10px;background:#fff;padding:10px 12px;font:inherit}.btn{font-weight:750;cursor:pointer;display:inline-block}.btn.primary{background:linear-gradient(135deg,#c09b51,#98732f);color:#fff;border:0}.btn.danger{background:#fff0f0;color:var(--bad)}.btn:disabled{opacity:.55}.hero{background:radial-gradient(circle at 95% 0,#d8bd7e,transparent 30%),linear-gradient(135deg,#202124,#35363a);color:#fff;border-radius:23px;padding:24px;display:flex;justify-content:space-between;align-items:center;box-shadow:var(--shadow)}.hero h2{margin:0 0 8px;font-size:28px}.health{border:1px solid #ffffff2c;padding:18px 24px;border-radius:18px;text-align:center}.health strong{font-size:34px;color:#efd898;display:block}.kpi-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;margin:14px 0}.card,.install-card,.login-card{background:#fffdf9ee;border:1px solid var(--line);border-radius:17px;padding:15px;box-shadow:var(--shadow)}.kpi span{display:block;color:var(--muted);font-size:10px;text-transform:uppercase}.kpi strong{display:block;font-size:20px;margin-top:7px}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:14px}.card-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.card-head span{font-size:10px;background:#f1e4ca;padding:6px 9px;border-radius:999px}.note{border:1px solid var(--line);border-radius:11px;padding:11px;background:#fbf7ef;font-size:12px;margin:8px 0}.note.warning{background:#fff4e4;color:#8d5b11}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;min-width:1100px}th,td{padding:11px;border-bottom:1px solid var(--line);font-size:11px;text-align:left}th{color:var(--muted);background:#fbf8f2}.status{display:inline-block;border-radius:999px;padding:5px 8px;font-size:10px;background:#eee}.status.connected,.status.approved,.status.active{background:#e7f5ed;color:var(--good)}.status.pending,.status.setup_required{background:#fff2dd;color:var(--warn)}.status.error,.status.rejected,.status.failed{background:#fdecec;color:var(--bad)}.decision-list{display:grid;gap:10px}.decision{display:grid;grid-template-columns:1fr .7fr 1.6fr .5fr auto;gap:12px;align-items:center;border:1px solid var(--line);border-radius:13px;padding:12px;background:#faf7f0}.decision small{display:block;color:var(--muted)}.decision-actions{display:flex;gap:6px}.connector-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.connector{display:grid;gap:12px}.connector-top{display:flex;justify-content:space-between}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:14px}label{display:grid;gap:6px;font-size:12px;font-weight:700}.alert{padding:11px;border-radius:10px;margin-bottom:12px}.alert.success{background:#e7f5ed;color:var(--good)}.alert.error{background:#fdecec;color:var(--bad)}.login-body{min-height:100vh;display:grid;place-items:center;padding:20px}.login-card,.install-card{width:min(520px,100%);padding:25px}.install-card{width:min(760px,100%)}.login-card form,.install-card form{display:grid;gap:13px}.login-note{color:var(--muted);font-size:11px}@media(max-width:1100px){.kpi-grid{grid-template-columns:repeat(3,1fr)}.connector-grid{grid-template-columns:1fr 1fr}.decision{grid-template-columns:1fr 1fr}.reason,.decision-actions{grid-column:1/-1}}@media(max-width:780px){.shell{grid-template-columns:1fr}.sidebar{position:relative;height:auto}.sidebar nav{grid-template-columns:repeat(2,1fr)}.content{padding:14px}.topbar,.hero{align-items:flex-start;flex-direction:column}.kpi-grid{grid-template-columns:repeat(2,1fr)}.grid-2,.connector-grid,.form-grid{grid-template-columns:1fr}}@media print{.sidebar,.top-actions{display:none}.shell{display:block}}