:root{color:#20262e;background:#f4f6f8;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{align-items:center;background:#256f68;border:0;border-radius:6px;color:#fff;cursor:pointer;display:inline-flex;font-weight:800;gap:8px;min-height:40px;padding:9px 14px}button:disabled{cursor:not-allowed;opacity:.62}a{color:#256f68;font-weight:800;text-decoration:none}a:hover{text-decoration:underline}.secondary{background:#e8edf1;color:#26313d}.danger{background:#b7352b;color:#fff}.loading-page,.login-page,.setup-page{align-items:center;display:flex;min-height:100vh;padding:24px}.loading-page{justify-content:center}.login-page,.setup-page{background:linear-gradient(180deg,#ffffffe0,#f4f6f8f5),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1200' height='700' viewBox='0 0 1200 700'%3E%3Crect width='1200' height='700' fill='%23f4f6f8'/%3E%3Cg fill='none' stroke='%23c9d4dc' stroke-width='1'%3E%3Cpath d='M0 120h1200M0 260h1200M0 400h1200M0 540h1200M160 0v700M340 0v700M520 0v700M700 0v700M880 0v700M1060 0v700'/%3E%3C/g%3E%3Cg fill='%23256f68' opacity='.08'%3E%3Crect x='170' y='150' width='150' height='60' rx='8'/%3E%3Crect x='530' y='290' width='210' height='70' rx='8'/%3E%3Crect x='890' y='430' width='160' height='60' rx='8'/%3E%3C/g%3E%3C/svg%3E");background-size:cover}.login-panel,.setup-shell{background:#fff;border:1px solid #d9e0e6;border-radius:8px;box-shadow:0 18px 50px #2a343f24;display:grid;gap:32px;margin:0 auto;max-width:980px;padding:36px;width:100%}.login-panel{grid-template-columns:minmax(0,1fr) 360px}.setup-shell{grid-template-columns:360px minmax(0,1fr)}.setup-embedded .setup-shell{box-shadow:none;margin:0;max-width:none;padding:0}.brand-block h1,.setup-copy h1,.sidebar h1,.topbar h2,.panel h2{margin:0}.brand-block h1,.setup-copy h1{font-size:clamp(2rem,4vw,3.6rem);line-height:1;margin-top:12px}.brand-block p,.setup-copy p{color:#586674;line-height:1.55;margin-top:18px}.eyebrow{color:#6d7784;font-size:.75rem;font-weight:800;letter-spacing:0;text-transform:uppercase}.login-form,.setup-form,.builder-form{display:grid;gap:16px}label{color:#344252;display:grid;font-size:.9rem;font-weight:800;gap:8px}input,select,textarea{background:#fff;border:1px solid #c8d2dc;border-radius:6px;color:#20262e;min-height:42px;padding:10px 12px;width:100%}textarea{min-height:120px;resize:vertical}input:focus,select:focus,textarea:focus{border-color:#256f68;outline:3px solid rgba(37,111,104,.16)}.form-grid{display:grid;gap:14px;grid-template-columns:repeat(2,minmax(0,1fr))}.form-grid .wide{grid-column:1 / -1}.check-row{align-items:center;display:flex;gap:10px}.check-row input{min-height:auto;width:auto}.form-actions{display:flex;flex-wrap:wrap;gap:10px}.form-error{background:#fff1f0;border:1px solid #ffc8c1;border-radius:6px;color:#9a241b;margin:0;padding:10px 12px}.callout{align-items:center;background:#f3f6f7;border:1px solid #d7e0e5;border-radius:6px;color:#344252;display:flex;gap:10px;padding:12px}.callout.success{background:#eef8f4;border-color:#b9dfd1;color:#17634e}.callout.danger{background:#fff1f0;border-color:#ffc8c1;color:#9a241b}.support-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}.pill{background:#eef2f5;border:1px solid #d5dde4;border-radius:999px;color:#4b5865;font-size:.8rem;font-weight:800;padding:7px 10px}.pill.ok{background:#eaf7f2;border-color:#b9dfd1;color:#17634e}.app-shell{display:grid;grid-template-columns:264px minmax(0,1fr);min-height:100vh}.sidebar{background:#20262e;color:#fff;display:grid;grid-template-rows:auto 1fr;gap:28px;padding:24px}.sidebar-header{align-items:center;display:flex;gap:12px}.brand-mark{align-items:center;background:#35a27a;border-radius:8px;color:#fff;display:inline-flex;font-weight:900;height:42px;justify-content:center;width:42px}.sidebar .eyebrow{color:#aab5c0}.sidebar nav{display:grid;gap:8px;align-content:start}.sidebar nav button{background:transparent;color:#e5ebef;justify-content:flex-start;padding:10px 12px;text-align:left;width:100%}.sidebar nav button:hover,.sidebar nav button.active{background:#ffffff1a}.dashboard{display:grid;gap:22px;padding:26px}.topbar,.panel-header{align-items:center;display:flex;gap:16px;justify-content:space-between}.metric-grid{display:grid;gap:14px;grid-template-columns:repeat(4,minmax(0,1fr))}.metric-card,.panel{background:#fff;border:1px solid #d9e0e6;border-radius:8px;padding:18px}.metric-card{display:grid;gap:8px}.metric-card span,.metric-card small{color:#6d7784;font-size:.84rem;font-weight:800}.metric-card strong{color:#20262e;font-size:1.55rem}.panel{display:grid;gap:18px}.panel h3{margin:0}pre{background:#161b22;border-radius:8px;color:#dbe7ee;margin:0;overflow:auto;padding:16px}.table-wrap{border:1px solid #d9e0e6;border-radius:8px;overflow:auto}.smart-table{display:grid;gap:12px}.table-toolbar{align-items:center;display:flex;gap:12px;justify-content:space-between}.filter-box{align-items:center;background:#fff;border:1px solid #c8d2dc;border-radius:6px;display:flex;flex:1;gap:8px;max-width:420px;min-height:40px;padding:0 10px}.filter-box input{border:0;min-height:36px;padding:0}.filter-box input:focus{outline:0}table{border-collapse:collapse;min-width:680px;width:100%}th,td{border-bottom:1px solid #e6ebef;padding:12px 14px;text-align:left}th{background:#f6f8fa;color:#4d5966;font-size:.78rem;text-transform:uppercase}td{color:#26313d}tr:last-child td{border-bottom:0}.analysis-grid{display:grid;gap:14px}.row-actions{display:flex;gap:8px}.icon-button{height:32px;justify-content:center;min-height:32px;padding:0;width:32px}.inline-form{background:#f8fafb;border:1px solid #d9e0e6;border-radius:8px;display:grid;gap:16px;padding:16px}.inline-form header{align-items:center;display:flex;justify-content:space-between}.permission-grid{display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}.permission-card{align-items:flex-start;background:#fff;border:1px solid #d9e0e6;border-radius:8px;display:flex;gap:10px;padding:12px}.permission-card input{margin-top:3px;min-height:auto;width:auto}.permission-card span{display:grid;gap:4px}.permission-card small{color:#667381;font-weight:600;line-height:1.35}.permission-card.important{background:#eef8f4;border-color:#b9dfd1}.api-layout{display:grid;gap:18px}.api-management-header{gap:14px}.subnav{display:flex;flex-wrap:wrap;gap:8px}.subnav button{background:#eef2f5;color:#344252}.subnav button.active{background:#256f68;color:#fff}.stepper{display:grid;gap:8px;grid-template-columns:repeat(5,minmax(0,1fr))}.stepper button{background:#eef2f5;color:#344252;justify-content:center}.stepper button.active{background:#256f68;color:#fff}.builder-step{display:grid;gap:16px}.editor-table input,.editor-table select{min-width:120px}.editor-table input[type=checkbox]{min-height:auto;width:auto}.method-row,.token-list{display:flex;flex-wrap:wrap;gap:10px}.pill-check{align-items:center;background:#fff;border:1px solid #c8d2dc;border-radius:999px;display:inline-flex;gap:8px;padding:8px 12px}.pill-check input{min-height:auto;width:auto}.review-grid{display:grid;gap:12px;grid-template-columns:repeat(4,minmax(0,1fr))}.review-grid div{background:#f6f8fa;border:1px solid #d9e0e6;border-radius:8px;display:grid;gap:6px;padding:14px}.review-grid span{color:#667381;font-size:.78rem;font-weight:800;text-transform:uppercase}.review-grid strong{overflow-wrap:anywhere}@media(max-width:980px){.login-panel,.setup-shell,.app-shell,.metric-grid,.form-grid,.permission-grid,.stepper,.review-grid{grid-template-columns:1fr}.sidebar{gap:18px}.sidebar nav{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:620px){.login-page,.setup-page,.dashboard{padding:16px}.login-panel,.setup-shell{padding:22px}.sidebar nav{grid-template-columns:1fr}.topbar,.panel-header,.table-toolbar,.inline-form header{align-items:stretch;display:grid}.filter-box{max-width:none}}