:root{--ink:#172031;--muted:#6d7788;--line:#e7eaf0;--surface:#fff;--canvas:#f5f7fb;--navy:#111b2e;--primary:#6c5ce7;--green:#18a678;--red:#d94d62;--shadow:0 18px 60px rgba(26,35,55,.09)}*{box-sizing:border-box}html{min-height:100%;background:var(--canvas)}body{min-height:100vh;margin:0;color:var(--ink);background:var(--canvas);font:14px/1.5 Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}button,input,select{font:inherit}a{color:inherit;text-decoration:none}h1,h2,p{margin-top:0}code{padding:2px 6px;border-radius:6px;color:#5143c3;background:#f0edff}.brand-mark{display:grid;width:36px;height:36px;flex:0 0 36px;place-items:center;border-radius:11px;color:#fff;background:linear-gradient(145deg,#8878ff,#5947db);box-shadow:0 8px 22px rgba(108,92,231,.34);font-size:18px;font-weight:800}.brand{display:flex;align-items:center;gap:12px;font-size:15px;font-weight:750}.brand small{display:block;margin-top:1px;color:#8993a7;font-size:9px;font-weight:700;letter-spacing:.12em}.eyebrow{margin-bottom:7px;color:var(--primary);font-size:10px;font-weight:800;letter-spacing:.16em}.subtle,.muted{color:var(--muted)}
.btn{display:inline-flex;min-height:38px;align-items:center;justify-content:center;gap:8px;padding:0 15px;border:1px solid transparent;border-radius:10px;cursor:pointer;font-weight:700;transition:.18s ease}.btn:hover{transform:translateY(-1px)}.btn:disabled{cursor:wait;opacity:.58;transform:none}.btn.primary{color:#fff;background:var(--primary);box-shadow:0 7px 18px rgba(108,92,231,.22)}.btn.secondary{border-color:var(--line);color:#364054;background:#fff}.btn.danger,button.danger{border:0;color:var(--red);background:#fff0f3}.btn.wide{width:100%}.btn.large{min-height:48px;padding:0 22px;border-radius:12px}label{display:grid;gap:7px;color:#3f485a;font-size:12px;font-weight:700}label span{color:#9098a8;font-weight:500}input,select{width:100%;min-height:42px;padding:9px 12px;border:1px solid #dfe3eb;border-radius:9px;outline:0;color:var(--ink);background:#fff}input:focus,select:focus{border-color:#9d91ef;box-shadow:0 0 0 3px rgba(108,92,231,.1)}
.auth-page{overflow:hidden;background:var(--navy)}.auth-shell{display:grid;min-height:100vh;grid-template-columns:1.05fr .95fr}.auth-brand{position:relative;display:flex;padding:clamp(42px,7vw,96px);overflow:hidden;flex-direction:column;align-items:flex-start;justify-content:center;color:#fff;background:radial-gradient(circle at 20% 20%,rgba(116,96,239,.36),transparent 38%),linear-gradient(145deg,#111b2e,#17223a)}.auth-brand:after{position:absolute;right:-120px;bottom:-170px;width:440px;height:440px;border:1px solid rgba(255,255,255,.08);border-radius:50%;box-shadow:0 0 0 70px rgba(255,255,255,.025),0 0 0 140px rgba(255,255,255,.018);content:""}.auth-brand>span{position:absolute;top:clamp(42px,7vw,78px);left:calc(clamp(42px,7vw,96px) + 50px);font-weight:750}.auth-brand h1{max-width:650px;margin:34px 0 18px;font-size:clamp(38px,5.5vw,68px);line-height:1.04;letter-spacing:-.045em}.auth-brand p{max-width:500px;color:#aeb8cb;font-size:17px}.auth-points{display:flex;margin-top:28px;gap:20px;color:#c6cede;font-size:12px}.auth-panel{display:grid;padding:36px;place-items:center;background:#f8f9fc}.auth-card{width:min(410px,100%);padding:42px;border:1px solid #eceef3;border-radius:20px;background:#fff;box-shadow:var(--shadow)}.auth-card h2{margin-bottom:8px;font-size:27px}.auth-card>label{margin-top:19px}.auth-card .btn{margin-top:24px}.alert{margin:18px 0;padding:11px 13px;border-radius:9px}.alert.error{color:#a82e45;background:#fff0f3}
.app-shell{display:grid;min-height:100vh;grid-template-columns:236px 1fr}.sidebar{position:fixed;z-index:2;display:flex;width:236px;height:100vh;padding:24px 16px 18px;flex-direction:column;color:#d7ddea;background:var(--navy)}.sidebar .brand{padding:0 8px 28px;color:#fff}.app-nav{display:grid;gap:5px}.nav-item{display:flex;width:100%;min-height:43px;align-items:center;gap:11px;padding:0 12px;border:0;border-radius:10px;color:#939eb2;background:transparent;cursor:pointer;text-align:left;font-weight:650}.nav-item span{width:19px;color:#77829a;font-size:18px;text-align:center}.nav-item:hover,.nav-item.active{color:#fff;background:rgba(255,255,255,.085)}.nav-item.active span{color:#988aff}.sidebar-footer{display:grid;margin-top:auto;padding:15px 8px 0;border-top:1px solid rgba(255,255,255,.09);grid-template-columns:34px 1fr auto;align-items:center;gap:9px}.sidebar-footer .avatar{width:34px;height:34px}.sidebar-footer strong,.sidebar-footer small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-footer strong{color:#fff;font-size:12px}.sidebar-footer small{color:#7f899e;font-size:10px}.avatar{display:grid;place-items:center;border-radius:50%;color:#5849c8;background:#e8e4ff;font-weight:800}
.workspace{min-width:0;margin-left:236px}.topbar{display:flex;min-height:94px;padding:22px 32px;border-bottom:1px solid var(--line);align-items:center;justify-content:space-between;background:rgba(255,255,255,.88);backdrop-filter:blur(12px)}.topbar h1{margin:0;font-size:23px}.topbar .eyebrow{margin-bottom:2px}.top-actions{display:flex;align-items:center;gap:12px}.content{padding:26px 32px 48px}.view{display:none}.view.active{display:block}.stat-grid{display:grid;margin-bottom:20px;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.stat-card{min-height:138px;padding:21px;border:1px solid var(--line);border-radius:15px;background:var(--surface)}.stat-card span,.stat-card small,.stat-card strong{display:block}.stat-card span{color:var(--muted);font-size:11px;font-weight:700}.stat-card strong{margin:15px 0 2px;font-size:30px;line-height:1}.stat-card small{color:#969eac}.stat-card.accent{color:#fff;border:0;background:linear-gradient(145deg,#6c5ce7,#5847d4)}.stat-card.accent span,.stat-card.accent small{color:#ddd8ff}.stat-card.accent strong{font-size:23px}.panel{padding:21px;border:1px solid var(--line);border-radius:15px;background:var(--surface)}.panel h2{margin-bottom:4px;font-size:16px}.panel p{margin-bottom:0;color:var(--muted);font-size:12px}.panel-head{display:flex;margin-bottom:18px;align-items:center;justify-content:space-between;gap:18px}.split-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;align-items:start;gap:18px}.form-panel{position:sticky;top:18px}.stack-form{display:grid;gap:15px}.stack-form .btn{margin-top:4px}
.table-wrap{width:100%;overflow-x:auto}table{width:100%;border-collapse:collapse}th{padding:10px 12px;border-bottom:1px solid var(--line);color:#8a93a3;font-size:10px;letter-spacing:.06em;text-align:left;text-transform:uppercase}td{padding:13px 12px;border-bottom:1px solid #f0f1f5;vertical-align:middle}tbody tr:last-child td{border-bottom:0}.primary-cell strong,.primary-cell small{display:block}.primary-cell small{margin-top:2px;color:#9098a8}.status{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;border-radius:999px;color:#687284;background:#eef0f4;font-size:10px;font-weight:800}.status:before,.badge:before{width:6px;height:6px;border-radius:50%;background:currentColor;content:""}.status.ok,.badge.ok{color:#12815f;background:#e8f8f2}.status.warn{color:#9d670f;background:#fff4da}.status.bad,.badge.bad{color:#ae354b;background:#ffedf1}.actions{display:flex;justify-content:flex-end;gap:5px;white-space:nowrap}.actions button,.rule-list button{padding:6px 9px;border:0;border-radius:7px;cursor:pointer;color:#536075;background:#f2f4f7;font-size:11px;font-weight:700}.badge{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;font-size:10px;font-weight:800}.badge.neutral{color:#788194;background:#eef0f4}
.security-banner{display:flex;margin-bottom:18px;padding:18px 21px;border:1px solid #ded8ff;border-radius:15px;align-items:center;gap:15px;color:#40358e;background:#f1efff}.security-banner p{margin:2px 0 0;color:#6e65a4}.security-icon{display:grid;width:38px;height:38px;place-items:center;border-radius:11px;color:#fff;background:var(--primary);font-size:20px}.policy-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.policy-wide{grid-column:1/-1}.inline-form{display:grid;margin:16px 0;grid-template-columns:minmax(0,1fr) 90px auto;gap:8px}#selectorForm{grid-template-columns:minmax(0,1fr) auto}.api-rule-form{display:grid;margin:16px 0;grid-template-columns:90px 1fr 90px 1.25fr auto;gap:8px}.rule-list{display:grid;gap:7px}.rule-row{display:flex;padding:9px 10px;border:1px solid #edf0f4;border-radius:8px;align-items:center;justify-content:space-between;gap:12px;background:#fafbfc}.rule-row code{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.empty{padding:28px 12px;color:#929aaa;text-align:center}
.member-page{background:#f8f9fc}.member-topbar{display:flex;max-width:1240px;height:78px;margin:auto;padding:0 28px;align-items:center;justify-content:space-between}.user-menu{display:flex;align-items:center;gap:13px;color:#677184;font-size:12px}.user-menu .avatar{width:31px;height:31px}.user-menu a{font-weight:700}.member-main{max-width:1240px;margin:auto;padding:35px 28px 60px}.launch-card{display:grid;min-height:490px;padding:clamp(35px,5vw,65px);overflow:hidden;border-radius:25px;color:#fff;background:radial-gradient(circle at 76% 12%,rgba(132,113,255,.4),transparent 30%),linear-gradient(145deg,#111b2e,#1b2741);box-shadow:0 28px 80px rgba(17,27,46,.18);grid-template-columns:1fr .9fr;align-items:center;gap:45px}.launch-copy h1{margin-bottom:20px;font-size:clamp(39px,5vw,61px);line-height:1.03;letter-spacing:-.045em}.launch-copy p{max-width:570px;color:#aeb8ca;font-size:16px}.launch-actions{display:flex;margin-top:30px;align-items:center;gap:18px}.online-dot{color:#80dcbf;font-size:11px;font-weight:700}.product-preview{transform:rotate(1.5deg);overflow:hidden;border:1px solid rgba(255,255,255,.13);border-radius:14px;background:#fff;box-shadow:0 25px 60px rgba(0,0,0,.28)}.preview-bar{display:flex;height:37px;padding:0 12px;align-items:center;gap:5px;color:#8a93a3;background:#f0f2f6;font-size:9px}.preview-bar i{width:7px;height:7px;border-radius:50%;background:#c8ccd4}.preview-bar span{margin:auto}.preview-body{padding:30px;color:var(--ink)}.preview-form{display:grid;padding:11px;border:1px solid var(--line);border-radius:8px}.preview-form span{color:#929aaa;font-size:8px}.preview-body button{width:100%;margin:9px 0 17px;padding:9px;border:0;border-radius:7px;color:#fff;background:var(--primary)}.preview-code{padding:17px;border-radius:8px;color:#87e3c2;background:#111827;font:10px/1.8 ui-monospace,monospace}.trust-row{display:grid;margin-top:18px;grid-template-columns:repeat(3,1fr);gap:12px}.trust-row div{padding:18px;border:1px solid var(--line);border-radius:13px;background:#fff}.trust-row strong,.trust-row span{display:block}.trust-row span{margin-top:4px;color:var(--muted);font-size:11px}.toast{position:fixed;z-index:20;right:22px;bottom:22px;display:none;max-width:390px;padding:12px 16px;border-radius:10px;color:#fff;background:#172031;box-shadow:0 12px 40px rgba(0,0,0,.18);font-weight:650}
@media(max-width:1050px){.stat-grid{grid-template-columns:1fr 1fr}.split-layout{grid-template-columns:1fr}.form-panel{position:static}.launch-card{grid-template-columns:1fr}.product-preview{display:none}}@media(max-width:760px){.auth-shell{grid-template-columns:1fr}.auth-brand{display:none}.sidebar{position:static;width:100%;height:auto;padding:15px}.sidebar .brand{padding-bottom:14px}.app-shell{display:block}.app-nav{grid-template-columns:repeat(4,1fr)}.nav-item{justify-content:center;padding:0 5px;font-size:0}.nav-item span{font-size:18px}.sidebar-footer{display:none}.workspace{margin-left:0}.topbar{padding:18px}.top-actions .badge{display:none}.content{padding:18px}.stat-grid,.policy-grid,.trust-row{grid-template-columns:1fr}.policy-wide{grid-column:auto}.api-rule-form{grid-template-columns:75px 1fr}.api-rule-form input[name=responseJson]{grid-column:1/-1}.member-topbar,.member-main{padding-left:18px;padding-right:18px}.launch-card{min-height:480px;padding:34px 25px}.launch-copy h1{font-size:38px}}