:root{
 --navy:#10233f;--navy-2:#17365f;--blue:#2f64e7;--blue-soft:#eaf0ff;--purple:#7b57d1;--orange:#ff7816;--orange-soft:#fff0e3;
 --green:#07965c;--green-soft:#e8f8f0;--red:#d74356;--red-soft:#fff0f2;--yellow:#c98200;--yellow-soft:#fff7d9;
 --bg:#f2f6fb;--card:#fff;--text:#13233a;--muted:#68778d;--border:#dce6f1;--shadow:0 10px 30px rgba(19,35,58,.07);
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;background:var(--bg);color:var(--text);font-size:14px}a{color:inherit}button,input,select,textarea{font:inherit}button{cursor:pointer}
.app-shell{display:grid;grid-template-columns:240px 1fr;min-height:100vh}.sidebar{background:linear-gradient(180deg,#10233f,#0b1b31);color:#dce7f7;position:fixed;inset:0 auto 0 0;width:240px;padding:20px 14px;overflow-y:auto;z-index:20}.sidebar-brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:#fff;padding:2px 8px 22px}.brand-mark{width:52px;height:52px;border-radius:16px;background:linear-gradient(145deg,var(--orange),#ff9a42);display:grid;place-items:center;font-weight:900;color:#fff;font-size:19px;box-shadow:0 10px 24px rgba(255,120,22,.25)}.brand-mark.small{width:44px;height:44px;border-radius:13px;font-size:15px}.sidebar-brand strong{font-size:18px;display:block}.sidebar-brand small{display:block;color:#91a9c9;margin-top:2px}.nav-group{margin:12px 0 20px}.nav-label{font-size:10px;letter-spacing:1.35px;font-weight:800;color:#6f8cad;padding:0 9px 8px}.nav-item{display:flex;align-items:center;gap:10px;padding:10px 10px;border-radius:10px;text-decoration:none;color:#cfdbeb;margin:2px 0;transition:.18s}.nav-item:hover{background:rgba(255,255,255,.06);color:#fff}.nav-item.active{background:#243d5f;color:#fff;box-shadow:inset 3px 0 0 var(--orange)}.nav-icon{width:28px;height:28px;border-radius:8px;background:rgba(255,255,255,.07);display:grid;place-items:center;color:#ffb272;font-weight:900;font-size:10px}.sidebar-foot{border-top:1px solid rgba(255,255,255,.08);padding:16px 9px 4px;display:flex;flex-direction:column;color:#829bb9;font-size:11px}.sidebar-foot strong{color:#dce7f7;margin-top:3px}.main{grid-column:2;min-width:0}.topbar{height:76px;background:#fff;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 28px;position:sticky;top:0;z-index:15}.topbar h1{font-size:18px;margin:0}.topbar p{margin:4px 0 0;color:var(--muted);font-size:12px}.top-user{display:flex;align-items:center;gap:10px}.top-user strong,.top-user small{display:block}.top-user small{font-size:11px;color:var(--muted);margin-top:2px}.avatar{width:38px;height:38px;border-radius:50%;background:#edf2fa;display:grid;place-items:center;font-weight:900;color:var(--navy)}.avatar.large{width:52px;height:52px;font-size:18px}.content{padding:28px;max-width:1600px;margin:0 auto}.app-footer{display:flex;justify-content:space-between;color:#7a889c;font-size:11px;padding:18px 28px;border-top:1px solid var(--border)}
.page-head,.detail-hero{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:20px}.page-head h2,.detail-hero h2{font-size:26px;margin:3px 0 6px;line-height:1.15}.page-head p{margin:0;color:var(--muted);max-width:720px}.eyebrow{font-size:10px;letter-spacing:1.4px;font-weight:900;color:var(--blue)}.head-actions,.hero-actions{display:flex;gap:9px;align-items:center}.btn{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:10px;padding:10px 14px;font-weight:800;text-decoration:none;line-height:1.1;white-space:nowrap}.btn.primary{background:var(--orange);color:#fff;box-shadow:0 7px 17px rgba(255,120,22,.22)}.btn.secondary{background:var(--navy);color:#fff}.btn.ghost{background:#eef3f8;color:var(--text)}.btn.danger{background:var(--red);color:#fff}.btn.wide{width:100%;padding:13px}.small-btn{padding:8px 10px;font-size:12px}.btn:hover{filter:brightness(.98);transform:translateY(-1px)}
.alert{border-radius:11px;padding:13px 15px;margin-bottom:18px;font-weight:700}.alert.success{background:var(--green-soft);color:#08734a;border:1px solid #b5ebd0}.alert.danger{background:var(--red-soft);color:#aa233a;border:1px solid #ffc5ce}.alert.warning{background:var(--yellow-soft);color:#956100;border:1px solid #f5dd8b}.alert.neutral{background:#eef3f8;color:#40536c;border:1px solid var(--border)}
.metric-grid{display:grid;gap:14px;margin-bottom:18px}.metric-grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}.metric-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.metric-card{background:#fff;border:1px solid var(--border);border-radius:16px;padding:18px 19px;box-shadow:var(--shadow);min-width:0}.metric-card>span,.metric-top span{display:block;color:#63748c;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.45px}.metric-card>strong,.metric-card .metric-top+strong{display:block;font-size:24px;margin:9px 0 4px;white-space:nowrap}.metric-card small{color:var(--muted)}.metric-top{display:flex;justify-content:space-between;align-items:center}.metric-icon{width:38px;height:38px;border-radius:13px;display:grid;place-items:center;background:var(--orange-soft);color:var(--orange);font-size:11px}.metric-icon.green{background:var(--green-soft);color:var(--green)}.metric-icon.blue{background:var(--blue-soft);color:var(--blue)}.metric-icon.purple{background:#f1eefe;color:var(--purple)}.metric-icon.orange{background:var(--orange-soft);color:var(--orange)}.metric-icon.success{background:var(--green-soft);color:var(--green)}.metric-icon.warning{background:var(--yellow-soft);color:var(--yellow)}.metric-icon.danger{background:var(--red-soft);color:var(--red)}.status-text.success{color:var(--green)}.status-text.warning{color:var(--yellow)}.status-text.danger{color:var(--red)}
.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:18px}.panel{background:var(--card);border:1px solid var(--border);border-radius:17px;box-shadow:var(--shadow);overflow:hidden;margin-bottom:18px}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:17px 19px;border-bottom:1px solid var(--border)}.panel-head h3{font-size:15px;margin:0}.panel-head p{margin:4px 0 0;font-size:12px;color:var(--muted)}.panel-head>a{font-size:12px;font-weight:800;color:var(--blue);text-decoration:none}.status-summary{display:grid;grid-template-columns:repeat(4,1fr);padding:22px 20px 15px;gap:10px}.status-summary>div{text-align:center}.status-summary b{font-size:22px;display:block}.status-summary small{color:var(--muted)}.dot{width:9px;height:9px;border-radius:50%;display:inline-block;margin-bottom:4px}.success-dot{background:var(--green)}.warning-dot{background:#f0a000}.danger-dot{background:var(--red)}.neutral-dot{background:#9aa9ba}.progress-stack{height:9px;background:#edf2f7;border-radius:99px;overflow:hidden;margin:0 20px;display:flex}.progress-stack span{height:100%}.bar-success{background:var(--green)}.bar-warning{background:#f0a000}.bar-danger{background:var(--red)}.mini-stats{display:flex;gap:16px;justify-content:space-around;padding:18px 20px;color:var(--muted);font-size:12px}.mini-stats b{color:var(--text)}
.table-wrap{overflow:auto}.table-wrap table{width:100%;border-collapse:collapse;min-width:760px}.table-wrap th{background:#f7f9fc;color:#64748b;text-transform:uppercase;font-size:10px;letter-spacing:.45px;text-align:left;padding:12px 13px;border-bottom:1px solid var(--border)}.table-wrap td{padding:13px;border-bottom:1px solid #edf1f6;vertical-align:middle}.table-wrap tr:last-child td{border-bottom:0}.cell-sub{display:block;color:var(--muted);font-size:11px;margin-top:3px}.table-link{border:0;background:none;color:var(--blue);font-weight:800;text-decoration:none;font-size:12px;padding:3px}.danger-link{color:var(--red)}.badge{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;border-radius:999px;padding:5px 9px;font-size:10px;font-weight:900;text-transform:uppercase;line-height:1.15}.badge small{font-weight:600;text-transform:none;margin-top:2px}.badge.success{background:var(--green-soft);color:var(--green)}.badge.warning{background:var(--yellow-soft);color:var(--yellow)}.badge.danger{background:var(--red-soft);color:var(--red)}.badge.neutral{background:#edf2f7;color:#607086}.empty-inline,.empty-state{padding:34px;text-align:center;color:var(--muted)}.empty-state{display:flex;flex-direction:column;gap:5px}.empty-state b{color:var(--text)}.empty-state.small{padding:20px}.compact-list{padding:5px 18px 12px}.compact-list>a,.compact-list.no-link>div{display:flex;align-items:center;justify-content:space-between;text-decoration:none;padding:12px 0;border-bottom:1px dashed var(--border);gap:10px}.compact-list>a:last-child,.compact-list.no-link>div:last-child{border-bottom:0}.compact-list span b,.compact-list span small{display:block}.compact-list small{color:var(--muted);margin-top:3px}
.form-layout{display:grid;grid-template-columns:minmax(330px,430px) minmax(0,1fr);gap:18px;align-items:start}.form-layout.wide-list{grid-template-columns:minmax(360px,470px) minmax(0,1fr)}.sticky-form{position:sticky;top:94px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:19px}.form-grid .full{grid-column:1/-1}.form-grid label{display:block;font-weight:800;font-size:12px;margin:0 0 6px}.form-grid label small{font-weight:500;color:var(--muted)}input,select,textarea{width:100%;border:1px solid #cad7e6;background:#fff;border-radius:9px;padding:10px 11px;color:var(--text)}textarea{resize:vertical}input:focus,select:focus,textarea:focus{outline:3px solid rgba(47,100,231,.11);border-color:var(--blue)}.field-help{display:block;color:var(--muted);font-size:11px;margin-top:5px}.form-actions{display:flex;justify-content:flex-end;gap:8px;padding-top:5px}.align-end{align-self:end}.check-row label{display:flex;align-items:flex-start;gap:8px;font-weight:600}.check-row input{width:auto;margin-top:2px}.input-action{display:flex;gap:8px}.input-action input{flex:1}.search-form{display:flex;align-items:center;gap:7px}.search-form input{min-width:220px}.search-form select{width:auto;min-width:135px}
.card-list,.user-cards{padding:18px;display:grid;gap:12px}.catalog-card,.user-card{border:1px solid var(--border);border-radius:13px;padding:16px;display:flex;gap:14px;align-items:flex-start}.catalog-icon{width:48px;height:48px;border-radius:13px;background:var(--blue-soft);color:var(--blue);display:grid;place-items:center;font-weight:900;flex:0 0 auto}.catalog-main{flex:1;min-width:0}.catalog-title{display:flex;justify-content:space-between;gap:10px}.catalog-title h4,.user-card h4{margin:0 0 4px;font-size:16px}.catalog-main code{font-size:11px;background:#f1f4f8;padding:3px 6px;border-radius:5px}.catalog-main p,.user-card p{color:var(--muted);margin:8px 0;font-size:12px}.catalog-meta{display:flex;gap:16px;font-size:11px;color:var(--muted)}.catalog-meta b{color:var(--text)}.pricing-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:18px}.price-card{border:1px solid var(--border);border-radius:14px;padding:17px}.price-head,.price-foot{display:flex;align-items:center;justify-content:space-between}.price-head>span{font-size:11px;color:var(--blue);font-weight:900}.price-card h4{font-size:20px;margin:10px 0 4px}.price-value{font-size:21px;font-weight:900}.price-value small{font-size:11px;color:var(--muted);font-weight:500}.plan-limits{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:14px 0}.plan-limits span{background:#f7f9fc;border-radius:8px;padding:8px;font-size:10px;color:var(--muted);text-align:center}.plan-limits b{display:block;color:var(--text);font-size:12px;margin-top:2px}.feature-tags{display:flex;gap:5px;flex-wrap:wrap}.feature-tags span{background:#eef3f8;color:#52657d;border-radius:999px;padding:5px 8px;font-size:10px}.price-foot{margin-top:14px;border-top:1px solid var(--border);padding-top:12px}.price-foot small{color:var(--muted)}.price-foot a{font-weight:800;color:var(--blue);text-decoration:none;font-size:12px}
.license-list{padding:13px;display:grid;gap:10px}.license-row{border:1px solid var(--border);border-radius:13px;padding:14px;display:grid;grid-template-columns:46px minmax(220px,1fr) auto auto;align-items:center;gap:13px}.license-product,.product-block{width:46px;height:46px;border-radius:12px;background:var(--navy);color:#fff;display:grid;place-items:center;font-weight:900}.license-info>div{display:flex;align-items:center;gap:8px}.license-info h4{margin:0;font-size:15px}.license-info code{font-size:10px;color:var(--blue)}.license-info p{font-size:11px;color:var(--muted);margin:4px 0 0}.license-numbers{display:flex;gap:18px}.license-numbers span{min-width:65px;text-align:center}.license-numbers b,.license-numbers small{display:block}.license-numbers small{font-size:10px;color:var(--muted);margin-top:3px}.row-actions{display:flex;gap:6px}.detail-hero{background:linear-gradient(120deg,#fff,#f7faff);border:1px solid var(--border);border-radius:17px;padding:20px;align-items:center}.back-link{font-size:12px;color:var(--blue);font-weight:800;text-decoration:none}.detail-title{display:flex;gap:13px;align-items:center;margin-top:12px}.detail-title h2{margin:2px 0}.detail-title code{font-size:11px;color:var(--blue)}.detail-list{margin:0;padding:5px 19px 16px}.detail-list>div{display:grid;grid-template-columns:145px 1fr;padding:11px 0;border-bottom:1px dashed var(--border)}.detail-list>div:last-child{border-bottom:0}.detail-list dt{color:var(--muted);font-size:12px}.detail-list dd{margin:0;font-weight:700}.detail-list dd small{display:block;color:var(--muted);font-weight:500;margin-top:3px}.feature-box{margin:0 19px 19px;background:#f7f9fc;border-radius:11px;padding:13px}.feature-box>b{display:block;margin-bottom:9px}.action-stack{padding:15px;display:grid;gap:10px}.action-card{border:1px solid var(--border);border-radius:12px;padding:13px;display:flex;align-items:center;justify-content:space-between;gap:12px}.action-card b{display:block}.action-card p{margin:4px 0 0;color:var(--muted);font-size:11px}.inline-action{display:flex;gap:7px}.inline-action select{min-width:115px}.policy-note,.api-note,.security-warning{margin:0 15px 15px;padding:13px;border-radius:11px;background:#f5f8fc}.policy-note p,.security-warning p{margin:5px 0 0;color:var(--muted);font-size:12px}.timeline{padding:14px 18px}.timeline-item{display:grid;grid-template-columns:15px 1fr;gap:10px;padding:0 0 15px;position:relative}.timeline-item>span{width:9px;height:9px;border-radius:50%;background:var(--orange);margin-top:4px;position:relative}.timeline-item>span:after{content:"";position:absolute;top:10px;left:4px;width:1px;height:45px;background:var(--border)}.timeline-item:last-child>span:after{display:none}.timeline-item p{margin:3px 0;color:var(--muted);font-size:11px}.timeline-item small{color:#8996a7;font-size:10px}.inline-form{display:inline}.json-box,.key-box,.api-note pre{max-width:620px;white-space:pre-wrap;word-break:break-word;background:#101d31;color:#dbe9ff;padding:12px;border-radius:9px;font-size:10px;line-height:1.5}.key-box{max-width:none;margin:18px;max-height:320px;overflow:auto}.user-card{align-items:center}.user-card>div{flex:1}.user-card small{display:block;color:var(--muted);margin-top:8px}
.endpoint-list{padding:16px;display:grid;gap:9px}.endpoint-list>div{display:grid;grid-template-columns:80px 1fr auto;align-items:center;gap:8px;background:#f7f9fc;border-radius:9px;padding:9px}.endpoint-list span{font-size:11px;font-weight:800}.endpoint-list code{overflow:auto;font-size:10px}.copy-mini{border:0;border-radius:7px;background:var(--blue-soft);color:var(--blue);font-weight:800;font-size:10px;padding:6px 8px}.security-warning{background:var(--yellow-soft);color:#815600;margin:0 18px 18px}.security-warning p{color:#8a6a22}.integration-steps{padding:18px;display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.integration-steps>div{border:1px solid var(--border);border-radius:11px;padding:13px;display:flex;gap:9px;align-items:flex-start}.integration-steps b{width:25px;height:25px;border-radius:8px;background:var(--orange-soft);color:var(--orange);display:grid;place-items:center;flex:0 0 auto}.integration-steps span{font-size:12px;line-height:1.5}.settings-grid{align-items:start}
.login-body{min-height:100vh;background:linear-gradient(130deg,#eaf1fb 0,#fff7ef 55%,#edf3fb 100%);display:grid;place-items:center;padding:25px}.login-shell{max-width:1050px;width:100%}.login-brand{display:flex;align-items:center;gap:12px;margin-bottom:16px}.login-brand strong,.login-brand span{display:block}.login-brand strong{font-size:20px}.login-brand span{color:var(--muted);font-size:12px}.login-card{display:grid;grid-template-columns:1.2fr .8fr;background:#fff;border:1px solid var(--border);border-radius:24px;box-shadow:0 25px 70px rgba(16,35,63,.14);overflow:hidden}.login-copy{padding:52px;background:linear-gradient(145deg,#10233f,#1c467b);color:#fff;position:relative}.login-copy:after{content:"SL";position:absolute;right:-10px;bottom:-65px;font-size:220px;font-weight:900;color:rgba(255,255,255,.035)}.login-copy .eyebrow{color:#ffb87d}.login-copy h1{font-size:38px;line-height:1.08;margin:10px 0 16px;max-width:520px}.login-copy p{color:#bdcbe0;line-height:1.65;max-width:520px}.login-points{display:grid;gap:9px;margin-top:27px;color:#dce6f5;font-size:12px}.login-form-wrap{padding:48px 38px}.login-form-wrap h2{font-size:24px;margin:0 0 5px}.login-form-wrap>p{color:var(--muted);margin:0 0 22px}.login-form-wrap label{display:block;font-weight:800;font-size:12px;margin:14px 0 6px}.login-form-wrap input{padding:12px}.login-form-wrap button{margin-top:18px}.login-foot{text-align:center;color:var(--muted);font-size:10px;margin-top:18px}
@media(max-width:1200px){.metric-grid.four{grid-template-columns:repeat(2,1fr)}.form-layout,.form-layout.wide-list{grid-template-columns:370px minmax(0,1fr)}.license-row{grid-template-columns:42px 1fr auto}.license-numbers{display:none}.pricing-list{grid-template-columns:1fr}.integration-steps{grid-template-columns:repeat(2,1fr)}}
@media(max-width:900px){.app-shell{grid-template-columns:76px 1fr}.sidebar{width:76px;padding:16px 8px}.sidebar-brand{padding:0 8px 20px}.sidebar-brand>span:last-child,.nav-item>span:last-child,.nav-label,.sidebar-foot{display:none}.nav-item{justify-content:center;padding:8px}.nav-icon{width:36px;height:36px}.main{grid-column:2}.form-layout,.form-layout.wide-list,.grid-2{grid-template-columns:1fr}.sticky-form{position:static}.login-card{grid-template-columns:1fr}.login-copy{padding:34px}.login-form-wrap{padding:34px}.responsive-head{align-items:flex-start;flex-direction:column}.search-form{width:100%;flex-wrap:wrap}.search-form input{flex:1;min-width:180px}.detail-grid{grid-template-columns:1fr}}
@media(max-width:650px){.app-shell{display:block}.sidebar{position:static;width:100%;height:auto;display:flex;align-items:center;padding:9px 12px;overflow:visible}.sidebar-brand{padding:0;margin-right:12px}.sidebar nav{display:flex;overflow-x:auto;gap:4px}.nav-group{display:flex;margin:0}.nav-item{margin:0}.main{display:block}.topbar{position:static;padding:0 14px;height:64px}.top-user>span:nth-child(2){display:none}.content{padding:16px}.page-head,.detail-hero{flex-direction:column}.head-actions,.hero-actions{width:100%;flex-wrap:wrap}.metric-grid.four,.metric-grid.three{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.form-grid .full{grid-column:auto}.metric-card>strong,.metric-card .metric-top+strong{font-size:21px}.license-row{grid-template-columns:40px 1fr}.row-actions{grid-column:1/-1;justify-content:flex-end}.status-summary{grid-template-columns:repeat(2,1fr)}.mini-stats{flex-direction:column}.pricing-list{padding:12px}.integration-steps{grid-template-columns:1fr}.action-card{align-items:flex-start;flex-direction:column}.inline-action{width:100%}.inline-action select{flex:1}.login-copy h1{font-size:29px}.login-copy,.login-form-wrap{padding:27px}.app-footer{flex-direction:column;gap:4px}.topbar h1{font-size:15px}}