:root{--brand:#4640d4;--ink:#17243e;--muted:#717b8e;--bg:#f4f5fc;--line:#e6e8f2;--soft:#efedff;--white:#fff;--green:#087c63;--red:#b43b46;--amber:#986015}*{box-sizing:border-box}body{margin:0;background:var(--bg);font:14px/1.5 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink)}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:3px}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}button:focus-visible,a:focus-visible{outline:3px solid #827af4}svg{width:20px;height:20px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}[hidden]{display:none!important}header{height:76px;display:flex;align-items:center;gap:26px;padding:0 28px}header img{width:180px;height:auto}header .search{margin-right:auto;max-width:540px;flex:1}input,select,textarea{border:1px solid #dcdfea;border-radius:9px;background:#fff;color:var(--ink);min-height:44px;padding:10px 12px;min-width:0;max-width:100%}input:focus,select:focus,textarea:focus{border-color:var(--brand)}.search{display:flex;align-items:center;gap:9px;background:#fff;border:1px solid var(--line);border-radius:24px;padding:0 14px;color:var(--muted)}.search input{border:0;background:none;width:100%}.role{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--muted)}.role select{font-weight:600;font-size:12px;background:transparent;border:0}.avatar{border-radius:50%;width:38px;height:38px;background:var(--brand);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600}.shell{display:grid;grid-template-columns:224px minmax(0,1fr);gap:20px;padding:0 20px 24px 16px;min-height:calc(100vh - 76px)}aside{padding:14px 0;display:flex;flex-direction:column;gap:4px}nav{display:flex;flex-direction:column;gap:3px}.navbtn{display:flex;align-items:center;gap:12px;border:0;background:transparent;text-align:left;color:#566078;padding:11px 16px;border-radius:10px;min-height:44px;font-size:13px}.navbtn:hover{background:#eae9f7}.navbtn.active{background:#e1defb;color:var(--brand);font-weight:600}.nav-title{font-size:10px;text-transform:uppercase;letter-spacing:1.5px;color:var(--muted);margin:18px 16px 8px}.aside-bottom{margin-top:auto;padding:24px 16px 4px;color:var(--muted);font-size:11px}.scope{border:1px solid #dedcf3;border-radius:12px;padding:12px;background:#ffffff80;margin:0 8px 12px}.scope span{font-size:10px;letter-spacing:1px;text-transform:uppercase;color:var(--muted);display:block}.scope strong{font-size:12px}.workspace{background:#fff;border:1px solid var(--line);border-radius:18px;min-width:0;padding:28px 30px;box-shadow:0 2px 4px #17243e03}.demo-banner{display:flex;gap:8px;align-items:center;color:#69618b;font-size:11px;padding:9px 12px;background:#f7f5ff;border:1px solid #eeebfa;border-radius:8px;margin-bottom:26px}.eyebrow{text-transform:uppercase;font-size:10px;letter-spacing:1.8px;color:var(--brand);font-weight:650}.page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:26px}h1{font-size:27px;letter-spacing:-.8px;line-height:1.25;margin:8px 0}h2{font-size:16px;letter-spacing:-.2px;margin:0}h3{font-size:14px;margin:0 0 12px}p{margin:8px 0;color:var(--muted)}.sub{font-size:12px;color:var(--muted)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid #dcdfea;background:#fff;border-radius:9px;padding:10px 14px;min-height:44px;color:var(--ink);font-weight:550;font-size:12px;text-decoration:none;white-space:normal}.btn.primary{background:var(--brand);border-color:var(--brand);color:#fff}.btn.soft{border-color:transparent;background:var(--soft);color:var(--brand)}.btn.danger{color:var(--red);border-color:#ebcbd0}.btn.icon{padding:10px;width:44px}.actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.grid4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.stat{padding:18px;border:1px solid var(--line);border-radius:12px}.stat .top{display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:11px}.stat .top svg{color:var(--brand)}.stat strong{font-size:29px;letter-spacing:-1px;display:block;margin:12px 0 7px;font-weight:650}.stat .foot{font-size:11px;color:var(--muted)}.good{color:var(--green)!important}.panel{border:1px solid var(--line);border-radius:12px;overflow:hidden;margin-top:22px}.panel-head{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:18px 20px;border-bottom:1px solid var(--line)}.panel-head p{font-size:11px;margin:4px 0 0}.panel-body{padding:20px}.twocol{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(280px,1fr);gap:20px}.pill{display:inline-flex;align-items:center;gap:5px;border-radius:6px;padding:4px 8px;font-size:10px;font-weight:600;white-space:nowrap;background:#f0f2f7;color:#566078}.pill.ok{background:#e9f6f0;color:var(--green)}.pill.warn{background:#fff4df;color:var(--amber)}.pill.bad{background:#fcecef;color:var(--red)}.pill.purple{background:var(--soft);color:var(--brand)}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:12px;white-space:nowrap}th{text-align:left;padding:12px 18px;color:var(--muted);background:#fafbfe;font-size:10px;font-weight:600;letter-spacing:.3px}td{padding:15px 18px;border-top:1px solid #f0f1f7}td strong{font-weight:600}.name-cell{display:flex;align-items:center;gap:10px}.company{width:31px;height:31px;border-radius:9px;background:#f0edff;color:var(--brand);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:600}.tiny{font-size:10px;color:var(--muted)}.link{color:var(--brand);border:0;background:none;padding:10px 0;min-height:44px;font-size:12px}.meter{height:5px;border-radius:5px;background:#ececf5;overflow:hidden;min-width:90px}.meter span{display:block;height:100%;border-radius:5px;background:var(--brand)}.usage-row{display:flex;justify-content:space-between;font-size:11px;margin-bottom:9px}.usage{margin-bottom:20px}.event{display:flex;gap:12px;padding:12px 0}.event+.event{border-top:1px solid var(--line)}.event svg{color:var(--brand);margin-top:2px}.event strong{font-size:12px;display:block}.event p{font-size:11px;margin:4px 0}.event time{margin-left:auto;font-size:10px;white-space:nowrap;color:var(--muted)}.notice{display:flex;align-items:flex-start;gap:10px;padding:14px 16px;background:#fffbf0;border:1px solid #f0e5c9;border-radius:9px;font-size:12px;color:#7b602e;margin:18px 0}.notice p{color:inherit;margin:3px 0}.filters{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:18px}.filters .search{min-width:200px;flex:1}.check{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--muted)}.check input{min-height:auto;accent-color:var(--brand);width:16px;height:16px}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.step{padding:14px;background:#f8f9fd;border-radius:8px;font-size:11px}.step span{display:block;font-size:10px;color:var(--muted);margin-top:6px}.drawer{border:0;border-radius:16px;padding:0;width:min(650px,calc(100vw - 24px));max-height:calc(100dvh - 32px);color:var(--ink);box-shadow:0 16px 80px #111b3f33}.drawer::backdrop{background:#17243e65}.drawer-head{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--line)}.drawer-body{padding:24px}.drawer-foot{padding:16px 24px;border-top:1px solid var(--line);display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap}.details{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:20px 0}.details dt{font-size:10px;color:var(--muted);margin-bottom:5px}.details dd{margin:0;font-size:12px;overflow-wrap:anywhere}.safe-content{background:#f8f9fd;border:1px dashed #dedfeb;border-radius:8px;padding:16px;font-size:12px;white-space:pre-wrap}.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.formgrid label,.field{display:flex;flex-direction:column;gap:7px;font-size:12px}.formgrid .full{grid-column:1/-1}.empty{text-align:center;padding:40px;color:var(--muted)}.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);max-width:calc(100vw - 24px);padding:13px 22px;border-radius:10px;background:var(--ink);color:#fff;font-size:12px;box-shadow:0 4px 20px #0002;z-index:100}
.auth-shell{min-height:100dvh;display:grid;grid-template-columns:minmax(0,1fr);place-items:center;padding:24px}.auth-card{width:min(440px,100%);min-width:0;max-width:100%;background:#fff;border:1px solid var(--line);border-radius:18px;padding:32px;box-shadow:0 8px 32px #17243e08}.auth-card img{width:190px;margin-bottom:24px}.auth-card h1{font-size:25px}.auth-card .field{margin-top:18px}.auth-card .btn{margin-top:24px;width:100%}.auth-error{color:var(--red);font-size:12px;min-height:22px;margin-top:12px}.secret{font-family:monospace;word-break:break-all;background:#f4f3ff;padding:12px;border:1px solid #dedbf4;border-radius:8px;user-select:all}.status-note{font-size:12px;color:var(--muted);border-left:3px solid var(--brand);padding:8px 12px;margin:18px 0}.user-info{margin-left:auto;text-align:right;font-size:12px}.user-info small{display:block;color:var(--muted)}.busy{opacity:.6;pointer-events:none}.formgrid textarea{width:100%}.right{text-align:right}.error{color:var(--red)}.toolbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:18px}.toolbar .search{flex:1}.snapshot{font-size:11px;color:var(--muted);margin-bottom:18px}.empty svg{display:block;margin:0 auto 12px;width:36px;height:36px;color:#b6b2e2}.stat strong{overflow-wrap:anywhere}.aside-bottom{max-width:208px}button[aria-busy=true]{opacity:.6;pointer-events:none}.drawer-foot .btn{flex-shrink:0}.field input,.field select{width:100%}.form-error{grid-column:1/-1;color:var(--red);font-size:12px;min-height:20px}.drawer{margin:auto}header .brand-caption{font-size:10px;color:var(--muted)}.no-integrations{display:flex;gap:8px;font-size:11px;color:var(--muted);padding:10px 14px;background:#f8f9fd;border-radius:8px;margin-bottom:22px}.field small{color:var(--muted);font-size:10px}.tabs{display:flex;gap:8px;margin-bottom:16px}.panel-head h2{margin:0}.panel-head .btn{font-size:11px}.details{overflow-wrap:anywhere}
@media(max-width:1200px){.grid4{grid-template-columns:1fr 1fr}.twocol{grid-template-columns:1fr}.workspace{padding:24px}.shell{grid-template-columns:200px minmax(0,1fr);gap:14px}.steps{grid-template-columns:1fr 1fr}}
@media(max-width:800px){.shell{grid-template-columns:64px minmax(0,1fr);gap:10px;padding-left:8px}.navbtn{justify-content:center;padding:10px}.navbtn span,.nav-title,.scope,.aside-bottom{display:none}.workspace{padding:20px}header{padding:0 16px;gap:12px}header img{width:155px}.user-info{font-size:10px}.formgrid,.details{grid-template-columns:1fr}.formgrid .full{grid-column:auto}.form-error{grid-column:auto}.page-head{flex-wrap:wrap}.steps{grid-template-columns:1fr 1fr}}
@media(max-width:500px){header{min-height:76px;height:auto;flex-wrap:wrap;padding:16px}header img{width:135px}header>.btn{width:44px;padding:10px}header>.btn .label{display:none}.shell{display:block;padding:0 10px 16px}aside{overflow-x:auto;padding:0;margin-bottom:12px;display:block}nav{flex-direction:row;width:max-content}.navbtn{gap:6px;padding:10px}.navbtn span{display:inline;font-size:11px}.workspace{padding:16px;border-radius:14px}.page-head h1{font-size:24px}.grid4{gap:10px}.stat{padding:13px}.stat strong{font-size:23px}.btn{min-height:44px}.auth-card{padding:25px}.panel-body,.panel-head{padding:14px}.drawer-body{padding:18px}.drawer-head{padding:15px}.status-note{font-size:11px}}