:root{--navy:#071a33;--navy2:#0d2b4d;--gold:#efb83e;--gold2:#ffd978;--ink:#102136;--muted:#65758a;--line:#dfe6ee;--soft:#f4f7fa;--white:#fff;--success:#167a51;--danger:#bd3845;--shadow:0 18px 55px rgba(7,26,51,.12);--radius:22px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Roboto,'Segoe UI',Arial,sans-serif;color:var(--ink);background:#fff;line-height:1.65}a{color:inherit;text-decoration:none}img{max-width:100%}button,input,select,textarea{font:inherit}.container{width:min(1180px,calc(100% - 36px));margin:auto}.skip{position:absolute;left:-9999px}.skip:focus{left:12px;top:12px;z-index:9999;background:#fff;padding:10px}.topbar{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.94);backdrop-filter:blur(15px);border-bottom:1px solid rgba(7,26,51,.08)}.nav{height:82px;display:flex;align-items:center;justify-content:space-between}.brand{display:inline-flex;align-items:center;gap:12px}.brand img{width:48px;height:48px}.brand span{display:flex;flex-direction:column;line-height:1.15}.brand strong{font-family:Roboto,'Segoe UI',Arial,sans-serif;font-size:18px}.brand small{font-size:11px;text-transform:uppercase;letter-spacing:.14em;color:var(--muted)}#mainNav{display:flex;align-items:center;gap:5px}#mainNav>a{padding:10px 13px;font-weight:600;font-size:14px;border-radius:10px}#mainNav>a:hover,#mainNav>a.active{background:var(--soft);color:var(--navy)}#mainNav .nav-button{background:var(--navy);color:#fff;margin-left:6px;padding-inline:18px}.menu-btn{display:none;background:none;border:0;width:44px;height:44px;padding:10px;cursor:pointer}.menu-btn svg,.btn svg,.text-link svg,.icon-btn svg,.sidebar svg,.searchbox svg,.ticket-row svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.hero{background:linear-gradient(135deg,#06172d 0%,#0a2746 56%,#0f365d 100%);color:#fff;overflow:hidden;position:relative}.hero:before{content:"";position:absolute;inset:-40%;background:radial-gradient(circle at 70% 38%,rgba(239,184,62,.16),transparent 28%),radial-gradient(circle at 10% 90%,rgba(74,169,255,.13),transparent 25%)}.hero-grid{min-height:620px;display:grid;grid-template-columns:1.12fr .88fr;align-items:center;gap:80px;position:relative}.eyebrow{font-size:12px;font-weight:800;letter-spacing:.17em;color:var(--gold2)}.eyebrow.dark{color:#9b6a0d}.hero h1,.page-hero h1,.product-hero h1{font-family:Roboto,'Segoe UI',Arial,sans-serif;font-size:clamp(44px,6vw,72px);line-height:1.04;letter-spacing:-.04em;margin:22px 0}.hero h1 em{font-style:normal;color:var(--gold2)}.hero p{font-size:19px;color:#c9d6e4;max-width:680px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;border:1px solid transparent;border-radius:12px;padding:13px 19px;font-weight:750;cursor:pointer;transition:.2s}.btn:hover{transform:translateY(-2px)}.btn.primary{background:linear-gradient(135deg,var(--gold2),var(--gold));color:#2d2108;box-shadow:0 10px 25px rgba(239,184,62,.2)}.btn.ghost{border-color:rgba(255,255,255,.3);color:#fff}.btn.navy{background:var(--navy);color:#fff}.btn.outline{border-color:var(--line);background:#fff;color:var(--ink)}.btn.full{width:100%}.hero-stats{display:flex;gap:45px;margin-top:45px}.hero-stats div{display:flex;flex-direction:column}.hero-stats strong{font-family:Roboto,'Segoe UI',Arial,sans-serif;font-size:28px}.hero-stats span{color:#aebfd0;font-size:13px}.hero-panel{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);border-radius:26px;box-shadow:0 40px 90px rgba(0,0,0,.28);padding:18px;transform:rotate(1.5deg)}.panel-head{display:flex;align-items:center;gap:7px;border-bottom:1px solid rgba(255,255,255,.11);padding:0 2px 14px}.panel-head span{width:9px;height:9px;border-radius:50%;background:#ff6b6b}.panel-head span:nth-child(2){background:#ffd166}.panel-head span:nth-child(3){background:#52d273}.panel-head b{font-size:12px;margin-left:auto;color:#90a7bd}.panel-content{padding:24px}.mini-kpi{display:flex;justify-content:space-between;align-items:center;background:rgba(255,255,255,.07);padding:17px;border-radius:14px}.mini-kpi strong{font-size:34px;color:var(--gold2)}.mini-bars{height:160px;display:flex;align-items:flex-end;gap:12px;padding:24px 8px 10px}.mini-bars i{flex:1;background:linear-gradient(var(--gold2),#d49421);border-radius:7px 7px 2px 2px}.mini-list{display:grid;grid-template-columns:1fr 1fr;gap:8px}.mini-list p{margin:0;background:rgba(255,255,255,.06);padding:12px;border-radius:10px;font-size:13px}.mini-list b{color:var(--gold2)}.catalog-section,.page-section,.detail-section,.related{padding:90px 0}.section-head{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:36px}.section-head h2{font-family:Roboto,'Segoe UI',Arial,sans-serif;font-size:38px;margin:8px 0 0}.section-head>p{max-width:520px;color:var(--muted)}.catalog-filter{display:grid;grid-template-columns:2fr 1fr 1fr auto auto;gap:12px;background:var(--soft);padding:16px;border-radius:18px}.catalog-filter input,.catalog-filter select{width:100%;height:48px;border:1px solid var(--line);background:#fff;border-radius:11px;padding:0 14px}.searchbox{position:relative}.searchbox svg{position:absolute;left:15px;top:14px;color:var(--muted)}.searchbox input{padding-left:44px}.result-row{display:flex;justify-content:space-between;margin:28px 0 18px}.result-row span{color:var(--muted);font-size:14px}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.product-card{min-height:350px;border:1px solid var(--line);border-radius:22px;padding:24px;display:flex;flex-direction:column;background:#fff;transition:.25s;position:relative;overflow:hidden}.product-card:before{content:"";position:absolute;width:180px;height:180px;border-radius:50%;right:-85px;top:-85px;background:var(--card,#0d2b4d);opacity:.08}.product-card:hover{transform:translateY(-7px);box-shadow:var(--shadow);border-color:transparent}.product-top{display:flex;justify-content:space-between;align-items:start}.product-code,.license-logo,.table-product>span{display:grid;place-items:center;width:76px;height:76px;border-radius:19px;background:var(--card,var(--navy));color:#fff;font-family:Roboto,'Segoe UI',Arial,sans-serif;font-weight:800;font-size:16px;letter-spacing:-.03em}.featured{background:#fff4d8;color:#8d5d00;padding:6px 10px;border-radius:99px;font-size:11px;font-weight:800}.product-meta{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0 10px}.product-meta span,.badge{font-size:11px;font-weight:750;padding:6px 9px;border-radius:99px;background:var(--soft);color:#526276}.product-card h3{font-family:Roboto,'Segoe UI',Arial,sans-serif;font-size:25px;margin:5px 0 8px}.product-card p{color:var(--muted);font-size:14px;flex:1}.product-bottom{display:flex;justify-content:space-between;align-items:end;margin-top:16px;padding-top:17px;border-top:1px solid var(--line)}.product-bottom div{display:flex;flex-direction:column}.product-bottom small{color:var(--muted)}.product-bottom a{width:43px;height:43px;border-radius:50%;background:var(--navy);color:#fff;display:grid;place-items:center}.product-bottom svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:2}.theme-gold{--card:#b47910}.theme-cyan{--card:#0789a4}.theme-blue{--card:#1767c5}.theme-purple{--card:#7249bd}.theme-green{--card:#16845c}.theme-navy{--card:#0b3158}.theme-orange{--card:#d76b20}.theme-teal{--card:#167c80}.theme-red{--card:#c14348}.theme-pink{--card:#be4b79}.theme-indigo{--card:#4d5ac7}.theme-violet{--card:#753bb0}.empty{text-align:center;border:1px dashed #cbd6e1;border-radius:20px;padding:55px;color:var(--muted)}.empty span svg{width:45px}.cta{padding:0 0 90px}.cta-box{background:linear-gradient(135deg,var(--navy),#0d365f);color:#fff;border-radius:30px;padding:50px;display:flex;align-items:center;justify-content:space-between;gap:40px}.cta-box h2{font-family:Roboto,'Segoe UI',Arial,sans-serif;font-size:36px;max-width:680px;margin:8px 0}.cta-box p{color:#b9cada}.footer{background:#061528;color:#d4dfeb;padding:70px 0 20px}.footer-grid{display:grid;grid-template-columns:1.6fr .8fr .9fr;gap:80px}.footer .brand strong{color:#fff}.footer p{max-width:470px;color:#92a8bd}.footer h3{color:#fff;font-size:14px;text-transform:uppercase;letter-spacing:.12em}.footer-grid>div:not(:first-child){display:flex;flex-direction:column;gap:10px}.footer a:hover{color:var(--gold2)}.copyright{margin-top:50px;padding-top:20px;border-top:1px solid rgba(255,255,255,.1);display:flex;justify-content:space-between;font-size:12px;color:#7890a8}.page-hero{background:linear-gradient(135deg,var(--navy),#0d345a);color:#fff;padding:100px 0 85px}.page-hero h1{font-size:56px;margin-bottom:12px}.page-hero p{font-size:18px;color:#bfd0df;max-width:720px}.product-hero{background:linear-gradient(135deg,#06172d,#0c3154);color:#fff;padding:90px 0}.product-hero-grid{display:grid;grid-template-columns:1.3fr .7fr;align-items:center;gap:80px}.backlink{color:#a8bdd0;font-size:14px}.product-hero h1{font-size:64px}.product-hero p{font-size:20px;color:#c1d0df;max-width:740px}.product-logo{width:270px;height:270px;border-radius:48px;background:var(--card,var(--navy));display:grid;place-items:center;justify-self:end;box-shadow:0 35px 80px rgba(0,0,0,.25);position:relative}.product-logo span{font-family:Roboto,'Segoe UI',Arial,sans-serif;font-weight:800;font-size:45px}.product-logo small{position:absolute;bottom:24px;color:rgba(255,255,255,.7)}.detail-grid{display:grid;grid-template-columns:1fr 350px;gap:70px}.prose h2{font-family:Roboto,'Segoe UI',Arial,sans-serif;font-size:38px;line-height:1.2}.prose h3{font-family:Roboto,'Segoe UI',Arial,sans-serif;font-size:25px;margin-top:40px}.prose>p{font-size:17px;color:#4f6072}.feature-list{display:grid;grid-template-columns:1fr 1fr;gap:13px}.feature-list>div{display:flex;gap:12px;padding:15px;border:1px solid var(--line);border-radius:13px}.feature-list svg{width:22px;fill:none;stroke:var(--success);stroke-width:2}.info-card{position:sticky;top:110px;border:1px solid var(--line);border-radius:22px;padding:25px;box-shadow:var(--shadow)}.info-card h3{font-family:Roboto,'Segoe UI',Arial,sans-serif}.info-card dl>div{display:flex;justify-content:space-between;padding:13px 0;border-bottom:1px solid var(--line)}.info-card dt{color:var(--muted)}.info-card dd{font-weight:700}.info-card .btn{margin-top:13px}.timeline>div{border-left:2px solid var(--gold);padding:0 0 26px 25px;position:relative}.timeline>div:before{content:"";position:absolute;left:-7px;top:3px;width:12px;height:12px;border-radius:50%;background:var(--gold)}.timeline b{background:#fff3d6;padding:5px 8px;border-radius:7px}.timeline span{font-size:12px;color:var(--muted);margin-left:8px}.timeline h4{margin:13px 0 4px}.timeline p{margin:0;color:var(--muted)}.related{background:var(--soft)}.product-grid.compact .product-card{min-height:285px}.text-link{font-weight:750;color:#9a6909;display:inline-flex;gap:7px;align-items:center}.text-link svg{width:17px;fill:none;stroke:currentColor;stroke-width:2}.updates-list{max-width:900px}.updates-list>article{display:grid;grid-template-columns:130px 1fr;gap:35px;padding:35px 0;border-bottom:1px solid var(--line)}.update-date strong{font-family:Roboto,'Segoe UI',Arial,sans-serif;font-size:40px;display:block;color:var(--navy)}.update-date span{font-size:12px;color:var(--muted)}.updates-list h2{font-family:Roboto,'Segoe UI',Arial,sans-serif;margin:12px 0 5px}.updates-list p{color:var(--muted)}.form-layout{display:grid;grid-template-columns:1fr 360px;gap:35px;align-items:start}.form-card,.form-info,.success-card{border:1px solid var(--line);border-radius:24px;padding:30px;background:#fff}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.form-grid .full{grid-column:1/-1}label{display:flex;flex-direction:column;gap:7px;font-weight:650;font-size:13px}label small{font-weight:400;color:var(--muted)}input,select,textarea{border:1px solid #cbd6e1;border-radius:10px;padding:12px 13px;background:#fff;color:var(--ink)}input:focus,select:focus,textarea:focus{outline:3px solid rgba(239,184,62,.22);border-color:#d59d24}.form-card>.btn{margin-top:22px}.form-info{background:var(--soft)}.form-info h2{font-family:Roboto,'Segoe UI',Arial,sans-serif}.form-info ol{list-style:none;padding:0;margin:25px 0}.form-info li{display:flex;gap:14px;padding:15px 0;border-bottom:1px solid var(--line)}.form-info li>b{display:grid;place-items:center;width:34px;height:34px;background:var(--navy);color:#fff;border-radius:50%}.form-info li span{display:flex;flex-direction:column;color:var(--muted)}.form-info li strong{color:var(--ink)}.success-card{text-align:center;grid-column:1/-1;max-width:600px;margin:auto}.success-card>span{display:grid;place-items:center;width:80px;height:80px;margin:auto;background:#e6f7ef;color:var(--success);border-radius:50%}.success-card svg{width:35px;fill:none;stroke:currentColor;stroke-width:2}.success-card>strong{display:block;font-family:Roboto,'Segoe UI',Arial,sans-serif;font-size:27px;margin:10px}.success-card .btn{margin:5px}.auth-section{min-height:720px;background:var(--soft);display:grid;place-items:center;padding:70px 18px}.auth-card{width:min(480px,100%);background:#fff;border:1px solid var(--line);border-radius:27px;padding:38px;box-shadow:var(--shadow)}.auth-card>img{width:70px}.auth-card h1{font-family:Roboto,'Segoe UI',Arial,sans-serif;font-size:34px;margin:12px 0 4px}.auth-card>p{color:var(--muted)}.auth-card form{display:grid;gap:15px;margin-top:24px}.auth-note{margin-top:24px;background:#fff8e8;border:1px solid #f0dfb9;padding:15px;border-radius:12px;display:flex;flex-direction:column;font-size:13px}.auth-note small{color:var(--muted)}.page-empty{padding:150px 0;text-align:center}.page-empty>span{font:800 90px Roboto,'Segoe UI',Arial,sans-serif;color:var(--gold)}.page-empty h1{font:800 40px Roboto,'Segoe UI',Arial,sans-serif}.toast{position:fixed;top:95px;right:20px;z-index:999;padding:13px 18px;border-radius:11px;color:#fff;background:var(--navy);box-shadow:var(--shadow);transition:.4s}.toast.success{background:var(--success)}.toast.error{background:var(--danger)}.toast.hide{opacity:0;transform:translateX(30px);pointer-events:none}
/* Dashboard */.dashboard-body{background:var(--soft)}.sidebar{position:fixed;left:0;top:0;bottom:0;width:260px;background:var(--navy);color:#c5d3df;padding:24px 16px;display:flex;flex-direction:column;z-index:200}.sidebar-brand{padding:0 10px 25px;border-bottom:1px solid rgba(255,255,255,.1)}.sidebar-brand strong{color:#fff}.sidebar-brand small{color:#7790a8}.sidebar nav{display:flex;flex-direction:column;gap:4px;margin-top:22px}.sidebar nav a,.sidebar-bottom a{display:flex;align-items:center;gap:12px;padding:11px 13px;border-radius:10px;font-size:14px;font-weight:650}.sidebar nav a:hover,.sidebar nav a.active,.sidebar-bottom a:hover{background:rgba(255,255,255,.1);color:#fff}.sidebar svg{width:19px}.sidebar-bottom{margin-top:auto;border-top:1px solid rgba(255,255,255,.1);padding-top:15px}.dash-shell{margin-left:260px;min-height:100vh}.dash-top{height:72px;background:#fff;border-bottom:1px solid var(--line);display:flex;justify-content:flex-end;align-items:center;padding:0 30px}.dash-top>div{display:flex;flex-direction:column;text-align:right}.dash-top small{color:var(--muted)}.dash-main{padding:34px;max-width:1500px;margin:auto}.dash-heading{display:flex;justify-content:space-between;gap:30px;align-items:center;margin-bottom:28px}.dash-heading h1{font:800 34px Roboto,'Segoe UI',Arial,sans-serif;margin:5px 0}.dash-heading p{margin:0;color:var(--muted)}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:18px;margin-bottom:24px}.stat-grid article{background:#fff;border:1px solid var(--line);border-radius:18px;padding:22px;display:flex;gap:16px;align-items:center}.stat-grid article>span{display:grid;place-items:center;width:52px;height:52px;background:#fff5dc;color:#946300;border-radius:14px}.stat-grid svg{width:25px;fill:none;stroke:currentColor;stroke-width:1.8}.stat-grid strong{font:800 28px Roboto,'Segoe UI',Arial,sans-serif}.stat-grid p{margin:0;color:var(--muted);font-size:13px}.dash-columns{display:grid;grid-template-columns:1.45fr .85fr;gap:22px}.dash-columns.clients{grid-template-columns:360px 1fr}.dash-card{background:#fff;border:1px solid var(--line);border-radius:19px;padding:23px}.card-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.card-head h2,.dash-card h2{font:750 20px Roboto,'Segoe UI',Arial,sans-serif;margin:0}.card-head a{font-size:13px;color:#9a6909;font-weight:700}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;font-size:13px}th{text-align:left;color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.08em;padding:10px 12px;border-bottom:1px solid var(--line)}td{padding:13px 12px;border-bottom:1px solid #edf1f5;vertical-align:middle}td strong,td small{display:block}td small{color:var(--muted)}.status{display:inline-flex;padding:5px 9px;border-radius:99px;background:#edf1f5;color:#536375;font-size:11px;font-weight:750;font-style:normal}.status.active,.status.accepted,.status.closed{background:#e5f6ee;color:#18704e}.status.new,.status.open,.status.trial{background:#fff2cf;color:#8b5c00}.status.contacted,.status.progress{background:#e5f0ff;color:#235e9d}.status.rejected,.status.revoked,.status.expired{background:#fde8ea;color:#a5313c}.ticket-row{display:flex;gap:12px;align-items:center;border-bottom:1px solid var(--line);padding:13px 0}.ticket-row>span{color:#9a6909}.ticket-row>div{flex:1}.ticket-row strong,.ticket-row small{display:block}.ticket-row small{color:var(--muted);font-size:11px}.table-product{display:flex;gap:10px;align-items:center}.table-product>span{width:42px;height:42px;border-radius:10px;font-size:9px;background:var(--card)}.actions{display:flex;gap:5px}.actions form{display:inline}.icon-btn{display:inline-grid;place-items:center;width:34px;height:34px;border:1px solid var(--line);background:#fff;border-radius:8px;cursor:pointer}.icon-btn svg{width:16px}.icon-btn.danger{color:var(--danger)}.admin-form .form-grid{grid-template-columns:repeat(3,1fr)}.checkbox{flex-direction:row;align-items:center}.checkbox input{width:18px;height:18px}.inline-form{display:grid;grid-template-columns:180px 1fr auto auto;gap:15px;align-items:end}.detail-pairs{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:20px 0}.detail-pairs>div{display:flex;flex-direction:column;background:var(--soft);padding:13px;border-radius:10px}.detail-pairs small{color:var(--muted)}.message-box{background:#f8fafc;border:1px solid var(--line);border-radius:12px;padding:18px;margin:15px 0 20px}.narrow{max-width:780px}.system-info>div{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding:12px}.updates-admin article{display:flex;gap:14px;padding:14px 0;border-bottom:1px solid var(--line)}.updates-admin strong,.updates-admin small{display:block}.updates-admin small{color:var(--muted)}.updates-admin p{margin:3px 0;color:var(--muted)}.license-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.license-grid>article{display:flex;align-items:center;gap:16px;border:1px solid var(--line);border-radius:16px;padding:17px}.license-logo{width:58px;height:58px;border-radius:13px;font-size:10px;flex:0 0 auto;background:var(--card)}.license-grid h3{margin:0}.license-grid p{margin:3px 0;color:var(--muted);font-size:13px}.license-grid.large{grid-template-columns:1fr 1fr}.license-grid.large>article{align-items:flex-start}.license-body{flex:1}.license-body code{display:block;background:var(--soft);padding:11px;border-radius:9px;margin:15px 0;word-break:break-all}.license-body dl{display:grid;grid-template-columns:1fr 1fr;gap:8px}.license-body dl>div{background:var(--soft);padding:10px;border-radius:8px}.license-body dt{color:var(--muted);font-size:11px}.license-body dd{margin:0;font-weight:700}.download-list article{display:flex;align-items:center;gap:16px;padding:17px 0;border-bottom:1px solid var(--line)}.download-list article>span{display:grid;place-items:center;width:50px;height:50px;background:#fff3d8;color:#936100;border-radius:13px}.download-list svg{width:24px;fill:none;stroke:currentColor;stroke-width:2}.download-list article>div{flex:1}.download-list h3,.download-list p{margin:0}.download-list p,.download-list small{color:var(--muted)}.ticket-list article{padding:17px 0;border-bottom:1px solid var(--line)}.ticket-list h3{margin:8px 0 3px}.ticket-list p{margin:0;color:var(--muted)}.admin-reply{margin-top:14px;padding:13px;border-left:3px solid var(--gold);background:#fff8e7}.muted{color:var(--muted)}
@media(max-width:1000px){#mainNav{position:absolute;left:18px;right:18px;top:74px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);border-radius:15px;padding:10px;display:none;flex-direction:column;align-items:stretch}#mainNav.open{display:flex}.menu-btn{display:block}.hero-grid,.product-hero-grid{grid-template-columns:1fr;padding:80px 0}.hero-panel{display:none}.product-logo{justify-self:start;width:200px;height:200px}.product-grid{grid-template-columns:1fr 1fr}.catalog-filter{grid-template-columns:1fr 1fr}.searchbox{grid-column:1/-1}.detail-grid{grid-template-columns:1fr}.info-card{position:static}.form-layout{grid-template-columns:1fr}.sidebar{transform:translateX(-100%);transition:.25s}.sidebar.open{transform:none}.dash-shell{margin-left:0}.dash-top{justify-content:space-between}.dash-top .menu-btn{display:block}.stat-grid{grid-template-columns:1fr 1fr}.dash-columns,.dash-columns.clients{grid-template-columns:1fr}.admin-form .form-grid{grid-template-columns:1fr 1fr}.inline-form{grid-template-columns:1fr}.detail-pairs{grid-template-columns:1fr 1fr}.license-grid.large{grid-template-columns:1fr}}
@media(max-width:680px){.container{width:min(100% - 24px,1180px)}.nav{height:70px}.brand img{width:42px;height:42px}.hero-grid{min-height:auto;padding:70px 0}.hero h1,.page-hero h1,.product-hero h1{font-size:42px}.hero p{font-size:16px}.hero-stats{gap:20px}.hero-stats strong{font-size:23px}.catalog-section,.page-section,.detail-section,.related{padding:65px 0}.section-head{display:block}.section-head h2{font-size:31px}.catalog-filter{grid-template-columns:1fr}.searchbox{grid-column:auto}.result-row{display:block}.product-grid{grid-template-columns:1fr}.product-card{min-height:320px}.cta-box{padding:30px;display:block}.cta-box h2{font-size:29px}.cta-box .btn{margin-top:20px}.footer-grid{grid-template-columns:1fr;gap:30px}.copyright{display:block}.page-hero{padding:70px 0}.product-logo{width:160px;height:160px;border-radius:30px}.product-logo span{font-size:30px}.feature-list{grid-template-columns:1fr}.updates-list>article{grid-template-columns:1fr;gap:8px}.form-grid{grid-template-columns:1fr}.form-grid .full{grid-column:auto}.auth-card{padding:25px}.dash-main{padding:20px 14px}.dash-heading{align-items:flex-start;flex-direction:column}.dash-heading h1{font-size:28px}.stat-grid,.stat-grid.client{grid-template-columns:1fr}.admin-form .form-grid{grid-template-columns:1fr}.detail-pairs{grid-template-columns:1fr}.license-grid{grid-template-columns:1fr}.download-list article{align-items:flex-start;flex-wrap:wrap}.download-list .btn{width:100%}}
.category-inline{display:flex;gap:6px;align-items:center}.category-inline input{min-width:180px;padding:8px 10px}.category-inline .icon-btn{flex:0 0 auto}

.license-detail-head{display:flex;align-items:center;gap:18px;margin-bottom:22px}.license-detail-head h2,.license-detail-head p{margin:0}.license-detail-head code{display:inline-block;margin-top:8px;background:var(--soft);padding:8px 10px;border-radius:8px}

.product-code.has-image{overflow:hidden;background:#fff}.product-code img,.product-logo img,.table-product>span img{width:100%;height:100%;object-fit:cover}.product-logo img{border-radius:48px}.table-product>span{overflow:hidden}.license-detail-head .license-logo{overflow:hidden}
.privacy-prose{max-width:850px}.privacy-prose h2{font-family:Roboto,'Segoe UI',Arial,sans-serif;margin-top:35px}.privacy-prose p{color:var(--muted);font-size:16px}
.status.sent{background:#e5f0ff;color:#235e9d}.status.paid{background:#e5f6ee;color:#18704e}.status.cancelled{background:#fde8ea;color:#a5313c}.status-form select{padding:7px 9px}.form-subtitle{margin:30px 0 12px}.invoice-items{border:1px solid var(--line);border-radius:14px;overflow:hidden}.invoice-row{display:grid;grid-template-columns:1fr 90px 190px;gap:10px;padding:10px;border-bottom:1px solid var(--line)}.invoice-row:last-child{border-bottom:0}.invoice-row.head{background:var(--soft);font-size:12px;font-weight:700;color:var(--muted)}.invoice-meta{margin-top:20px}.invoice-page{background:var(--soft);padding:60px 18px}.invoice-paper{width:min(940px,100%);margin:auto;background:#fff;padding:45px;border-radius:20px;box-shadow:var(--shadow)}.invoice-tools{display:flex;justify-content:flex-end;gap:10px;margin-bottom:25px}.invoice-head{display:flex;justify-content:space-between;align-items:start;border-bottom:3px solid var(--navy);padding-bottom:25px}.invoice-head h1{font-size:38px;letter-spacing:.08em;margin:0;color:var(--navy)}.invoice-head>div:last-child{text-align:right}.invoice-parties{display:grid;grid-template-columns:1fr 320px;gap:40px;padding:30px 0}.invoice-parties small{font-weight:800;letter-spacing:.1em;color:var(--muted)}.invoice-parties h2{margin:7px 0}.invoice-parties p{color:var(--muted)}.invoice-parties dl>div{display:flex;justify-content:space-between;padding:7px 0}.invoice-parties dd{font-weight:700}.invoice-table th{background:var(--navy);color:#fff}.invoice-table th,.invoice-table td{padding:14px}.invoice-table th:nth-child(n+2),.invoice-table td:nth-child(n+2){text-align:right}.invoice-summary{display:flex;justify-content:flex-end;margin-top:20px}.invoice-summary dl{width:340px}.invoice-summary dl>div{display:flex;justify-content:space-between;padding:9px 0}.invoice-summary .total{border-top:2px solid var(--navy);font-size:20px;font-weight:800}.invoice-notes{background:var(--soft);padding:17px;border-radius:12px;margin-top:25px}.invoice-notes p{margin-bottom:0;color:var(--muted)}.invoice-footer{display:flex;justify-content:space-between;align-items:end;border-top:1px solid var(--line);margin-top:35px;padding-top:25px}.invoice-footer p{color:var(--muted)}
@media(max-width:680px){.invoice-row{grid-template-columns:1fr 65px 115px}.invoice-paper{padding:22px}.invoice-head,.invoice-footer{display:block}.invoice-head>div:last-child{text-align:left;margin-top:25px}.invoice-parties{grid-template-columns:1fr}.invoice-tools{justify-content:flex-start}.invoice-footer .btn{margin-top:15px;width:100%}}
@media print{.topbar,.footer,.invoice-tools{display:none!important}.invoice-page{padding:0;background:#fff}.invoice-paper{width:100%;box-shadow:none;border-radius:0;padding:15mm}.invoice-footer .btn{display:none}}

/* V4.2.0 — Activity & Notification Center */
.sidebar nav a{position:relative}.nav-count{margin-left:auto;min-width:21px;height:21px;padding:0 6px;border-radius:99px;background:#efb83e;color:#2b2109;font-style:normal;font-size:11px;display:grid;place-items:center}.dash-top{gap:12px}.dash-top>div{margin-left:auto}.top-notification{width:42px;height:42px;border:1px solid var(--line);border-radius:12px;display:grid;place-items:center;position:relative;background:#fff}.top-notification svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.9}.top-notification b{position:absolute;right:-5px;top:-6px;background:var(--danger);color:#fff;min-width:20px;height:20px;border-radius:99px;display:grid;place-items:center;font-size:10px;border:2px solid #fff}.notification-list>article{display:grid;grid-template-columns:48px 1fr auto;gap:16px;align-items:start;padding:19px;border-bottom:1px solid var(--line);border-left:3px solid transparent}.notification-list>article.unread{background:#fffaf0;border-left-color:var(--gold)}.notification-list h3,.notification-list p{margin:0}.notification-list p{color:var(--muted);margin-top:4px}.notification-list small{color:var(--muted)}.notification-icon{width:44px;height:44px;border-radius:13px;display:grid;place-items:center;background:#edf4fb;color:#205c91}.notification-icon.success{background:#e7f6ef;color:#167a51}.notification-icon.warning{background:#fff2d6;color:#996500}.notification-icon svg{width:21px;fill:none;stroke:currentColor;stroke-width:2}.notification-actions{display:flex;gap:7px;align-items:center}.notification-actions form{margin:0}.mini-stat-row{display:flex;gap:10px;flex-wrap:wrap;margin:-12px 0 20px}.mini-stat-row span{background:#fff;border:1px solid var(--line);border-radius:99px;padding:8px 13px;font-size:12px}.security-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:20px}.security-kpis article{background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px}.security-kpis b{display:block;font-size:27px;color:var(--navy)}.security-kpis span{font-size:12px;color:var(--muted)}.activity-filter{max-width:300px;margin-bottom:18px}.activity-filter label{display:flex;flex-direction:column}.activity-filter select{padding:10px;border:1px solid var(--line);border-radius:10px;background:#fff}.security-note{display:flex;gap:16px;align-items:flex-start;background:#eaf5ff;border:1px solid #c9e2f6;border-radius:16px;padding:20px;margin-bottom:20px}.security-note>svg{width:30px;fill:none;stroke:#1b679c;stroke-width:1.8}.security-note p{margin:3px 0;color:var(--muted)}.activity-timeline article{display:flex;gap:14px;padding:14px 0;border-bottom:1px solid var(--line)}.activity-timeline article>span{width:38px;height:38px;border-radius:10px;background:var(--soft);display:grid;place-items:center}.activity-timeline svg{width:19px;fill:none;stroke:currentColor;stroke-width:1.9}.activity-timeline small{display:block;color:var(--muted)}.copy-field{display:flex;gap:10px;align-items:center;background:var(--soft);border:1px solid var(--line);border-radius:12px;padding:11px}.copy-field code{flex:1;word-break:break-all}.form-help{color:var(--muted);font-size:13px}.narrow.wide{max-width:900px}.status.queued{background:#fff2d6;color:#8d5d00}.status.failed{background:#fde8ea;color:#a5313c}
@media(max-width:1000px){.security-kpis{grid-template-columns:1fr 1fr}.dash-top>div{margin-left:0}}
@media(max-width:680px){.notification-list>article{grid-template-columns:44px 1fr}.notification-actions{grid-column:2}.security-kpis{grid-template-columns:1fr 1fr}.copy-field{align-items:stretch;flex-direction:column}.copy-field .btn{width:100%}}

/* V4.2.0 — Automation, Analytics & Service Desk */
.heading-actions{display:flex;gap:10px;flex-wrap:wrap}.stat-alert{border-color:#f3c3c7!important;background:#fff7f8!important}.business-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:17px;overflow:hidden;margin:0 0 22px}.business-strip>div{background:#fff;padding:18px 20px}.business-strip small{display:block;color:var(--muted);margin-bottom:6px}.business-strip strong{font-size:25px;color:var(--navy)}
.analytics-kpis{grid-template-columns:repeat(5,1fr)}.analytics-chart{height:270px;display:flex;align-items:flex-end;gap:7px;padding:28px 8px 0;border-bottom:1px solid var(--line);overflow-x:auto}.chart-day{height:100%;min-width:28px;flex:1;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:7px}.chart-bar{width:min(32px,80%);min-height:4px;border-radius:8px 8px 2px 2px;background:linear-gradient(180deg,var(--gold),#d58d18);position:relative}.chart-bar b{position:absolute;left:50%;top:-20px;transform:translateX(-50%);font-size:10px;color:var(--muted)}.chart-day small{font-size:10px;color:var(--muted);white-space:nowrap}.source-list>div{display:flex;justify-content:space-between;gap:15px;padding:13px 0;border-bottom:1px solid var(--line)}.source-list span{word-break:break-all}.source-list strong{color:var(--navy)}
.promo-list article{display:grid;grid-template-columns:120px 1fr auto;gap:16px;align-items:center;padding:17px 0;border-bottom:1px solid var(--line)}.promo-list article>div:last-child{display:flex;gap:7px;align-items:center}.promo-list form{margin:0}.promo-code{font-weight:900;letter-spacing:.08em;background:#fff4d7;color:#805600;border:1px dashed #d9a833;border-radius:11px;padding:12px;text-align:center}.promo-list h3,.promo-list p{margin:0}.promo-list p{color:var(--muted);margin:4px 0}.status.paused{background:#edf0f4;color:#566171}
.automation-list article{display:flex;gap:15px;padding:15px 0;border-bottom:1px solid var(--line)}.automation-list article>svg{width:25px;min-width:25px;fill:none;stroke:var(--gold-strong);stroke-width:1.8}.automation-list p{margin:3px 0;color:var(--muted)}
.progress-ring{width:90px;height:90px;border-radius:50%;border:8px solid #f3dfad;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center}.progress-ring strong{font-size:23px;color:var(--navy)}.progress-ring span{font-size:10px;color:var(--muted)}.progress-track{height:10px;background:#e9edf1;border-radius:99px;overflow:hidden}.progress-track i{height:100%;display:block;background:linear-gradient(90deg,var(--gold),#d8911e);border-radius:99px}.onboarding-list article{display:grid;grid-template-columns:50px 1fr auto;gap:16px;align-items:center;padding:20px 0;border-bottom:1px solid var(--line)}.onboarding-list article>span{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:var(--soft);font-weight:800}.onboarding-list article>span svg{width:20px;fill:none;stroke:currentColor;stroke-width:2}.onboarding-list article.done{opacity:.7}.onboarding-list article.done h3{text-decoration:line-through}.onboarding-list h3,.onboarding-list p{margin:0}.onboarding-list p{color:var(--muted);margin-top:4px}.onboarding-banner{display:flex;justify-content:space-between;align-items:center;gap:25px}.onboarding-banner>div{flex:1}.onboarding-banner h2,.onboarding-banner p{margin:4px 0}.onboarding-banner .progress-track{max-width:520px;margin-top:13px}.cta-box.compact{margin-top:20px}
.filter-tabs{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:18px}.filter-tabs a{padding:9px 13px;border-radius:99px;border:1px solid var(--line);background:#fff;font-size:12px;font-weight:700}.filter-tabs a.active{background:var(--navy);color:#fff;border-color:var(--navy)}.service-kpis{grid-template-columns:repeat(5,1fr)}.priority{display:inline-block;padding:6px 9px;border-radius:99px;font-size:11px;font-weight:800}.priority.normal{background:#edf4fb;color:#245f91}.priority.high{background:#fff2d6;color:#8d5d00}.priority.urgent{background:#fde8ea;color:#a5313c}.status.safe{background:#e7f6ef;color:#18704e}.status.warning{background:#fff2d6;color:#8d5d00}.status.breached{background:#fde8ea;color:#a5313c}.status.resolved{background:#e7f6ef;color:#18704e}.service-detail .card-head>div{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.service-detail .card-head h2{margin:0}.service-detail code,.ticket-meta code{background:var(--soft);padding:6px 9px;border-radius:8px}.service-form{display:block}.ticket-rating{margin-top:15px;padding:15px;border-radius:12px;background:#fff8e7;border-left:3px solid var(--gold)}.ticket-rating p{margin:5px 0 0}.ticket-meta{display:flex;gap:7px;align-items:center;flex-wrap:wrap;margin-bottom:8px}.rating-form{display:grid;grid-template-columns:120px 1fr auto;gap:10px;align-items:end;margin-top:16px;padding:14px;background:var(--soft);border-radius:12px}.rating-form label{font-size:12px}.rating-form select,.rating-form input{width:100%}.service-client-list article{padding:20px 0}.service-client-list>article>div{width:100%}
@media(max-width:1100px){.analytics-kpis,.service-kpis{grid-template-columns:repeat(3,1fr)}.business-strip{grid-template-columns:1fr 1fr}}
@media(max-width:680px){.heading-actions{width:100%}.heading-actions .btn{width:100%}.analytics-kpis,.service-kpis{grid-template-columns:1fr 1fr}.business-strip{grid-template-columns:1fr}.promo-list article{grid-template-columns:1fr}.promo-list article>div:last-child{justify-content:flex-start}.onboarding-list article{grid-template-columns:42px 1fr}.onboarding-list article form{grid-column:2}.onboarding-banner{align-items:flex-start;flex-direction:column}.onboarding-banner .btn{width:100%}.rating-form{grid-template-columns:1fr}.progress-ring{width:76px;height:76px}.analytics-chart{height:220px}}
.promo-banner{background:#fff6dd;border-top:1px solid #f0d48c;border-bottom:1px solid #f0d48c}.promo-banner .container{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:18px}.promo-banner .container>div{display:flex;align-items:center;gap:13px}.promo-banner svg{width:25px;fill:none;stroke:#9a6900;stroke-width:1.9}.promo-banner p{margin:0;color:#6f530d}.promo-banner strong{color:#2c2105;margin-right:5px}
@media(max-width:680px){.promo-banner .container{align-items:flex-start;flex-direction:column;padding-top:18px;padding-bottom:18px}.promo-banner .btn{width:100%}}
.sidebar nav{overflow-y:auto;min-height:0;padding-right:3px}.sidebar nav::-webkit-scrollbar{width:5px}.sidebar nav::-webkit-scrollbar-thumb{background:rgba(255,255,255,.18);border-radius:99px}.sidebar-bottom{flex:0 0 auto}

/* V4.5.0 — Partner, Referral & Deployment Center */
.quick-command-grid,.client-quick-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:0 0 22px}.quick-command-grid>a,.client-quick-grid>a{display:flex;align-items:flex-start;gap:13px;background:#fff;border:1px solid var(--line);border-radius:17px;padding:18px;transition:.2s}.quick-command-grid>a:hover,.client-quick-grid>a:hover{transform:translateY(-3px);box-shadow:var(--shadow);border-color:transparent}.quick-command-grid span,.client-quick-grid span{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:#fff5d8;color:#8a5b00;flex:0 0 auto}.quick-command-grid svg,.client-quick-grid svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.9}.quick-command-grid strong,.client-quick-grid strong{display:block}.quick-command-grid small,.client-quick-grid small{display:block;color:var(--muted);margin-top:3px}.client-quick-grid{grid-template-columns:1fr 1fr}.category-admin-list{margin-top:22px;border-top:1px solid var(--line)}.category-admin-list>div{display:flex;align-items:center;justify-content:space-between;padding:11px 0;border-bottom:1px solid var(--line)}.category-admin-list>div>span:last-child{display:flex;gap:6px}.category-admin-list form{margin:0}.inline-form.stacked{display:grid;grid-template-columns:140px 1fr auto;gap:7px;min-width:390px}.inline-form.stacked select,.inline-form.stacked input{padding:8px;border:1px solid var(--line);border-radius:9px}.subscription-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-bottom:22px}.subscription-card{margin:0}.subscription-top{display:flex;align-items:center;justify-content:space-between}.subscription-card h2{margin-bottom:2px}.subscription-card>p{color:var(--muted);margin-top:0}.subscription-card dl{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line);border:1px solid var(--line);border-radius:13px;overflow:hidden;margin:20px 0}.subscription-card dl>div{background:#fff;padding:12px}.subscription-card dt{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}.subscription-card dd{margin:3px 0 0;font-weight:700}.subscription-card textarea{width:100%;border:1px solid var(--line);border-radius:10px;padding:10px;margin-top:5px}.security-note.compact{padding:13px;margin:0 0 16px}.security-note.compact>svg{width:23px}.kb-hero,.plans-hero,.article-hero{background:linear-gradient(135deg,#06172d,#0d365f);color:#fff;padding:90px 0}.kb-hero h1,.plans-hero h1,.article-hero h1{font-size:clamp(40px,5vw,64px);line-height:1.08;margin:14px 0}.kb-hero p,.plans-hero p,.article-hero p{color:#c3d2df;font-size:18px;max-width:760px}.kb-search{display:flex;align-items:center;gap:10px;background:#fff;border-radius:16px;padding:8px;margin-top:28px;max-width:760px}.kb-search>span{color:var(--muted);display:grid;place-items:center;margin-left:8px}.kb-search svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2}.kb-search input{flex:1;border:0;outline:0;padding:10px;font-size:16px}.btn.gold{background:linear-gradient(135deg,var(--gold2),var(--gold));color:#2c2105}.kb-layout{display:grid;grid-template-columns:250px 1fr;gap:46px;align-items:start}.kb-sidebar{position:sticky;top:105px;border:1px solid var(--line);border-radius:18px;padding:16px;background:#fff}.kb-sidebar h3{margin:4px 8px 12px}.kb-sidebar>a{display:flex;justify-content:space-between;gap:10px;padding:11px 12px;border-radius:10px;font-size:14px}.kb-sidebar>a.active,.kb-sidebar>a:hover{background:var(--navy);color:#fff}.kb-sidebar>a span{opacity:.7}.kb-client-note{display:flex;gap:10px;background:#eaf5ff;border-radius:12px;padding:12px;margin-top:16px}.kb-client-note svg{width:22px;flex:0 0 auto;fill:none;stroke:#17689d;stroke-width:1.9}.kb-client-note p{font-size:12px;color:var(--muted);margin:2px 0}.section{padding:80px 0}.section-head.compact{align-items:center;margin-bottom:22px}.section-head.compact h2{font-size:32px}.article-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:17px}.article-card{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:18px;padding:22px;background:#fff;transition:.2s}.article-card:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:transparent}.article-card>div{display:flex;gap:7px;align-items:center}.article-category,.article-private{font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;padding:5px 8px;border-radius:99px;background:#fff3d3;color:#805500}.article-private{background:#e9f3fb;color:#205d8e;display:inline-flex;gap:4px;align-items:center}.article-private svg{width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:2}.article-card h3{font-size:22px;line-height:1.25;margin:15px 0 8px}.article-card p{color:var(--muted);flex:1}.article-card footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:14px;border-top:1px solid var(--line);font-size:12px;color:var(--muted)}.article-card footer b{display:inline-flex;align-items:center;gap:5px;color:var(--navy)}.article-card footer svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2}.article-hero{padding:75px 0}.breadcrumbs{display:flex;gap:8px;font-size:13px;color:#aac0d2;margin-bottom:25px}.article-hero .narrow{max-width:900px}.article-meta{display:flex;gap:18px;flex-wrap:wrap;margin-top:24px;color:#b8cbd9;font-size:13px}.article-meta span{display:flex;align-items:center;gap:7px}.article-meta svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.9}.article-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:55px;align-items:start}.article-body{font-size:17px;line-height:1.9;white-space:normal;background:#fff}.article-aside{position:sticky;top:105px}.article-aside .dash-card{margin-bottom:16px}.article-aside .btn{margin-top:9px}.related-links{display:flex;flex-direction:column}.related-links a{padding:12px 0;border-bottom:1px solid var(--line)}.related-links small{display:block;color:var(--muted);margin-top:3px}.plan-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;align-items:stretch}.plan-card{position:relative;border:1px solid var(--line);border-radius:24px;padding:28px;background:#fff;display:flex;flex-direction:column}.plan-card.featured{box-shadow:0 24px 60px rgba(7,26,51,.14);border-color:#ebc65f;transform:translateY(-8px)}.plan-popular{position:absolute;top:14px;right:14px;background:var(--navy);color:#fff;border-radius:99px;padding:5px 9px;font-size:10px;font-weight:800}.plan-icon{width:54px;height:54px;border-radius:15px;display:grid;place-items:center;background:#fff3d2;color:#815700}.plan-icon svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.9}.plan-card h2{font-size:27px;margin:18px 0 8px}.plan-card>p{color:var(--muted);min-height:72px}.plan-price{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:18px 0;margin:8px 0 15px}.plan-price strong{font-size:27px;display:block;color:var(--navy)}.plan-price small{color:var(--muted)}.plan-card ul{list-style:none;padding:0;margin:0 0 22px;flex:1}.plan-card li{display:flex;gap:9px;align-items:flex-start;padding:7px 0}.plan-card li svg{width:18px;min-width:18px;fill:none;stroke:var(--success);stroke-width:2.2}.pricing-note{display:flex;align-items:flex-start;gap:15px;background:#eaf5ff;border:1px solid #cbe4f7;border-radius:18px;padding:21px;margin-top:30px}.pricing-note>span svg{width:30px;height:30px;fill:none;stroke:#1b679c;stroke-width:1.8}.pricing-note h3,.pricing-note p{margin:0}.pricing-note p{color:var(--muted);margin-top:3px}.health-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.health-card{display:grid;grid-template-columns:80px 1fr;gap:17px;border:1px solid var(--line);border-radius:18px;padding:20px;background:#fff}.health-card.status-risk{border-left:5px solid var(--danger)}.health-card.status-attention{border-left:5px solid #d79a1f}.health-card.status-healthy{border-left:5px solid var(--success)}.health-score{width:72px;height:72px;border-radius:50%;display:flex;align-items:baseline;justify-content:center;padding-top:18px;background:var(--soft)}.health-score strong{font-size:27px;color:var(--navy)}.health-score span{font-size:10px;color:var(--muted)}.health-main>div:first-child{display:flex;align-items:start;justify-content:space-between;gap:12px}.health-main h3,.health-main p{margin:0}.health-main p{color:var(--muted)}.health-bar{height:8px;background:#e9edf2;border-radius:99px;overflow:hidden;margin:13px 0}.health-bar i{display:block;height:100%;background:linear-gradient(90deg,#cc4c58,#dca428,#1a8a5c);border-radius:99px}.health-main ul{margin:0;padding-left:18px;color:var(--muted);font-size:13px}.health-actions{display:flex;gap:7px;flex-wrap:wrap;margin-top:13px}.report-cover{display:none}.report-list>div{display:flex;justify-content:space-between;padding:13px 0;border-bottom:1px solid var(--line)}.report-list dd{margin:0;font-weight:800;color:var(--navy)}.top-product-list{padding-left:22px}.top-product-list li{padding:11px 0;border-bottom:1px solid var(--line)}.top-product-list span{display:inline-block;min-width:60%}.report-summary p{line-height:1.8}.report-footer{display:flex;justify-content:space-between;color:var(--muted);font-size:12px;margin-top:20px}
@media(max-width:1100px){.quick-command-grid{grid-template-columns:1fr 1fr}.plan-grid{grid-template-columns:1fr 1fr}.plan-card.featured{transform:none}.health-grid{grid-template-columns:1fr}.kb-layout{grid-template-columns:210px 1fr}.article-layout{grid-template-columns:1fr 280px}}
@media(max-width:760px){.quick-command-grid,.client-quick-grid,.subscription-grid,.article-grid,.plan-grid{grid-template-columns:1fr}.kb-layout,.article-layout{grid-template-columns:1fr}.kb-sidebar,.article-aside{position:static}.kb-sidebar{display:flex;overflow-x:auto;gap:5px}.kb-sidebar h3,.kb-client-note{display:none}.kb-sidebar>a{white-space:nowrap}.kb-search{align-items:stretch;flex-wrap:wrap}.kb-search input{min-width:0}.kb-search .btn{width:100%}.inline-form.stacked{min-width:0;grid-template-columns:1fr}.health-card{grid-template-columns:62px 1fr}.health-score{width:58px;height:58px;padding-top:12px}.subscription-card dl{grid-template-columns:1fr}.report-footer{flex-direction:column}.section{padding:55px 0}}
@media print{.sidebar,.dash-top,.no-print,.toast{display:none!important}.dash-shell{margin:0}.dash-main{padding:0;background:#fff}.report-cover{display:block;text-align:center;padding:35px 0 45px;border-bottom:2px solid #071a33;margin-bottom:24px}.report-cover img{width:72px}.report-cover div{display:flex;align-items:center;justify-content:center;gap:12px;font-weight:800;letter-spacing:.12em}.report-cover h1{font-size:30px;margin:20px 0 4px}.report-cover h2{margin:0}.report-cover p{color:#65758a}.report-kpis{grid-template-columns:repeat(3,1fr)}.dash-card,.stat-grid article{box-shadow:none;break-inside:avoid}.report-footer{margin-top:35px;border-top:1px solid #aaa;padding-top:12px}}
.ecosystem-section{background:var(--soft)}.ecosystem-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.ecosystem-grid>a{display:flex;gap:18px;background:#fff;border:1px solid var(--line);border-radius:21px;padding:25px;transition:.22s}.ecosystem-grid>a:hover{transform:translateY(-5px);box-shadow:var(--shadow);border-color:transparent}.ecosystem-grid>a>span{width:55px;height:55px;border-radius:16px;background:#fff3d2;color:#815700;display:grid;place-items:center;flex:0 0 auto}.ecosystem-grid svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:1.9}.ecosystem-grid h3{font-size:23px;margin:0 0 6px}.ecosystem-grid p{color:var(--muted);margin:0 0 13px}.ecosystem-grid b{display:inline-flex;gap:6px;align-items:center}.ecosystem-grid b svg{width:17px;height:17px}.knowledge-related{background:var(--soft)}
@media(max-width:900px){.ecosystem-grid{grid-template-columns:1fr}} 

/* V4.4 Partner & Deployment Center */
.deployment-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.deployment-card h2{margin:16px 0 4px}.deployment-card>p{color:var(--muted);margin-top:0}.deployment-card dl{display:grid;grid-template-columns:1fr 1fr;background:var(--soft);border-radius:14px;overflow:hidden;margin:18px 0}.deployment-card dl>div{padding:12px;background:#fff;border:1px solid var(--soft)}.deployment-card dt{font-size:10px;text-transform:uppercase;letter-spacing:.07em;color:var(--muted)}.deployment-card dd{margin:3px 0 0;font-weight:700;overflow-wrap:anywhere}.timeline-list{display:flex;flex-direction:column;margin-top:18px}.timeline-list article{display:grid;grid-template-columns:42px 1fr;gap:14px;padding:16px 0;border-bottom:1px solid var(--line)}.timeline-list article>span{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:#fff3d2;color:#805500}.timeline-list svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.9}.timeline-list p,.timeline-list small{margin:3px 0;color:var(--muted)}.status.converted,.status.approved{background:#e7f6ef;color:#146c49}.status.planned{background:#edf1f5;color:#526276}.status.deploying,.status.maintenance{background:#fff3d6;color:#8a5b00}.status.suspended,.status.retired{background:#f7e8ea;color:#a1303c}.partner-code{font-family:monospace;font-weight:800;letter-spacing:.04em}.notification-list{display:flex;flex-direction:column;gap:10px}.notification-item{display:grid;grid-template-columns:44px 1fr;gap:14px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:17px}.notification-item.unread{border-left:5px solid var(--gold)}.notification-item>span{width:40px;height:40px;border-radius:12px;background:var(--soft);display:grid;place-items:center}.notification-item svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.9}.notification-item p,.notification-item small{margin:3px 0;color:var(--muted)}
@media(max-width:760px){.deployment-grid{grid-template-columns:1fr}.deployment-card dl{grid-template-columns:1fr}.timeline-list article{grid-template-columns:36px 1fr}}
/* V4.5.0 Payment, Webhook & Integration API */
.channel-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.channel-card{border:1px solid var(--line);border-radius:18px;padding:20px;background:#fff}.channel-card-head{display:flex;align-items:center;gap:12px;margin-bottom:18px}.channel-card-head>span:first-child{width:44px;height:44px;border-radius:13px;background:#fff3d2;color:#805500;display:grid;place-items:center}.channel-card-head svg,.payment-success svg,.pay-channel-head svg,.secret-reveal svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.9}.channel-card-head strong{flex:1}.payment-admin-columns{grid-template-columns:1fr 1fr}.payment-summary{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:20px 0}.payment-summary>div{background:var(--soft);padding:14px;border-radius:12px}.payment-summary small,.payment-summary strong{display:block}.proof-preview{display:flex;flex-direction:column;gap:8px;margin:18px 0}.proof-preview img{max-height:300px;object-fit:contain;border:1px solid var(--line);border-radius:14px;background:var(--soft)}.payment-detail{max-width:720px}.payment-page{background:var(--soft);padding:70px 0;min-height:70vh}.payment-layout{display:grid;grid-template-columns:minmax(0,1fr) 350px;gap:30px;align-items:start}.payment-main>h1{font-size:38px;margin:8px 0}.payment-main>p{color:var(--muted)}.payment-total{display:flex;align-items:center;gap:18px;background:linear-gradient(135deg,var(--navy),#0d365f);color:#fff;border-radius:22px;padding:28px;margin:24px 0}.payment-total small{color:#b9cada}.payment-total strong{font-size:34px;margin-right:auto}.pay-channel,.payment-confirm{background:#fff;border:1px solid var(--line);border-radius:20px;padding:25px;margin-bottom:18px}.pay-channel-head{display:flex;gap:14px;align-items:center}.pay-channel-head>span{width:52px;height:52px;border-radius:15px;background:#fff3d2;color:#805500;display:grid;place-items:center}.pay-channel-head h2,.pay-channel-head small{margin:0;display:block}.pay-channel dl{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:20px 0}.pay-channel dl>div{padding:14px;background:var(--soft);border-radius:12px}.pay-channel dt{font-size:11px;color:var(--muted);text-transform:uppercase}.pay-channel dd{margin:4px 0 0;font-weight:800}.payment-success{display:flex;align-items:flex-start;gap:15px;border:1px solid #b9e5cf;background:#eaf8f1;color:#126943;border-radius:18px;padding:22px;margin:20px 0}.payment-success>svg{width:35px;height:35px;flex:0 0 auto}.payment-success h2,.payment-success p{margin:0}.payment-aside{position:sticky;top:105px}.summary-list>div{display:flex;justify-content:space-between;gap:18px;padding:11px 0;border-bottom:1px solid var(--line)}.summary-list dd{margin:0;text-align:right;font-weight:700}.invoice-pay-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}.invoice-pay-actions form{margin:0}.secret-reveal{background:#071a33;color:#fff;border-radius:18px;padding:22px;margin:0 0 22px}.secret-reveal strong,.secret-reveal code,.secret-reveal p{display:block}.secret-reveal code{background:rgba(255,255,255,.1);padding:12px;border-radius:10px;margin:10px 0;overflow-wrap:anywhere;color:#ffd978}.secret-reveal p{margin:0;color:#b9cada}.integration-callout{display:grid;grid-template-columns:1.2fr 1.4fr 1fr auto;gap:14px;align-items:end}.integration-callout>div{min-width:0}.integration-callout small,.integration-callout code{display:block}.integration-callout code{background:var(--soft);padding:11px;border-radius:10px;overflow-wrap:anywhere}.compact-log{display:flex;flex-direction:column}.compact-log article{display:flex;align-items:center;gap:12px;padding:13px 0;border-bottom:1px solid var(--line)}.compact-log article>div{flex:1;min-width:0}.compact-log strong,.compact-log small{display:block}.compact-log small{color:var(--muted)}.api-hero{padding:80px 0}.api-doc-layout{display:grid;grid-template-columns:230px minmax(0,1fr);gap:45px;align-items:start}.api-doc-nav{position:sticky;top:105px;display:flex;flex-direction:column;border:1px solid var(--line);border-radius:16px;padding:12px}.api-doc-nav a{padding:10px;border-radius:9px}.api-doc-nav a:hover{background:var(--soft)}.api-doc-content article{border-bottom:1px solid var(--line);padding:0 0 35px;margin:0 0 35px}.api-doc-content h2{font-size:30px}.api-doc-content pre{background:#061528;color:#d4dfeb;padding:18px;border-radius:14px;overflow:auto}.api-doc-content code{font-family:Consolas,monospace}.status.processing,.status.received{background:#fff3d6;color:#8a5b00}.status.refunded{background:#e9f3fb;color:#205d8e}
@media(max-width:950px){.channel-grid,.payment-admin-columns{grid-template-columns:1fr}.payment-layout{grid-template-columns:1fr}.payment-aside{position:static}.integration-callout{grid-template-columns:1fr 1fr}.api-doc-layout{grid-template-columns:1fr}.api-doc-nav{position:static;display:grid;grid-template-columns:repeat(3,1fr)}}
@media(max-width:620px){.payment-total{align-items:flex-start;flex-direction:column}.payment-total strong{font-size:29px}.pay-channel dl,.payment-summary{grid-template-columns:1fr}.channel-grid{grid-template-columns:1fr}.integration-callout{grid-template-columns:1fr}.api-doc-nav{grid-template-columns:1fr 1fr}.invoice-pay-actions{justify-content:flex-start}.invoice-pay-actions .btn{width:100%}}


/* =====================================================================
   CV BCD Digital Ecosystem V4.9.4 — Cyber Responsive UI Edition
   Source: user uploaded app.cvbcd.id backup, 27 July 2026
   Notes: visual layer only; original CV BCD logo is preserved.
   ===================================================================== */
:root{
  --navy:#07111f;
  --navy2:#0d1c34;
  --gold:#f6b742;
  --gold2:#ffe48a;
  --ink:#eaf7ff;
  --muted:#8fa7bd;
  --line:rgba(80,230,255,.18);
  --soft:rgba(10,25,45,.72);
  --white:#f8fdff;
  --success:#22f2a6;
  --danger:#ff4d7d;
  --cyan:#39e8ff;
  --cyan2:#00a6ff;
  --magenta:#ff4fd8;
  --violet:#8b5cff;
  --panel:rgba(7,17,31,.78);
  --panel2:rgba(11,27,50,.82);
  --shadow:0 24px 70px rgba(0,0,0,.36),0 0 45px rgba(57,232,255,.08);
  --radius:18px;
}
*{scrollbar-color:rgba(57,232,255,.55) rgba(5,12,23,.9);scrollbar-width:thin}
html{font-size:15px;background:#050b14}
body{
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Arial,sans-serif!important;
  font-size:14.5px;line-height:1.58;color:#dceeff;background:#050b14;overflow-x:hidden;
  background-image:
    radial-gradient(circle at 10% 5%,rgba(57,232,255,.16),transparent 24rem),
    radial-gradient(circle at 90% 3%,rgba(255,79,216,.13),transparent 22rem),
    radial-gradient(circle at 50% 100%,rgba(246,183,66,.10),transparent 28rem),
    linear-gradient(180deg,#050b14 0%,#07111f 42%,#08172b 100%);
}
body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-2;background-image:linear-gradient(rgba(57,232,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(57,232,255,.035) 1px,transparent 1px);background-size:54px 54px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.9),rgba(0,0,0,.25))}
body:after{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background:linear-gradient(120deg,transparent 0 48%,rgba(57,232,255,.055) 49%,transparent 50% 100%);background-size:240px 240px;opacity:.7}
a{transition:color .18s ease,background .18s ease,border-color .18s ease,transform .18s ease,box-shadow .18s ease}
.container{width:min(1180px,calc(100% - 28px))}.muted,td small,.dash-heading p,.section-head>p,.hero p,.page-hero p,.product-hero p{color:var(--muted)!important}.topbar{background:rgba(5,12,23,.82)!important;border-bottom:1px solid rgba(57,232,255,.20)!important;box-shadow:0 10px 35px rgba(0,0,0,.28);backdrop-filter:blur(18px) saturate(140%)}
.nav{height:70px}.brand{gap:10px}.brand img{width:42px;height:42px;border-radius:13px;box-shadow:0 0 0 1px rgba(57,232,255,.22),0 0 22px rgba(57,232,255,.20);background:#061020}.brand strong{font-size:16px!important;letter-spacing:-.02em;color:#fff}.brand small{font-size:10px!important;color:#7eefff!important;letter-spacing:.16em}#mainNav>a{font-size:12.5px!important;font-weight:760;padding:9px 11px;border:1px solid transparent;color:#c6deef;border-radius:999px}#mainNav>a:hover,#mainNav>a.active{background:rgba(57,232,255,.10)!important;color:#fff!important;border-color:rgba(57,232,255,.28);box-shadow:0 0 22px rgba(57,232,255,.10)}#mainNav .nav-button{background:linear-gradient(135deg,#39e8ff,#8b5cff)!important;color:#03101d!important;border-color:rgba(255,255,255,.25);box-shadow:0 0 25px rgba(57,232,255,.22)}
.menu-btn{border:1px solid rgba(57,232,255,.24)!important;border-radius:13px!important;color:#dbf7ff!important;background:rgba(7,17,31,.76)!important;box-shadow:0 0 18px rgba(57,232,255,.08)}
.hero,.page-hero,.product-hero{background:transparent!important;color:#eaf7ff!important;position:relative;overflow:hidden}.hero:before,.page-hero:before,.product-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 18% 18%,rgba(57,232,255,.19),transparent 26rem),radial-gradient(circle at 80% 16%,rgba(255,79,216,.16),transparent 23rem),linear-gradient(135deg,rgba(3,9,18,.82),rgba(7,17,31,.72));pointer-events:none}.hero:after,.page-hero:after,.product-hero:after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,transparent,#39e8ff,#ff4fd8,transparent);box-shadow:0 0 26px rgba(57,232,255,.45)}.hero-grid,.product-hero-grid,.page-hero .container{position:relative;z-index:1}.hero-grid{min-height:560px;gap:50px}.hero h1,.page-hero h1,.product-hero h1{font-size:clamp(2.25rem,5vw,4.55rem)!important;line-height:1.04!important;letter-spacing:-.055em!important;margin:16px 0!important}.hero h1 em{background:linear-gradient(90deg,#39e8ff,#ffe48a,#ff4fd8);-webkit-background-clip:text;background-clip:text;color:transparent}.hero p{font-size:clamp(1rem,1.6vw,1.12rem)!important;max-width:650px}.eyebrow{font-size:10.5px!important;letter-spacing:.2em;color:#7eefff!important;text-shadow:0 0 15px rgba(57,232,255,.45)}.eyebrow.dark{color:#3be8ff!important}.hero-stats{gap:18px;margin-top:30px;flex-wrap:wrap}.hero-stats div{min-width:130px;background:rgba(7,17,31,.68);border:1px solid rgba(57,232,255,.18);border-radius:16px;padding:13px 15px;box-shadow:inset 0 1px 0 rgba(255,255,255,.05)}.hero-stats strong{font-size:22px!important;color:#fff}.hero-stats span{font-size:11.5px!important;color:#88a8bd!important}.btn{border-radius:14px!important;padding:11px 16px!important;font-size:13px!important;font-weight:800!important;min-height:42px}.btn.primary{background:linear-gradient(135deg,#39e8ff 0%,#8b5cff 55%,#ff4fd8 100%)!important;color:#03101d!important;box-shadow:0 0 26px rgba(57,232,255,.24),0 14px 28px rgba(0,0,0,.25)!important}.btn.navy{background:linear-gradient(135deg,#00a6ff,#39e8ff)!important;color:#03101d!important;box-shadow:0 0 20px rgba(57,232,255,.19)}.btn.ghost,.btn.outline{background:rgba(7,17,31,.62)!important;color:#dbf7ff!important;border-color:rgba(57,232,255,.28)!important}.btn:hover{transform:translateY(-2px);filter:saturate(1.1)}.hero-panel,.dash-card,.product-card,.form-card,.form-info,.channel-card,.pay-channel,.payment-confirm,.subscription-card,.plan-card,.health-card,.notification-item,.ticket-row,.deployment-card,.kb-card,.article-card,.license-card,.payment-total,.cta-box,.ecosystem-grid>a,.quick-command-grid>a,.business-strip,.stat-grid article{background:linear-gradient(180deg,rgba(10,25,45,.82),rgba(7,17,31,.72))!important;border:1px solid rgba(57,232,255,.18)!important;color:#eaf7ff!important;box-shadow:0 14px 48px rgba(0,0,0,.26),inset 0 1px 0 rgba(255,255,255,.05)!important;backdrop-filter:blur(14px) saturate(135%)}.hero-panel{border-radius:24px!important;transform:none!important}.panel-head{border-bottom-color:rgba(57,232,255,.18)!important}.panel-head b{color:#7eefff!important}.mini-kpi,.mini-list p,.payment-summary>div,.pay-channel dl>div,.deployment-card dl,.deployment-card dl>div,.form-info,.secret-reveal,.integration-callout code{background:rgba(3,10,20,.50)!important;border:1px solid rgba(57,232,255,.12)!important;color:#dceeff!important}.mini-bars i{background:linear-gradient(180deg,#39e8ff,#8b5cff,#ff4fd8)!important;box-shadow:0 0 18px rgba(57,232,255,.18)}
.catalog-section,.page-section,.detail-section,.related,.section{padding:72px 0}.section-head{margin-bottom:26px;gap:24px}.section-head h2,.prose h2{font-size:clamp(1.7rem,3vw,2.55rem)!important;line-height:1.12!important;color:#fff!important}.page-hero{padding:76px 0 66px}.page-hero h1{font-size:clamp(2rem,4vw,3.55rem)!important}.product-hero{padding:74px 0}.product-hero h1{font-size:clamp(2.1rem,4.5vw,4.2rem)!important}.catalog-filter{grid-template-columns:minmax(220px,2fr) minmax(150px,1fr) minmax(150px,1fr) auto auto;background:rgba(3,10,20,.56)!important;border:1px solid rgba(57,232,255,.20);border-radius:20px;padding:14px}.catalog-filter input,.catalog-filter select,input,select,textarea{height:auto;min-height:42px;border:1px solid rgba(57,232,255,.22)!important;background:rgba(5,12,23,.82)!important;color:#eaf7ff!important;border-radius:13px!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.02)}input:focus,select:focus,textarea:focus{outline:3px solid rgba(57,232,255,.17)!important;border-color:#39e8ff!important}::placeholder{color:#6f879b}.product-grid{grid-template-columns:repeat(auto-fit,minmax(245px,1fr))!important;gap:16px}.product-card{min-height:310px!important;padding:19px!important;border-radius:20px!important}.product-card:before{background:radial-gradient(circle,rgba(57,232,255,.38),transparent 60%)!important;opacity:.35!important}.product-card:hover{transform:translateY(-5px);border-color:rgba(57,232,255,.38)!important;box-shadow:0 22px 62px rgba(0,0,0,.35),0 0 26px rgba(57,232,255,.13)!important}.product-code,.license-logo,.table-product>span{width:58px!important;height:58px!important;border-radius:16px!important;background:linear-gradient(135deg,rgba(57,232,255,.90),rgba(139,92,255,.85))!important;color:#06111e!important;box-shadow:0 0 22px rgba(57,232,255,.24);font-size:13px!important}.product-code.has-image{padding:5px;background:rgba(255,255,255,.94)!important}.product-card h3{font-size:clamp(1.08rem,1.9vw,1.38rem)!important;line-height:1.18!important;color:#fff!important;margin-top:8px!important}.product-card p{font-size:13px!important;color:#9fb8cb!important}.product-meta{margin:14px 0 8px}.product-meta span,.badge,.status,.featured{font-size:10.5px!important;padding:5px 8px!important;border-radius:999px!important}.product-meta span,.badge{background:rgba(57,232,255,.10)!important;color:#9df2ff!important;border:1px solid rgba(57,232,255,.15)}.featured{background:rgba(246,183,66,.15)!important;color:#ffe48a!important;border:1px solid rgba(246,183,66,.22)}.product-bottom{border-top-color:rgba(57,232,255,.14)!important}.product-bottom a{background:linear-gradient(135deg,#39e8ff,#8b5cff)!important;color:#06111e!important}.cta-box{background:linear-gradient(135deg,rgba(57,232,255,.14),rgba(255,79,216,.10),rgba(246,183,66,.10))!important;border-radius:24px!important}.cta-box h2{font-size:clamp(1.65rem,3vw,2.35rem)!important;color:#fff}.footer{background:#050b14!important;border-top:1px solid rgba(57,232,255,.18);padding:56px 0 18px}.footer p,.footer a,.copyright{color:#8fa7bd!important}.footer h3{color:#eaf7ff!important}.footer a:hover{color:#39e8ff!important}.footer-grid{gap:42px}.copyright{border-top-color:rgba(57,232,255,.14)!important}
.dashboard-body{background:#050b14!important}.sidebar{width:260px;background:linear-gradient(180deg,rgba(3,8,17,.96),rgba(5,15,30,.96))!important;border-right:1px solid rgba(57,232,255,.20);box-shadow:18px 0 50px rgba(0,0,0,.25);padding:18px 13px!important}.sidebar-brand{border-bottom-color:rgba(57,232,255,.17)!important}.sidebar nav{gap:3px;margin-top:16px}.sidebar nav a,.sidebar-bottom a{font-size:12.7px!important;padding:9px 10px!important;border:1px solid transparent;color:#a9c5d9!important;border-radius:12px!important}.sidebar nav a:hover,.sidebar nav a.active,.sidebar-bottom a:hover{background:rgba(57,232,255,.10)!important;color:#fff!important;border-color:rgba(57,232,255,.20);box-shadow:0 0 18px rgba(57,232,255,.08)}.sidebar svg{width:17px!important;height:17px!important;color:#69eaff}.sidebar-bottom{border-top-color:rgba(57,232,255,.17)!important}.dash-shell{margin-left:260px;background:transparent!important}.dash-top{height:64px;background:rgba(5,12,23,.82)!important;border-bottom:1px solid rgba(57,232,255,.18)!important;color:#eaf7ff;backdrop-filter:blur(18px);position:sticky;top:0;z-index:120}.dash-main{padding:24px!important;max-width:1440px}.dash-heading{margin-bottom:20px;gap:18px}.dash-heading h1{font-size:clamp(1.7rem,3vw,2.35rem)!important;color:#fff!important;line-height:1.1!important}.heading-actions{display:flex;gap:9px;flex-wrap:wrap;justify-content:flex-end}.stat-grid{grid-template-columns:repeat(auto-fit,minmax(170px,1fr))!important;gap:13px!important}.stat-grid article{padding:15px!important;border-radius:17px!important}.stat-grid article>span{width:42px!important;height:42px!important;background:rgba(57,232,255,.12)!important;color:#39e8ff!important;border:1px solid rgba(57,232,255,.17)!important}.stat-grid svg{width:20px!important}.stat-grid strong{font-size:clamp(1.22rem,2vw,1.7rem)!important;color:#fff!important}.stat-grid p{font-size:12px!important;color:#8fa7bd!important}.dash-columns{gap:16px!important}.dash-card{padding:18px!important;border-radius:18px!important}.card-head h2,.dash-card h2{font-size:1.05rem!important;color:#fff}.card-head a{color:#39e8ff!important}.quick-command-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))!important;gap:13px}.quick-command-grid>a,.ecosystem-grid>a{border-radius:18px!important;padding:17px!important}.quick-command-grid>a>span,.ecosystem-grid>a>span{background:rgba(57,232,255,.11)!important;color:#39e8ff!important;border:1px solid rgba(57,232,255,.17);box-shadow:0 0 18px rgba(57,232,255,.08)}.business-strip{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(160px,1fr))!important;gap:12px!important;padding:15px!important;border-radius:18px!important}.business-strip strong{font-size:1.25rem!important;color:#fff}.table-wrap{position:relative;border-radius:14px;border:1px solid rgba(57,232,255,.13);background:rgba(3,10,20,.35)}.table-wrap:before{content:"Geser tabel ke samping jika terpotong";display:none;padding:9px 12px;color:#7eefff;font-size:11px;border-bottom:1px solid rgba(57,232,255,.13)}table{font-size:12.5px!important;color:#dceeff;min-width:680px}th{font-size:10.5px!important;color:#7eefff!important;border-bottom-color:rgba(57,232,255,.18)!important;background:rgba(57,232,255,.04)}td{border-bottom-color:rgba(57,232,255,.10)!important;color:#dceeff!important}tr:hover td{background:rgba(57,232,255,.045)}.status{background:rgba(57,232,255,.10)!important;color:#9df2ff!important;border:1px solid rgba(57,232,255,.16)}.status.active,.status.accepted,.status.closed,.status.converted,.status.approved{background:rgba(34,242,166,.12)!important;color:#7cffc7!important;border-color:rgba(34,242,166,.24)}.status.new,.status.open,.status.trial,.status.processing,.status.received{background:rgba(246,183,66,.12)!important;color:#ffe48a!important;border-color:rgba(246,183,66,.24)}.status.rejected,.status.revoked,.status.expired,.status.suspended,.status.retired{background:rgba(255,77,125,.12)!important;color:#ff9ab5!important;border-color:rgba(255,77,125,.24)}label{font-size:12.5px!important;color:#dceeff}.form-grid{gap:14px}.notification-item.unread{border-left-color:#39e8ff!important}.top-notification{position:relative;width:40px;height:40px;border:1px solid rgba(57,232,255,.22);display:grid;place-items:center;border-radius:14px;margin-right:13px;background:rgba(57,232,255,.08);color:#dbf7ff}.top-notification b,.nav-count{background:#ff4fd8!important;color:#fff!important;box-shadow:0 0 18px rgba(255,79,216,.35)}.payment-page{background:transparent!important}.payment-total{background:linear-gradient(135deg,rgba(57,232,255,.18),rgba(139,92,255,.14))!important}.payment-total strong{font-size:clamp(1.55rem,3vw,2.2rem)!important;color:#fff}.api-doc-content pre,.secret-reveal{background:#030914!important;border:1px solid rgba(57,232,255,.18)!important;color:#dceeff!important}.empty{border-color:rgba(57,232,255,.25)!important;background:rgba(7,17,31,.55)!important;color:#8fa7bd!important}.toast{background:rgba(5,12,23,.92)!important;border:1px solid rgba(57,232,255,.20)!important;color:#eaf7ff!important;box-shadow:0 12px 34px rgba(0,0,0,.28),0 0 20px rgba(57,232,255,.08)!important}
@media(max-width:1180px){#mainNav>a{font-size:12px!important;padding:8px 9px}.hero-grid{grid-template-columns:1fr .82fr;gap:30px}.dash-main{padding:20px!important}.catalog-filter{grid-template-columns:1fr 1fr 1fr}.catalog-filter .btn{width:100%}}
@media(max-width:980px){.menu-btn{display:grid!important;place-items:center}#mainNav{position:fixed;right:14px;top:78px;width:min(360px,calc(100vw - 28px));display:flex!important;flex-direction:column;align-items:stretch;background:rgba(5,12,23,.96);border:1px solid rgba(57,232,255,.22);border-radius:20px;padding:12px;box-shadow:0 24px 70px rgba(0,0,0,.45);opacity:0;visibility:hidden;transform:translateY(-8px) scale(.98);transition:.18s ease;z-index:300}#mainNav.open{opacity:1;visibility:visible;transform:none}#mainNav>a{width:100%;border-radius:13px!important}.hero-grid,.product-hero-grid,.detail-grid,.payment-layout,.dash-columns,.dash-columns.clients{grid-template-columns:1fr!important}.hero-grid{min-height:auto;padding:78px 0 58px}.hero-panel,.product-logo{justify-self:stretch}.product-logo{width:100%;height:210px}.section-head{align-items:flex-start;flex-direction:column}.catalog-filter{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr 1fr;gap:28px}.sidebar{transform:translateX(-105%);transition:transform .2s ease;z-index:400}.sidebar.open{transform:translateX(0)}.dash-shell{margin-left:0}.dash-top{justify-content:space-between;padding:0 16px}.dashboard-body.sidebar-open:before{content:"";position:fixed;inset:0;background:rgba(0,0,0,.48);backdrop-filter:blur(2px);z-index:360}.dash-heading{flex-direction:column;align-items:flex-start}.heading-actions{justify-content:flex-start}.table-wrap:before{display:block}}
@media(max-width:680px){html{font-size:14px}.container{width:min(100% - 22px,1180px)}.nav{height:64px}.brand img{width:36px;height:36px}.brand strong{font-size:14px!important}.brand small{font-size:9px!important}.hero-grid{padding:58px 0 42px}.hero h1,.page-hero h1,.product-hero h1{font-size:clamp(2rem,12vw,3rem)!important}.hero-actions,.invoice-pay-actions{flex-direction:column;align-items:stretch}.hero-actions .btn,.cta-box .btn,.heading-actions .btn{width:100%}.hero-stats{display:grid;grid-template-columns:1fr 1fr;gap:10px}.hero-stats div{min-width:0}.catalog-section,.page-section,.detail-section,.related,.section{padding:48px 0}.catalog-filter{grid-template-columns:1fr;padding:11px}.result-row,.copyright,.cta-box{flex-direction:column;align-items:flex-start}.product-grid,.ecosystem-grid,.quick-command-grid,.stat-grid,.deployment-grid,.channel-grid,.plan-grid,.subscription-grid,.article-grid,.client-quick-grid{grid-template-columns:1fr!important}.product-card{min-height:0;padding:17px!important}.footer-grid{grid-template-columns:1fr}.dash-main{padding:14px!important}.dash-card{padding:15px!important}.stat-grid article{padding:13px!important}.form-grid{grid-template-columns:1fr!important}.api-doc-nav{grid-template-columns:1fr!important}.kb-sidebar{overflow:auto}.page-hero{padding:54px 0 46px}.payment-total{align-items:flex-start;flex-direction:column}.pay-channel dl,.payment-summary{grid-template-columns:1fr!important}}
@media(max-width:420px){.hero-stats{grid-template-columns:1fr}.btn{padding:10px 13px!important}.product-meta{gap:6px}.sidebar{width:min(290px,88vw)}table{min-width:620px}.dash-top>div strong{max-width:145px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.btn:hover,.product-card:hover{transform:none!important}}


/* ===== CV BCD V4.9.4 — Cyber UI Fine Tune & Mobile Field Fix ===== */
:root{
  --v493-bg:#050913;
  --v493-panel:rgba(9,18,32,.78);
  --v493-panel2:rgba(11,24,42,.70);
  --v493-line:rgba(90,232,255,.16);
  --v493-line-strong:rgba(90,232,255,.28);
  --v493-text:#eaf7ff;
  --v493-muted:#93aabc;
  --v493-cyan:#39e8ff;
  --v493-blue:#4d9dff;
  --v493-pink:#ff4fd8;
  --v493-gold:#f6c55c;
  --v493-green:#29f0a0;
  --v493-radius:16px;
}
html{font-size:14.5px!important;-webkit-text-size-adjust:100%;text-rendering:geometricPrecision}html,body{max-width:100%;overflow-x:hidden}body{font-size:.94rem!important;line-height:1.56!important;background:radial-gradient(circle at 14% 0%,rgba(57,232,255,.11),transparent 28%),radial-gradient(circle at 88% 12%,rgba(255,79,216,.08),transparent 24%),#050913!important;color:var(--v493-text)!important}.container{width:min(1160px,calc(100% - 28px))!important}.topbar{background:rgba(4,10,20,.82)!important;border-bottom:1px solid var(--v493-line)!important}.nav{height:68px!important}.brand{gap:9px!important;min-width:0}.brand img{width:40px!important;height:40px!important;object-fit:contain}.brand strong{font-size:15px!important;letter-spacing:-.01em;white-space:nowrap}.brand small{font-size:9.5px!important;letter-spacing:.12em;white-space:nowrap}#mainNav{gap:3px!important}#mainNav>a{font-size:12px!important;padding:8px 10px!important;border-radius:10px!important}.nav-button{padding-inline:14px!important}.menu-btn{width:42px!important;height:42px!important;border-radius:12px!important;border:1px solid rgba(57,232,255,.20)!important;background:rgba(57,232,255,.07)!important;color:#bff8ff!important}.hero{min-height:auto!important}.hero-grid{min-height:520px!important;gap:44px!important}.hero h1,.page-hero h1,.product-hero h1{font-size:clamp(2.15rem,5.1vw,4.1rem)!important;letter-spacing:-.045em!important;line-height:.98!important;margin:14px 0 14px!important}.hero p,.page-hero p,.product-hero p{font-size:clamp(.92rem,1.55vw,1.08rem)!important;line-height:1.58!important;max-width:650px}.eyebrow{font-size:10.5px!important;letter-spacing:.18em!important}.hero-actions{gap:9px!important;margin-top:22px!important}.btn{min-height:42px!important;border-radius:12px!important;padding:10px 14px!important;font-size:12.7px!important;line-height:1.2!important;gap:7px!important}.btn svg{width:17px!important;height:17px!important}.hero-stats{gap:22px!important;margin-top:28px!important}.hero-stats strong{font-size:1.48rem!important}.hero-stats span{font-size:11.5px!important}.hero-panel{border-radius:20px!important;padding:12px!important;transform:none!important}.panel-content{padding:17px!important}.mini-kpi{padding:13px!important;border-radius:12px!important}.mini-kpi strong{font-size:2rem!important}.mini-bars{height:118px!important;padding:16px 4px 8px!important}.mini-list{gap:7px!important}.mini-list p{font-size:11.5px!important;padding:9px!important}.catalog-section,.page-section,.detail-section,.related,.section{padding:62px 0!important}.section-head{gap:24px!important;margin-bottom:24px!important}.section-head h2{font-size:clamp(1.55rem,3.4vw,2.35rem)!important;line-height:1.08!important;letter-spacing:-.03em}.section-head>p{font-size:.91rem!important}.catalog-filter{grid-template-columns:minmax(220px,1.25fr) minmax(150px,.8fr) minmax(150px,.8fr) auto auto!important;gap:9px!important;padding:12px!important;border-radius:16px!important}.catalog-filter input,.catalog-filter select,input,select,textarea{min-height:42px!important;font-size:13px!important;border-radius:11px!important;padding:9px 12px!important}.searchbox input{padding-left:38px!important}.searchbox svg{left:12px!important;top:12px!important;width:17px!important;height:17px!important}.result-row{margin:20px 0 13px!important;font-size:.92rem}.product-grid{grid-template-columns:repeat(auto-fit,minmax(238px,1fr))!important;gap:14px!important}.product-card{min-height:282px!important;padding:17px!important;border-radius:18px!important}.product-card:before{width:130px!important;height:130px!important;right:-70px!important;top:-70px!important}.product-code,.license-logo,.table-product>span{width:54px!important;height:54px!important;border-radius:15px!important;font-size:13px!important}.product-card h3{font-size:1.12rem!important;margin:6px 0!important}.product-card p{font-size:.84rem!important;line-height:1.5!important}.product-meta{gap:6px!important;margin:13px 0 6px!important}.product-meta span,.badge,.featured,.status{font-size:10px!important;padding:4px 7px!important;line-height:1.1!important}.product-bottom{padding-top:13px!important;margin-top:12px!important}.product-bottom small{font-size:10.5px!important}.product-bottom strong{font-size:12.5px!important}.product-bottom a{width:38px!important;height:38px!important}.cta{padding:0 0 62px!important}.cta-box{padding:30px!important;border-radius:22px!important}.cta-box h2{font-size:clamp(1.45rem,3vw,2.15rem)!important;line-height:1.12!important}.footer{padding:45px 0 16px!important}.footer-grid{grid-template-columns:1.25fr .8fr .85fr!important;gap:30px!important}.footer p,.footer a,.copyright{font-size:.86rem!important}.copyright{padding-top:16px!important;margin-top:26px!important}.page-hero{padding:60px 0 48px!important}.page-card,.dash-card,.product-info,.form-card,.quote-card,.pay-card,.profile-card,.kb-card,.support-card{border-radius:17px!important}.page-card,.product-info,.form-card,.quote-card,.pay-card,.profile-card{padding:18px!important}.dash-shell{margin-left:236px!important}.sidebar{width:236px!important;padding:14px 10px!important}.sidebar .brand img{width:36px!important;height:36px!important}.sidebar-brand{padding-bottom:12px!important}.sidebar nav{gap:2px!important;margin-top:12px!important}.sidebar nav a,.sidebar-bottom a{font-size:11.7px!important;padding:8px 9px!important;border-radius:11px!important;gap:8px!important}.sidebar svg{width:15.5px!important;height:15.5px!important}.sidebar-bottom{padding-top:10px!important;margin-top:12px!important}.dash-top{height:58px!important;padding:0 18px!important}.dash-top>div small{font-size:10px!important}.dash-top>div strong{font-size:12.5px!important}.top-notification{width:36px!important;height:36px!important;border-radius:12px!important}.dash-main{padding:19px!important;max-width:1460px!important}.dash-heading{margin-bottom:16px!important}.dash-heading h1{font-size:clamp(1.45rem,3vw,2.05rem)!important;line-height:1.08!important}.dash-heading p{font-size:.88rem!important}.stat-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))!important;gap:10px!important}.stat-grid article{padding:12px!important;border-radius:15px!important}.stat-grid article>span{width:36px!important;height:36px!important;border-radius:12px!important}.stat-grid svg{width:17px!important;height:17px!important}.stat-grid strong{font-size:1.2rem!important}.stat-grid p{font-size:10.7px!important}.dash-card{padding:15px!important}.card-head{gap:12px!important;margin-bottom:12px!important}.card-head h2,.dash-card h2{font-size:.98rem!important}.dash-columns{gap:13px!important}.quick-command-grid,.ecosystem-grid,.client-quick-grid,.deployment-grid,.channel-grid,.plan-grid,.subscription-grid,.article-grid{grid-template-columns:repeat(auto-fit,minmax(210px,1fr))!important;gap:11px!important}.quick-command-grid>a,.ecosystem-grid>a,.client-quick-grid>a{padding:14px!important;border-radius:16px!important}.quick-command-grid>a>span,.ecosystem-grid>a>span,.client-quick-grid>a>span{width:38px!important;height:38px!important;border-radius:13px!important}.business-strip{grid-template-columns:repeat(auto-fit,minmax(132px,1fr))!important;gap:9px!important;padding:12px!important}.business-strip strong{font-size:1.05rem!important}table{font-size:11.8px!important;min-width:650px!important}th{font-size:10px!important;padding:9px!important}td{padding:10px 9px!important}.table-wrap{overflow-x:auto!important;-webkit-overflow-scrolling:touch!important}.table-wrap:before{font-size:10.5px!important;padding:8px 10px!important}.form-grid{gap:11px!important}.form-actions,.quote-actions,.invoice-pay-actions,.payment-actions{gap:9px!important}.toast{font-size:12.5px!important;padding:11px 14px!important;border-radius:14px!important}.density-toggle{display:inline-flex;align-items:center;gap:6px;min-height:36px;border:1px solid rgba(57,232,255,.22);background:rgba(57,232,255,.08);color:#c8f9ff;border-radius:12px;padding:7px 10px;font-size:11.5px;font-weight:700;cursor:pointer}.density-toggle:hover{background:rgba(57,232,255,.14)}.dashboard-body.density-compact .dash-main{padding:14px!important}.dashboard-body.density-compact .dash-card{padding:12px!important}.dashboard-body.density-compact .stat-grid{gap:8px!important}.dashboard-body.density-compact .stat-grid article{padding:10px!important}.dashboard-body.density-compact .sidebar nav a,.dashboard-body.density-compact .sidebar-bottom a{padding:7px 8px!important;font-size:11.1px!important}.dashboard-body.density-compact .quick-command-grid,.dashboard-body.density-compact .ecosystem-grid{gap:8px!important}.dashboard-body.density-compact td{padding:8px!important}.dashboard-body.density-compact .btn{min-height:38px!important;padding:8px 11px!important}.dashboard-body.density-comfortable .dash-main{padding:24px!important}.dashboard-body.density-comfortable .dash-card{padding:20px!important}.dashboard-body.density-comfortable .stat-grid{gap:15px!important}.app-version-pill{position:fixed;right:14px;bottom:14px;z-index:180;display:inline-flex;align-items:center;gap:6px;font-size:10.5px;color:#8eefff;background:rgba(5,12,23,.72);border:1px solid rgba(57,232,255,.18);border-radius:999px;padding:6px 9px;backdrop-filter:blur(14px);opacity:.7;pointer-events:none}.offline-wrap{min-height:100vh;display:grid;place-items:center;padding:22px;background:radial-gradient(circle at top left,rgba(57,232,255,.16),transparent 30%),#050913}.offline-card{width:min(520px,100%);padding:24px;border-radius:22px;background:rgba(7,17,31,.82);border:1px solid rgba(57,232,255,.18);box-shadow:0 24px 70px rgba(0,0,0,.35);color:#dff8ff}.offline-card h1{font-size:1.45rem;margin:0 0 9px}.offline-card p{color:#91aabc}
@media(max-width:1280px){.dash-shell{margin-left:226px!important}.sidebar{width:226px!important}.sidebar nav a,.sidebar-bottom a{font-size:11.2px!important;padding:7.5px 8px!important}.catalog-filter{grid-template-columns:1fr 1fr 1fr!important}.catalog-filter .btn{width:100%!important}.hero-grid{gap:30px!important}.product-grid{grid-template-columns:repeat(auto-fit,minmax(222px,1fr))!important}}
@media(max-width:980px){.nav{height:62px!important}#mainNav{top:70px!important;left:14px!important;right:14px!important;width:auto!important;max-height:calc(100vh - 88px);overflow:auto;padding:10px!important}#mainNav>a{font-size:12.4px!important;padding:11px 12px!important}.hero-grid{grid-template-columns:1fr!important;min-height:auto!important;padding:54px 0 38px!important}.hero-panel{max-width:520px;width:100%;justify-self:center}.catalog-filter{grid-template-columns:1fr 1fr!important}.footer-grid{grid-template-columns:1fr 1fr!important}.dash-shell{margin-left:0!important}.sidebar{width:min(292px,88vw)!important;transform:translateX(-105%)!important}.sidebar.open{transform:translateX(0)!important}.dash-top{height:58px!important;padding:0 13px!important}.dash-main{padding:14px!important}.heading-actions{width:100%;justify-content:flex-start!important}.heading-actions .btn{min-height:39px!important}.density-toggle{min-height:35px!important}.page-section .container,.detail-section .container{width:min(100% - 22px,1160px)!important}}
@media(max-width:720px){html{font-size:13.8px!important}.container{width:min(100% - 20px,1160px)!important}.brand img{width:34px!important;height:34px!important}.brand strong{font-size:13px!important}.brand small{font-size:8.5px!important}.hero h1,.page-hero h1,.product-hero h1{font-size:clamp(1.85rem,10.2vw,2.75rem)!important;line-height:1.02!important}.hero p,.page-hero p,.product-hero p{font-size:.9rem!important}.hero-actions,.invoice-pay-actions,.form-actions,.quote-actions,.payment-actions{flex-direction:column!important;align-items:stretch!important}.hero-actions .btn,.cta-box .btn,.heading-actions .btn,.form-actions .btn,.quote-actions .btn,.payment-actions .btn{width:100%!important}.hero-stats{grid-template-columns:repeat(3,1fr)!important;gap:8px!important}.hero-stats strong{font-size:1.2rem!important}.hero-stats span{font-size:10px!important}.mini-kpi strong{font-size:1.55rem!important}.catalog-section,.page-section,.detail-section,.related,.section{padding:42px 0!important}.section-head{margin-bottom:18px!important}.catalog-filter{grid-template-columns:1fr!important;padding:10px!important}.product-grid{grid-template-columns:1fr!important}.product-card{padding:15px!important}.product-top{align-items:center!important}.product-code,.license-logo,.table-product>span{width:48px!important;height:48px!important}.cta-box{padding:22px!important}.footer-grid{grid-template-columns:1fr!important}.copyright{gap:8px!important}.dash-heading{gap:10px!important}.dash-heading h1{font-size:1.45rem!important}.dash-card{padding:13px!important}.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.quick-command-grid,.ecosystem-grid,.client-quick-grid,.deployment-grid,.channel-grid,.plan-grid,.subscription-grid,.article-grid{grid-template-columns:1fr!important}.form-grid{grid-template-columns:1fr!important}input,select,textarea{width:100%!important}.table-wrap:before{display:block!important}table{min-width:590px!important}.app-version-pill{display:none}.page-card,.product-info,.form-card,.quote-card,.pay-card,.profile-card{padding:15px!important}.tabs,.filter-tabs{overflow-x:auto;white-space:nowrap;-webkit-overflow-scrolling:touch}.tabs a,.filter-tabs a{flex:0 0 auto}}
@media(max-width:430px){html{font-size:13.4px!important}.nav{height:58px!important}.container{width:min(100% - 16px,1160px)!important}.brand small{display:none}.hero-grid{padding:42px 0 30px!important}.hero-stats{grid-template-columns:1fr!important}.hero-panel{display:none}.stat-grid{grid-template-columns:1fr!important}.dash-main{padding:10px!important}.dash-top>div strong{max-width:130px!important}.btn{min-height:40px!important}.product-card h3{font-size:1rem!important}table{min-width:560px!important}.sidebar{width:min(280px,90vw)!important}.top-notification{margin-right:7px!important}.density-toggle{padding:6px 8px!important;font-size:10.5px!important}}
@media(hover:none){.product-card:hover,.btn:hover{transform:none!important}.btn,.product-card,.quick-command-grid>a{transition:none!important}}


/* CV BCD V4.9.4 - Production Hardening UI */
.hardening-hero{position:relative;overflow:hidden;border:1px solid rgba(0,245,255,.22);background:linear-gradient(135deg,rgba(2,8,23,.92),rgba(8,18,38,.86));box-shadow:0 24px 80px rgba(0,0,0,.34),inset 0 0 0 1px rgba(255,255,255,.04)}
.hardening-hero:before{content:"";position:absolute;inset:-40%;background:radial-gradient(circle at 20% 25%,rgba(0,245,255,.15),transparent 32%),radial-gradient(circle at 80% 20%,rgba(124,58,237,.14),transparent 34%),linear-gradient(120deg,transparent 0 46%,rgba(0,245,255,.07) 47% 49%,transparent 50% 100%);pointer-events:none}.hardening-hero>*{position:relative}.hardening-score{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.score-orb{width:86px;height:86px;border-radius:999px;display:grid;place-items:center;font-weight:900;font-size:1.35rem;color:#e6fbff;background:conic-gradient(from 180deg,var(--accent,#00f5ff) calc(var(--score,0)*1%),rgba(255,255,255,.1) 0);box-shadow:0 0 42px rgba(0,245,255,.22)}.score-orb span{width:68px;height:68px;border-radius:inherit;display:grid;place-items:center;background:#06111f;border:1px solid rgba(255,255,255,.08)}
.hardening-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px}.hardening-check{display:flex;align-items:flex-start;gap:12px;padding:14px;border-radius:18px;background:rgba(8,18,36,.72);border:1px solid rgba(255,255,255,.08)}.hardening-check b{display:block;font-size:.95rem}.hardening-check p{margin:.25rem 0 0;color:var(--muted,#8da2bd);font-size:.84rem;line-height:1.45}.check-dot{width:12px;height:12px;border-radius:50%;margin-top:4px;box-shadow:0 0 22px currentColor;flex:0 0 auto}.check-ok{color:#22c55e}.check-warn{color:#f59e0b}.check-bad{color:#ef4444}.check-info{color:#00f5ff}.status-pill{display:inline-flex;align-items:center;gap:8px;border-radius:999px;padding:7px 10px;font-size:.78rem;font-weight:800;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.06)}.status-pill.ok{color:#8df7b0;border-color:rgba(34,197,94,.35)}.status-pill.warn{color:#ffd890;border-color:rgba(245,158,11,.35)}.status-pill.bad{color:#ffaaa5;border-color:rgba(239,68,68,.35)}.status-pill.info{color:#a7f7ff;border-color:rgba(0,245,255,.35)}
.hardening-actions{display:flex;gap:10px;flex-wrap:wrap}.production-log{max-height:360px;overflow:auto;white-space:pre-wrap;font-size:.8rem;line-height:1.55;background:#020712;border:1px solid rgba(0,245,255,.16);border-radius:16px;padding:14px;color:#c9f7ff}.matrix-list{display:grid;gap:10px}.matrix-row{display:grid;grid-template-columns:minmax(110px,.8fr) 1.7fr auto;gap:12px;align-items:center;padding:12px;border-radius:16px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.04)}.matrix-row small{color:var(--muted,#8da2bd)}
@media (max-width:680px){.hardening-score{align-items:flex-start}.score-orb{width:74px;height:74px;font-size:1.05rem}.score-orb span{width:58px;height:58px}.matrix-row{grid-template-columns:1fr}.hardening-actions .btn{width:100%;justify-content:center}.hardening-check{padding:12px;border-radius:15px}}


/* CV BCD V4.9.5 - Related Product Logo & Mobile Card Fix */
.related-product-grid.product-grid.compact{grid-template-columns:repeat(auto-fit,minmax(268px,1fr))!important;gap:14px!important}.related-product-card.product-card{min-height:auto!important;padding:16px!important;border-radius:18px!important;gap:12px!important}.related-product-card:before{width:120px!important;height:120px!important;right:-58px!important;top:-58px!important;opacity:.11!important}.related-product-head{display:flex!important;align-items:center!important;gap:12px!important;min-width:0!important}.related-product-title{min-width:0!important;flex:1!important}.related-product-title h3,.related-product-card h3{margin:0!important;font-size:1.02rem!important;line-height:1.15!important;letter-spacing:-.025em!important;white-space:normal!important;overflow-wrap:anywhere!important}.related-product-meta{display:flex!important;flex-wrap:wrap!important;gap:5px!important;margin-top:6px!important}.related-product-meta span{max-width:100%;font-size:9.5px!important;font-weight:800!important;line-height:1!important;padding:4px 6px!important;border-radius:999px!important;color:#9df6ff!important;background:rgba(57,232,255,.075)!important;border:1px solid rgba(57,232,255,.14)!important}.related-product-logo.product-code{width:44px!important;height:44px!important;min-width:44px!important;flex:0 0 44px!important;border-radius:13px!important;padding:0!important;font-size:10px!important;letter-spacing:-.04em!important;line-height:1!important;background:linear-gradient(135deg,rgba(57,232,255,.94),rgba(124,58,237,.96))!important;box-shadow:0 0 0 1px rgba(255,255,255,.12),0 12px 30px rgba(57,232,255,.16)!important;overflow:hidden!important;color:#06121f!important}.related-product-logo img,.product-code img,.license-logo img,.table-product>span img{width:100%!important;height:100%!important;object-fit:cover!important;display:block!important;border-radius:inherit!important}.related-product-card p{font-size:.8rem!important;line-height:1.48!important;margin:0!important;display:-webkit-box!important;-webkit-line-clamp:3!important;-webkit-box-orient:vertical!important;overflow:hidden!important}.related-product-card .text-link{margin-top:0!important;font-size:.82rem!important;align-self:flex-start!important}.product-grid.compact .product-card:not(.related-product-card) .product-code{width:52px!important;height:52px!important;border-radius:15px!important;font-size:.76rem!important}.product-hero .product-logo img{width:100%!important;height:100%!important;object-fit:cover!important;border-radius:inherit!important}.product-logo small{background:rgba(0,0,0,.36)!important;border:1px solid rgba(255,255,255,.12)!important;border-radius:999px!important;padding:5px 10px!important;bottom:16px!important;font-size:11px!important;backdrop-filter:blur(10px)!important}
@media(max-width:720px){.related-product-grid.product-grid.compact{grid-template-columns:1fr!important;gap:11px!important}.related-product-card.product-card{padding:13px!important;border-radius:16px!important}.related-product-head{gap:10px!important}.related-product-logo.product-code{width:40px!important;height:40px!important;min-width:40px!important;flex-basis:40px!important;border-radius:12px!important;font-size:9px!important}.related-product-title h3,.related-product-card h3{font-size:.98rem!important}.related-product-card p{-webkit-line-clamp:2!important;font-size:.78rem!important}.related-product-meta span{font-size:8.8px!important;padding:3px 5px!important}.product-hero .product-logo{width:min(148px,45vw)!important;height:min(148px,45vw)!important;border-radius:26px!important;justify-self:start!important}.product-logo small{bottom:10px!important;font-size:9.5px!important;padding:4px 8px!important}}
@media(max-width:430px){.related-product-card.product-card{padding:12px!important}.related-product-logo.product-code{width:38px!important;height:38px!important;min-width:38px!important;flex-basis:38px!important}.related-product-title h3,.related-product-card h3{font-size:.94rem!important}.related-product-meta{display:none!important}.related-product-card p{font-size:.76rem!important}.product-hero .product-logo{width:120px!important;height:120px!important;border-radius:22px!important}}

/* CV BCD V4.9.6 - Subscription Pricing Card Fix
   Fix Paket & Langganan card: remove oversized oval/placeholder overlay,
   restore readable contrast, compact spacing, and mobile-first layout. */
.plans-hero{
  background:radial-gradient(circle at 14% 18%,rgba(57,232,255,.18),transparent 28rem),
             radial-gradient(circle at 86% 10%,rgba(255,79,216,.12),transparent 24rem),
             linear-gradient(135deg,rgba(3,9,18,.92),rgba(7,17,31,.80))!important;
  color:#eaf7ff!important;
  padding:58px 0 42px!important;
  position:relative;
  overflow:hidden;
}
.plans-hero:after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,transparent,#39e8ff,#ff4fd8,transparent);box-shadow:0 0 24px rgba(57,232,255,.35)}
.plans-hero .container{position:relative;z-index:1}.plans-hero h1{font-size:clamp(1.85rem,4vw,3.35rem)!important;line-height:1.05!important;letter-spacing:-.04em!important;margin:10px 0!important;color:#fff!important}.plans-hero p{max-width:760px!important;font-size:.94rem!important;line-height:1.7!important;color:#9fb8cb!important}.plan-grid{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))!important;gap:16px!important;align-items:stretch!important}.plan-card{position:relative!important;overflow:hidden!important;isolation:isolate!important;display:flex!important;flex-direction:column!important;min-height:0!important;padding:20px!important;border-radius:20px!important;background:linear-gradient(180deg,rgba(10,25,45,.88),rgba(7,17,31,.80))!important;border:1px solid rgba(57,232,255,.18)!important;box-shadow:0 14px 42px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.05)!important;color:#eaf7ff!important;transform:none!important}.plan-card:before,.plan-card:after,.plan-card.featured:before,.plan-card.featured:after{content:none!important;display:none!important}.plan-card.featured{transform:none!important;border-color:rgba(255,228,138,.50)!important;background:linear-gradient(180deg,rgba(18,31,47,.92),rgba(10,21,36,.86))!important;box-shadow:0 0 0 1px rgba(255,228,138,.20),0 18px 50px rgba(0,0,0,.30),0 0 26px rgba(255,196,78,.10)!important}.plan-popular{top:14px!important;right:14px!important;z-index:2!important;display:inline-flex!important;align-items:center!important;min-height:22px!important;padding:5px 8px!important;border-radius:999px!important;background:rgba(57,232,255,.14)!important;border:1px solid rgba(57,232,255,.24)!important;color:#bff8ff!important;font-size:9px!important;font-weight:850!important;letter-spacing:.04em!important;line-height:1!important}.plan-icon{width:42px!important;height:42px!important;border-radius:12px!important;background:linear-gradient(135deg,#fff6d7,#ffd66d)!important;color:#4b3400!important;box-shadow:0 0 18px rgba(255,214,109,.22)!important;flex:0 0 auto!important}.plan-icon svg{width:18px!important;height:18px!important;stroke-width:1.9!important}.plan-card h2{font-size:clamp(1.08rem,2vw,1.42rem)!important;line-height:1.12!important;margin:14px 0 8px!important;color:#fff!important;letter-spacing:-.025em!important}.plan-card>p{min-height:0!important;margin:0 0 16px!important;color:#a6bed0!important;font-size:.80rem!important;line-height:1.55!important;max-width:100%!important}.plan-price{margin:0 0 14px!important;padding:14px 0!important;border-top:1px solid rgba(57,232,255,.14)!important;border-bottom:1px solid rgba(57,232,255,.14)!important;background:transparent!important}.plan-price strong{display:block!important;margin:0 0 2px!important;color:#ffe48a!important;font-size:clamp(1.08rem,2vw,1.45rem)!important;line-height:1.1!important;letter-spacing:-.03em!important}.plan-price small{display:block!important;color:#9fb8cb!important;font-size:.74rem!important;line-height:1.35!important}.plan-card ul{list-style:none!important;margin:0 0 18px!important;padding:0!important;display:grid!important;gap:7px!important;flex:1!important}.plan-card li{display:flex!important;align-items:flex-start!important;gap:8px!important;padding:0!important;color:#dceeff!important;font-size:.80rem!important;line-height:1.45!important}.plan-card li svg{width:15px!important;height:15px!important;min-width:15px!important;margin-top:2px!important;stroke:#31ffaa!important;filter:drop-shadow(0 0 8px rgba(49,255,170,.22))}.plan-card .btn{margin-top:auto!important;width:100%!important;min-height:40px!important;font-size:11.5px!important;border-radius:12px!important}.plan-card .btn.gold{background:linear-gradient(135deg,#ffe48a,#ffbd48)!important;color:#091220!important;border-color:rgba(255,228,138,.50)!important;box-shadow:0 0 18px rgba(255,213,103,.20)!important}.pricing-note{display:flex!important;align-items:flex-start!important;gap:12px!important;margin-top:18px!important;padding:16px!important;border-radius:16px!important;background:linear-gradient(180deg,rgba(10,25,45,.80),rgba(7,17,31,.72))!important;border:1px solid rgba(57,232,255,.18)!important;color:#dceeff!important;box-shadow:0 14px 36px rgba(0,0,0,.20)!important}.pricing-note>span{display:grid!important;place-items:center!important;width:36px!important;height:36px!important;border-radius:12px!important;background:rgba(57,232,255,.10)!important;border:1px solid rgba(57,232,255,.18)!important;flex:0 0 auto!important}.pricing-note>span svg{width:18px!important;height:18px!important;stroke:#7eefff!important}.pricing-note h3{font-size:.94rem!important;color:#fff!important;margin:0 0 2px!important}.pricing-note p{font-size:.80rem!important;line-height:1.55!important;color:#9fb8cb!important;margin:0!important}
@media(max-width:980px){.plans-hero{padding:48px 0 34px!important}.plan-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))!important;gap:13px!important}.plan-card{padding:18px!important;border-radius:18px!important}.plan-card.featured{transform:none!important}.plan-popular{position:static!important;width:max-content!important;margin:0 0 10px auto!important}.plan-icon{width:38px!important;height:38px!important}.plan-card h2{margin-top:12px!important}}
@media(max-width:640px){.plans-hero{padding:40px 0 30px!important}.plans-hero h1{font-size:1.85rem!important}.plans-hero p{font-size:.86rem!important}.plan-grid{grid-template-columns:1fr!important;gap:12px!important}.plan-card{padding:16px!important;border-radius:17px!important}.plan-card h2{font-size:1.12rem!important}.plan-card>p,.plan-card li,.plan-price small,.pricing-note p{font-size:.78rem!important}.plan-price strong{font-size:1.15rem!important}.pricing-note{flex-direction:row!important;padding:14px!important}}


/* CV BCD V4.9.7 - Knowledge Base & Article Contrast Fix
   Fix category sidebar white block, unreadable text, article body contrast,
   and mobile layout on Knowledge Base / Article pages. */
.kb-hero,.article-hero{
  background:radial-gradient(circle at 14% 16%,rgba(57,232,255,.20),transparent 26rem),
             radial-gradient(circle at 90% 6%,rgba(255,79,216,.12),transparent 24rem),
             linear-gradient(135deg,rgba(3,9,18,.94),rgba(7,17,31,.86))!important;
  color:#eaf7ff!important;
  padding:58px 0 42px!important;
  overflow:hidden!important;
  position:relative!important;
}
.kb-hero:after,.article-hero:after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,transparent,#39e8ff,#ff4fd8,transparent);box-shadow:0 0 24px rgba(57,232,255,.35)}
.kb-hero .container,.article-hero .container{position:relative;z-index:1}
.kb-hero h1,.article-hero h1{font-size:clamp(1.85rem,4vw,3.35rem)!important;line-height:1.06!important;letter-spacing:-.045em!important;margin:10px 0!important;color:#fff!important;max-width:860px!important}
.kb-hero p,.article-hero p{font-size:.92rem!important;line-height:1.68!important;color:#9fb8cb!important;max-width:760px!important}
.kb-search{background:linear-gradient(180deg,rgba(10,25,45,.88),rgba(7,17,31,.78))!important;border:1px solid rgba(57,232,255,.20)!important;box-shadow:0 14px 42px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.05)!important;border-radius:16px!important;max-width:760px!important;padding:7px!important}
.kb-search>span{color:#7eefff!important}.kb-search input{background:transparent!important;border:0!important;box-shadow:none!important;color:#eaf7ff!important;min-height:40px!important;font-size:.86rem!important}.kb-search .btn{min-height:38px!important;border-radius:12px!important}
.kb-layout{grid-template-columns:minmax(190px,240px) minmax(0,1fr)!important;gap:26px!important;align-items:start!important}
.kb-sidebar{position:sticky!important;top:92px!important;background:linear-gradient(180deg,rgba(10,25,45,.88),rgba(7,17,31,.78))!important;border:1px solid rgba(57,232,255,.20)!important;border-radius:20px!important;padding:14px!important;color:#eaf7ff!important;box-shadow:0 14px 42px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.05)!important;backdrop-filter:blur(14px) saturate(130%)!important}
.kb-sidebar h3{font-size:.88rem!important;color:#eaf7ff!important;margin:4px 8px 12px!important;letter-spacing:-.01em!important}.kb-sidebar>a{color:#9fb8cb!important;font-size:.80rem!important;line-height:1.25!important;padding:10px 11px!important;border:1px solid transparent!important;border-radius:12px!important;background:transparent!important}.kb-sidebar>a span{color:#7eefff!important;opacity:.9!important;font-weight:800!important}.kb-sidebar>a.active,.kb-sidebar>a:hover{background:linear-gradient(135deg,rgba(57,232,255,.16),rgba(139,92,255,.13))!important;border-color:rgba(57,232,255,.25)!important;color:#fff!important;box-shadow:0 0 20px rgba(57,232,255,.10)!important}.kb-sidebar>a.active span,.kb-sidebar>a:hover span{color:#fff!important}
.kb-client-note{background:rgba(57,232,255,.08)!important;border:1px solid rgba(57,232,255,.15)!important;color:#dceeff!important}.kb-client-note p{color:#9fb8cb!important}.kb-client-note svg{stroke:#7eefff!important}
.kb-content .section-head.compact{display:flex!important;align-items:flex-end!important;justify-content:space-between!important;gap:16px!important;margin-bottom:18px!important}.kb-content .section-head.compact h2{font-size:clamp(1.45rem,2.7vw,2.05rem)!important;line-height:1.12!important;color:#fff!important;margin:.24rem 0 0!important}.kb-content .section-head.compact>span{font-size:.78rem!important;color:#dceeff!important;font-weight:800!important;padding:6px 9px!important;border-radius:999px!important;background:rgba(57,232,255,.09)!important;border:1px solid rgba(57,232,255,.16)!important;white-space:nowrap!important}
.article-grid{grid-template-columns:repeat(auto-fit,minmax(230px,1fr))!important;gap:14px!important}.article-card{padding:17px!important;border-radius:18px!important;background:linear-gradient(180deg,rgba(10,25,45,.88),rgba(7,17,31,.78))!important;border:1px solid rgba(57,232,255,.18)!important;color:#eaf7ff!important;min-height:210px!important;box-shadow:0 12px 38px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.05)!important}.article-card:hover{transform:translateY(-3px)!important;border-color:rgba(57,232,255,.38)!important;box-shadow:0 20px 54px rgba(0,0,0,.32),0 0 22px rgba(57,232,255,.12)!important}.article-category,.article-private{background:linear-gradient(135deg,#fff6d7,#ffd66d)!important;color:#4b3400!important;border:0!important;font-size:.58rem!important;line-height:1!important;padding:5px 7px!important;letter-spacing:.05em!important}.article-private{background:rgba(57,232,255,.12)!important;color:#bff8ff!important;border:1px solid rgba(57,232,255,.18)!important}.article-card h3{font-size:clamp(1.02rem,1.75vw,1.24rem)!important;line-height:1.22!important;color:#fff!important;margin:13px 0 9px!important;letter-spacing:-.02em!important}.article-card p{font-size:.79rem!important;line-height:1.55!important;color:#9fb8cb!important;margin:0!important;display:-webkit-box!important;-webkit-line-clamp:3!important;-webkit-box-orient:vertical!important;overflow:hidden!important}.article-card footer{border-top:1px solid rgba(57,232,255,.14)!important;color:#9fb8cb!important;font-size:.72rem!important;padding-top:13px!important;margin-top:14px!important}.article-card footer b{color:#7eefff!important}.article-card footer svg{width:14px!important;height:14px!important}
.article-hero{padding:54px 0 40px!important}.breadcrumbs{color:#8facbf!important;font-size:.72rem!important;gap:7px!important;margin-bottom:18px!important}.breadcrumbs a:hover{color:#7eefff!important}.article-meta{gap:12px!important;margin-top:18px!important;color:#9fb8cb!important;font-size:.74rem!important}.article-meta svg{width:15px!important;height:15px!important}.article-layout{grid-template-columns:minmax(0,1fr) minmax(270px,320px)!important;gap:28px!important;align-items:start!important}.article-body{display:block!important;background:linear-gradient(180deg,rgba(10,25,45,.82),rgba(7,17,31,.72))!important;border:1px solid rgba(57,232,255,.18)!important;border-radius:20px!important;padding:22px!important;color:#dceeff!important;font-size:.92rem!important;line-height:1.82!important;white-space:pre-line!important;box-shadow:0 14px 42px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.05)!important;overflow-wrap:anywhere!important}.article-body strong,.article-body b{color:#fff!important}.article-body a{color:#7eefff!important;text-decoration:underline;text-decoration-color:rgba(126,239,255,.35)}.article-body p{color:#dceeff!important}.article-aside{top:92px!important}.article-aside .dash-card{background:linear-gradient(180deg,rgba(10,25,45,.88),rgba(7,17,31,.78))!important;border:1px solid rgba(57,232,255,.18)!important;border-radius:18px!important;padding:16px!important;color:#eaf7ff!important}.article-aside .dash-card h3{font-size:.98rem!important;color:#fff!important;margin:0 0 7px!important}.article-aside .dash-card p{font-size:.78rem!important;color:#9fb8cb!important;line-height:1.55!important}.related-links a{border-bottom:1px solid rgba(57,232,255,.13)!important}.related-links strong{display:block!important;color:#eaf7ff!important;font-size:.82rem!important;line-height:1.35!important}.related-links small{color:#9fb8cb!important;font-size:.72rem!important}
@media(max-width:900px){.kb-layout,.article-layout{grid-template-columns:1fr!important;gap:18px!important}.kb-sidebar,.article-aside{position:static!important}.kb-sidebar{display:flex!important;align-items:center!important;gap:8px!important;overflow-x:auto!important;scroll-snap-type:x proximity!important;padding:10px!important;border-radius:16px!important}.kb-sidebar::-webkit-scrollbar{height:5px}.kb-sidebar::-webkit-scrollbar-thumb{background:rgba(57,232,255,.22);border-radius:999px}.kb-sidebar h3,.kb-client-note{display:none!important}.kb-sidebar>a{white-space:nowrap!important;scroll-snap-align:start!important;flex:0 0 auto!important}.kb-content .section-head.compact{align-items:flex-start!important}.article-body{padding:18px!important;border-radius:18px!important}.article-aside{display:grid!important;grid-template-columns:1fr!important;gap:12px!important}}
@media(max-width:640px){.kb-hero,.article-hero{padding:38px 0 30px!important}.kb-hero h1,.article-hero h1{font-size:1.72rem!important}.kb-hero p,.article-hero p{font-size:.82rem!important}.kb-search{display:grid!important;grid-template-columns:1fr!important;gap:8px!important}.kb-search>span{display:none!important}.kb-search input{width:100%!important}.kb-search .btn{width:100%!important}.kb-content .section-head.compact{flex-direction:column!important;gap:8px!important}.kb-content .section-head.compact h2{font-size:1.42rem!important}.article-grid{grid-template-columns:1fr!important;gap:12px!important}.article-card{min-height:0!important;padding:15px!important}.article-card h3{font-size:1.05rem!important}.article-card p,.article-body{font-size:.82rem!important}.article-body{line-height:1.74!important;padding:16px!important}.article-meta{font-size:.68rem!important}.article-aside .dash-card .btn{width:100%!important}.section{padding:42px 0!important}}