@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@600;700;800&family=Noto+Sans+Bengali:wght@400;500;600;700;800&display=swap');
:root{--bg:#f5f7fb;--card:#fff;--ink:#182034;--muted:#778098;--line:#e8ebf2;--purple:#7357f6;--purple2:#9b84ff;--nav:#111528;--green:#19b879;--red:#e34f63;--shadow:0 12px 40px rgba(30,38,69,.07)}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:14px 'DM Sans',sans-serif}h1,h2,h3,b,strong{font-family:Manrope,sans-serif}a{text-decoration:none;color:inherit}button,input,select{font:inherit}.app-shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:248px;background:linear-gradient(180deg,#151a31,#101326);color:#aab1c7;padding:28px 18px 20px;display:flex;flex-direction:column;z-index:20}.brand{display:flex;align-items:center;gap:12px;color:#fff;padding:0 10px 35px}.brand-mark{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;color:white;font:800 20px Manrope;background:linear-gradient(135deg,var(--purple),#a67cff);box-shadow:0 8px 24px #7357f655}.brand b{display:block;font-size:18px}.brand small,.sidebar-foot small{display:block;font-size:9px;letter-spacing:1.5px;color:#737c9a;margin-top:2px}.sidebar nav{display:grid;gap:7px}.nav-link{display:flex;align-items:center;gap:13px;padding:12px 14px;border-radius:11px;font-weight:600}.nav-link i{width:25px;font-style:normal;text-align:center;font-size:17px}.nav-link:hover,.nav-link.active{background:#242943;color:white}.nav-link.active{box-shadow:inset 3px 0 var(--purple)}.sidebar-foot{margin-top:auto;border-top:1px solid #282d45;padding:20px 7px 0;display:flex;align-items:center;gap:10px}.sidebar-foot div:nth-child(2){min-width:0;flex:1}.sidebar-foot strong{display:block;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.avatar{width:37px;height:37px;flex:0 0 auto;border-radius:11px;display:grid;place-items:center;color:#fff;font-weight:700;background:linear-gradient(135deg,#7458f6,#ab77e9)}main{margin-left:248px;min-height:100vh}.topbar{height:88px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 34px;position:sticky;top:0;z-index:10}.topbar h1{font-size:19px;margin:0}.topbar p{margin:3px 0 0;color:var(--muted);font-size:12px}.top-actions{margin-left:auto;display:flex;align-items:center;gap:18px}.live{font-size:12px;color:var(--muted);padding:8px 12px;background:#f7f8fb;border-radius:20px}.live i,.dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--green);margin-right:6px;box-shadow:0 0 0 4px #19b8791c}.menu{display:none;border:0;background:none;font-size:21px;margin-right:12px}.content{padding:28px 34px 50px;max-width:1600px;margin:auto}.hero{border-radius:20px;padding:30px 34px;color:#fff;display:flex;align-items:center;justify-content:space-between;background:radial-gradient(circle at 78% 15%,#9f8aff 0,transparent 24%),linear-gradient(120deg,#5640d8,#7f68f6 55%,#8674ee);box-shadow:0 18px 42px #7058e628}.hero h2{font-size:27px;margin:6px 0}.hero p{margin:0;color:#ded9ff}.eyebrow{font-size:10px;letter-spacing:1.6px;font-weight:700;color:#8c94aa}.hero .eyebrow{color:#d9d3ff}.btn{border:1px solid var(--line);border-radius:10px;padding:10px 16px;background:#fff;color:#3d465d;font-weight:700;cursor:pointer;display:inline-flex;gap:9px;align-items:center;justify-content:center}.btn:hover{transform:translateY(-1px);box-shadow:0 6px 18px #1e264512}.btn.primary{color:#fff;border:0;background:linear-gradient(135deg,var(--purple),#8a6cf4)}.btn.light{background:#ffffff20;border-color:#ffffff45;color:white}.btn.danger{color:var(--red);border-color:#ffd9df;background:#fff8f9}.btn.tiny{padding:7px 10px;font-size:12px}.btn.wide{width:100%;padding:13px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:20px 0}.stat{background:#fff;border:1px solid var(--line);padding:21px;border-radius:16px;display:flex;gap:15px;box-shadow:0 6px 24px #27315b08}.stat-icon{width:44px;height:44px;border-radius:13px;display:grid;place-items:center;font-size:19px}.stat-icon.violet{background:#eeeaff;color:#7558ed}.stat-icon.cyan{background:#e3f8fb;color:#19aabe}.stat-icon.amber{background:#fff4d9;color:#e6a51e}.stat-icon.green{background:#e3f8ef;color:#19ae72}.stat small{color:var(--muted)}.stat strong{display:block;font-size:23px;margin:3px 0}.stat p{font-size:11px;color:#9aa2b4;margin:0}.grid-main{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(300px,1fr);gap:18px;margin-bottom:18px}.card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:22px;box-shadow:0 5px 25px #27315b08}.card-head,.page-actions{display:flex;align-items:center;justify-content:space-between}.card-head h3{margin:5px 0 0}.page-actions{margin:2px 0 20px}.page-actions h2{margin:0 0 5px}.page-actions p{margin:0;color:var(--muted)}.chart{height:210px;display:flex;align-items:flex-end;justify-content:space-around;padding:25px 15px 0;border-bottom:1px solid var(--line);background:repeating-linear-gradient(to bottom,#fff,#fff 49px,#eef0f5 50px)}.bar-col{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:10px;width:9%}.bar{width:24px;min-height:5px;border-radius:8px 8px 3px 3px;background:linear-gradient(#9b86fd,#684ce9);position:relative}.bar b{display:none;position:absolute;top:-22px;font-size:10px}.bar:hover b{display:block}.bar-col small{color:var(--muted)}.service-list{display:grid;margin-top:11px}.service-list a{display:flex;align-items:center;gap:11px;padding:11px 0;border-bottom:1px solid var(--line)}.service-list a:last-child{border:0}.service-list span:nth-child(2){flex:1}.service-list b,.service-list small{display:block}.service-list small{color:var(--muted);margin-top:3px;font-size:11px}.service-logo{width:36px;height:36px;border-radius:10px;background:#efecff;color:#7257e8;display:grid;place-items:center;font-size:10px;font-weight:800}.service-logo.large{width:48px;height:48px;font-size:13px}.pill{display:inline-flex;padding:5px 9px;border-radius:20px;font-size:10px;font-weight:700;background:#f0f2f7;color:#657088;text-transform:capitalize}.pill.success,.pill.active{background:#e7f8f0;color:#139866}.pill.inactive{background:#f1f2f5;color:#788096}.pill.blocked{background:#ffeaed;color:#d64759}.pill.violet{background:#eeeaff;color:#6d51df}.table-card{padding:0;overflow:hidden}.table-tools{padding:17px 20px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;color:var(--muted)}.table-tools input{width:310px;border:1px solid var(--line);background:#f8f9fb;border-radius:9px;padding:10px 13px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;white-space:nowrap}th{text-align:left;color:#8a93a7;font-size:10px;letter-spacing:.7px;text-transform:uppercase;background:#fafbfc}th,td{padding:14px 20px;border-bottom:1px solid var(--line)}tr:last-child td{border:0}.user-cell{display:flex;align-items:center;gap:10px}.user-cell b,.user-cell small,.block{display:block}.user-cell small,td small{color:var(--muted);margin-top:2px}.modal{position:fixed;inset:0;background:#0b1025aa;display:none;align-items:center;justify-content:center;z-index:50;padding:20px}.modal.open{display:flex}.modal-card{background:#fff;border-radius:18px;width:min(620px,100%);padding:28px;position:relative;box-shadow:0 25px 80px #0004}.modal-card h2{margin:7px 0 22px}.modal-x{position:absolute;right:18px;top:16px;border:0;background:#f1f2f6;border-radius:50%;width:32px;height:32px;font-size:20px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-grid label{font-weight:600;font-size:12px;color:#4f586e}.form-grid label small{color:#9ba3b5}.form-grid input,.form-grid select,.api-control select,.api-control input{display:block;width:100%;margin-top:7px;padding:11px 12px;border:1px solid #dfe3eb;border-radius:9px;outline:none;background:#fff}.form-grid input:focus{border-color:var(--purple);box-shadow:0 0 0 3px #7357f615}.span-2{grid-column:span 2}.switch-row{display:flex!important;align-items:center;gap:10px}.switch-row input{display:none}.switch{width:40px;height:23px;background:#d8dce5;border-radius:20px;position:relative}.switch:after{content:'';position:absolute;width:17px;height:17px;background:#fff;border-radius:50%;top:3px;left:3px;transition:.2s}.switch-row input:checked+.switch{background:var(--purple)}.switch-row input:checked+.switch:after{left:20px}.back{font-size:12px;color:var(--purple);font-weight:700}.key-card{background:linear-gradient(150deg,#181d36,#242a48);color:#fff}.key-card .eyebrow{color:#9787f7}.key-card p{color:#aeb5ca}.secret{display:flex;background:#0f1429;border:1px solid #353b5b;border-radius:10px;padding:5px;margin:16px 0}.secret code{padding:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;color:#cacff1}.secret button,.code button,.endpoint button{border:0;background:#343b62;color:#fff;border-radius:7px;padding:7px 11px;cursor:pointer}.api-controls{display:grid}.api-control{display:grid;grid-template-columns:40px 1fr 190px 130px;align-items:center;gap:13px;padding:13px 0;border-bottom:1px solid var(--line)}.api-control b,.api-control small{display:block}.api-control small{color:var(--muted)}.api-control select,.api-control input{margin:0}.form-actions{padding-top:20px;text-align:right}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.service-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:20px}.service-card>div,.service-card footer{display:flex;align-items:center;justify-content:space-between}.service-card h3{margin:20px 0 8px}.service-card p{color:var(--muted)}.service-card footer{border-top:1px solid var(--line);padding-top:14px;margin-top:18px;font-size:12px;color:var(--muted)}.service-card a{color:var(--purple);font-weight:700}.docs-layout{display:grid;grid-template-columns:250px minmax(0,850px);gap:24px}.docs-nav{background:#fff;border:1px solid var(--line);border-radius:15px;padding:17px;height:max-content;position:sticky;top:110px}.docs-nav>.eyebrow{padding:8px}.docs-nav a{display:flex;gap:10px;padding:11px;border-radius:9px;margin-top:4px}.docs-nav a:hover,.docs-nav a.active{background:#f0edff;color:#6449dd}.docs-nav i{font-size:8px;font-style:normal;font-weight:800;width:30px;padding-top:4px}.docs-nav span,.docs-nav small{display:block}.docs-nav small{font-size:10px;color:var(--muted);margin-top:3px}.docs-content{background:#fff;border:1px solid var(--line);border-radius:16px;padding:34px}.docs-content h2{font-size:28px;margin:14px 0 8px}.docs-content h3{margin:30px 0 9px}.lead{font-size:15px;color:var(--muted);line-height:1.7}.endpoint{display:flex;align-items:center;border:1px solid #dfe3eb;border-radius:10px;overflow:hidden;margin:24px 0}.endpoint b{padding:13px;background:#e9f8f1;color:#168f62}.endpoint code{padding:13px;overflow:auto;flex:1}.endpoint button{margin-right:6px}.code{background:#11162b;border-radius:11px;color:#ccd2ee;overflow:hidden}.code>div{display:flex;justify-content:space-between;align-items:center;padding:8px 13px;background:#1d233d;font-size:11px}.code pre{padding:18px;margin:0;white-space:pre-wrap;line-height:1.7;overflow:auto}.code em{color:#a68dfc;font-style:normal}.notice{border-left:4px solid #f0ad2c;background:#fff8e9;padding:16px 18px;margin-top:26px;border-radius:7px}.notice p{margin:5px 0;color:#796b4f}.alert{padding:12px 15px;border-radius:10px;margin-bottom:18px}.alert.success{background:#e6f8f0;color:#138b60}.alert.error{background:#ffeaee;color:#c84255}.toast{position:fixed;right:25px;bottom:25px;background:#151a30;color:#fff;border-radius:10px;padding:12px 18px;opacity:0;transform:translateY(15px);transition:.25s;z-index:100}.toast.show{opacity:1;transform:none}.auth-page{min-height:100vh;display:grid;place-items:center;background:#10142a;overflow:hidden;padding:24px}.auth-glow{position:fixed;width:450px;height:450px;border-radius:50%;filter:blur(100px);opacity:.3}.auth-glow.one{background:#704cf0;left:-150px;top:-150px}.auth-glow.two{background:#27b6c7;right:-180px;bottom:-180px}.auth-card{position:relative;width:min(440px,100%);padding:38px;background:#fff;border-radius:22px;box-shadow:0 30px 100px #0006}.auth-brand{display:flex;align-items:center;gap:10px}.auth-brand b,.auth-brand small{display:block}.auth-brand small{font-size:8px;letter-spacing:1.4px;color:var(--muted)}.auth-copy{margin:34px 0 24px}.auth-copy h1{font-size:30px;margin:7px 0}.auth-copy p,.auth-help{color:var(--muted);line-height:1.6}.auth-card form{display:grid;gap:17px}.auth-card label{font-weight:600;font-size:12px}.auth-card input{width:100%;padding:13px;margin-top:7px;border:1px solid #dfe3eb;border-radius:10px}.password{position:relative}.password button{position:absolute;right:8px;top:15px;border:0;background:#f0f1f5;border-radius:6px;padding:6px}.auth-help{text-align:center;font-size:12px;margin:22px 0 0}.auth-help a{color:var(--purple);font-weight:700}
@media(max-width:1100px){.stats{grid-template-columns:repeat(2,1fr)}.service-grid{grid-template-columns:repeat(2,1fr)}.grid-main{grid-template-columns:1fr}.docs-layout{grid-template-columns:210px 1fr}.api-control{grid-template-columns:40px 1fr 170px 110px}}
@media(max-width:760px){.sidebar{transform:translateX(-100%);transition:.2s}.sidebar.open{transform:none}.menu{display:block}.topbar{padding:0 16px}.top-actions .live{display:none}main{margin:0}.content{padding:18px 14px 35px}.hero{padding:25px;display:block}.hero .btn{margin-top:20px}.stats{grid-template-columns:1fr}.service-grid{grid-template-columns:1fr}.page-actions{align-items:flex-start;gap:15px}.docs-layout{display:block}.docs-nav{position:static;margin-bottom:15px}.docs-content{padding:22px}.form-grid{grid-template-columns:1fr}.span-2{grid-column:auto}.api-control{grid-template-columns:36px 1fr}.api-control select,.api-control input{grid-column:span 2}.table-tools input{width:65%}.auth-card{padding:28px 22px}}

/* OneAPI Bengali experience */
:root{
  --bg:#f4f7fb;
  --card:#fff;
  --ink:#14213d;
  --muted:#64748b;
  --line:#e2e8f0;
  --purple:#2563eb;
  --purple2:#38bdf8;
  --nav:#0f1d35;
  --green:#10b981;
  --red:#e5485d;
  --shadow:0 12px 35px rgba(15,29,53,.07)
}
body{font-family:'Noto Sans Bengali','DM Sans',sans-serif;line-height:1.55;letter-spacing:.01em}
h1,h2,h3,b,strong{font-family:'Noto Sans Bengali','Manrope',sans-serif}
button,input,select{font-family:inherit}
.sidebar{background:linear-gradient(180deg,#132643 0%,#0c182c 100%);padding-top:24px}
.brand{padding-bottom:28px}
.brand-mark{background:linear-gradient(135deg,#2f80ed,#10b981);box-shadow:0 8px 24px rgba(16,185,129,.25)}
.brand small{color:#8ca4c2;letter-spacing:.6px;font-size:10px}
.nav-link{margin:3px 0;border-radius:11px;padding:12px;color:#a9bbd1}
.nav-link:hover{background:rgba(255,255,255,.055);color:#fff}
.nav-link.active{background:linear-gradient(90deg,rgba(37,99,235,.3),rgba(16,185,129,.11));box-shadow:inset 3px 0 #38bdf8;color:#fff}
.nav-link i{font-family:'DM Sans',sans-serif}
.sidebar-foot{border-color:rgba(255,255,255,.1)}
.topbar{height:82px;padding-inline:32px;box-shadow:0 1px 12px rgba(15,29,53,.03)}
.topbar h1{font-size:18px}.topbar p{font-size:11px}
.top-profile{display:block;border-radius:12px}.top-profile:hover{box-shadow:0 0 0 4px rgba(37,99,235,.1)}
.live{background:#ecfdf5;color:#08795c}.live i{background:#10b981}
.content{padding-top:25px}
.hero{background:radial-gradient(circle at 82% 8%,rgba(56,189,248,.5),transparent 27%),radial-gradient(circle at 66% 100%,rgba(16,185,129,.42),transparent 27%),linear-gradient(120deg,#1d4ed8,#2563eb 60%,#087f79);box-shadow:0 18px 42px rgba(37,99,235,.2)}
.hero h2{font-size:29px}.hero p{color:#e8f3ff;max-width:690px}
.btn{transition:transform .15s,box-shadow .15s,border-color .15s;border-radius:11px}
.btn.primary{background:linear-gradient(135deg,#2563eb,#087f79);box-shadow:0 7px 16px rgba(37,99,235,.16)}
.btn.primary:hover{box-shadow:0 10px 24px rgba(37,99,235,.24)}
.btn.danger{color:#d83b50;border-color:#fecdd3;background:#fff7f8}
.card,.stat,.service-card{border-color:#e4eaf2;box-shadow:var(--shadow)}
.stat{padding:20px}.stat strong{font-family:'DM Sans','Noto Sans Bengali',sans-serif}
.stat-icon.violet{background:#eaf2ff;color:#2563eb}.stat-icon.cyan{background:#e5f8ff;color:#0891b2}.stat-icon.green{background:#e8fbf4;color:#059669}
.service-logo{background:linear-gradient(135deg,#eaf2ff,#e8fbf4);color:#1764b4}
.bar{background:linear-gradient(#38bdf8,#2563eb)}
.dot.off{background:#94a3b8;box-shadow:0 0 0 4px rgba(148,163,184,.15)}
.pill{letter-spacing:.02em}.pill.violet{background:#eaf2ff;color:#1d5cc1}
.eyebrow{color:#66809e;letter-spacing:1.2px}
.muted{color:var(--muted);margin:4px 0 0;font-weight:400;font-size:12px}
.form-grid input:focus,.form-grid select:focus,.api-control input:focus,.api-control select:focus,.danger-zone input:focus{border-color:#2563eb;box-shadow:0 0 0 3px rgba(37,99,235,.12);outline:0}
.form-grid input,.form-grid select,.api-control select,.api-control input{min-height:44px}
.switch-row{cursor:pointer}.switch-row.compact{font-size:11px}.switch-row.compact .switch{transform:scale(.88)}
.switch-row input:checked+.switch{background:linear-gradient(135deg,#2563eb,#10b981)}
.key-card{background:radial-gradient(circle at 100% 0,rgba(56,189,248,.16),transparent 35%),linear-gradient(145deg,#12213b,#172c4a)}
.key-card .btn.danger{background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.18);color:#fff}
.empty-state{text-align:center;padding:48px 20px;border-top:1px solid var(--line)}
.empty-state>span{font-size:30px}.empty-state h3{margin:9px 0 3px}.empty-state p{margin:0;color:var(--muted)}
.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:18px}
.danger-zone{border-color:#fecdd3;background:linear-gradient(145deg,#fff,#fff8f8)}
.danger-zone p{color:#6e5360}.danger-zone form{display:flex;gap:10px;margin-top:18px}
.danger-zone input{flex:1;min-width:0;padding:11px 12px;border:1px solid #fecdd3;border-radius:10px}

.service-rate-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}
.rate-card{display:flex;flex-direction:column;min-height:330px;transition:transform .18s,box-shadow .18s}
.rate-card:hover{transform:translateY(-2px);box-shadow:0 16px 40px rgba(15,29,53,.11)}
.rate-head{display:flex;align-items:center;justify-content:space-between}
.rate-card h3{margin:18px 0 6px}.rate-card>p{color:var(--muted);margin:0 0 15px;min-height:48px}
.endpoint-mini{display:flex;align-items:center;background:#f7f9fc;border:1px solid var(--line);border-radius:9px;overflow:hidden;font-size:11px;margin-bottom:18px}
.endpoint-mini span{padding:9px;background:#e7f8f0;color:#08795c;font:700 10px 'DM Sans',sans-serif}
.endpoint-mini code{padding:9px;overflow:hidden;text-overflow:ellipsis}
.token-rate{display:block;font-size:11px;font-weight:700;color:#53627a;margin-top:auto}
.token-rate>span{display:flex;align-items:center;gap:8px;margin-top:7px;font-size:12px}
.token-rate input{width:150px;border:1px solid #dfe5ee;border-radius:9px;padding:10px 12px;font-family:'DM Sans',sans-serif;font-weight:700;color:#14213d}
.token-rate.is-free{opacity:.45}.token-rate input:disabled{background:#e8eef5}
.check-row{display:flex;align-items:center;gap:7px;margin-top:13px;color:#08795c;font-size:12px;font-weight:700;cursor:pointer}
.check-row input{accent-color:#10b981}
.sticky-save{position:sticky;bottom:18px;z-index:8;margin-top:20px;padding:14px 17px;border:1px solid #dbe4ee;background:rgba(255,255,255,.92);backdrop-filter:blur(12px);box-shadow:0 12px 35px rgba(15,29,53,.12);border-radius:14px;display:flex;align-items:center;justify-content:space-between;color:var(--muted)}

.docs-layout{grid-template-columns:270px minmax(0,930px);align-items:start}
.docs-nav{top:105px}.docs-nav>p{font-size:11px;color:var(--muted);padding:0 8px;margin:3px 0 10px}
.docs-nav a:hover,.docs-nav a.active{background:linear-gradient(90deg,#eaf2ff,#e8fbf4);color:#1458ae}
.docs-content{padding:38px}.doc-badges{display:flex;gap:8px;flex-wrap:wrap}
.quick-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:24px 0}
.quick-steps>div{display:flex;gap:10px;padding:14px;background:#f7f9fc;border:1px solid var(--line);border-radius:12px}
.quick-steps b{width:27px;height:27px;flex:0 0 auto;display:grid;place-items:center;border-radius:8px;background:#2563eb;color:#fff}
.quick-steps strong,.quick-steps small{display:block}.quick-steps small{font-size:10px;color:var(--muted);margin-top:3px;line-height:1.45}
.params-table{border:1px solid var(--line);border-radius:11px;overflow:auto}.params-table table{white-space:normal}.params-table th,.params-table td{padding:12px 14px}.params-table code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:#1d5cc1}
.code-section-head{display:flex;align-items:end;justify-content:space-between;margin-top:28px}.code-section-head h3{margin:0}.code-section-head p{color:var(--muted);font-size:12px;margin:4px 0 0}
.code-section-head select{min-width:160px;padding:10px 35px 10px 12px;border:1px solid #dbe3ed;border-radius:10px;background:#fff;font-weight:700;color:#23415f}
.code-example{display:none;margin-top:12px}.code-example.active{display:block}
.code pre{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px}
.notice{border-left-color:#10b981;background:#ecfdf5}.notice p{color:#3d6b5f}
.profile-intro{display:flex;align-items:center;gap:14px;margin:0 0 20px}.profile-intro h2{margin:0}.profile-intro p{color:var(--muted);margin:3px 0 0}
.avatar.xl{width:58px;height:58px;border-radius:17px;font-size:21px;background:linear-gradient(135deg,#2563eb,#10b981)}
.sidebar-overlay{display:none}

@media(max-width:1180px){
  .service-rate-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .quick-steps{grid-template-columns:1fr}
}
@media(max-width:760px){
  .sidebar{width:275px;box-shadow:18px 0 50px rgba(2,8,23,.28)}
  .sidebar-overlay{display:block;position:fixed;inset:0;border:0;background:rgba(2,8,23,.45);z-index:15;opacity:0;visibility:hidden;transition:.2s}
  .sidebar-overlay.open{opacity:1;visibility:visible}
  .topbar{height:72px}.topbar h1{font-size:16px}.topbar p{font-size:9px}
  .hero h2{font-size:24px}
  .page-actions{flex-direction:column}.page-actions>.btn{width:100%}
  .service-rate-grid,.settings-grid{grid-template-columns:1fr}
  .sticky-save{bottom:8px;align-items:stretch;flex-direction:column;gap:10px}.sticky-save .btn{width:100%}
  .danger-zone form{flex-direction:column}
  .docs-content{padding:20px 16px}.docs-content h2{font-size:24px}
  .endpoint{align-items:stretch;flex-wrap:wrap}.endpoint code{order:3;width:100%;border-top:1px solid var(--line)}
  .code-section-head{align-items:stretch;flex-direction:column;gap:10px}.code-section-head select{width:100%}
  .quick-steps{grid-template-columns:1fr}
  .table-tools{gap:12px}.table-tools input{width:100%}.table-tools span{display:none}
}