:root{--blue:#087fb6;--blue2:#1b4057;--green:#82bd37;--line:#dce6eb;--muted:#7f929e}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f4f7f9;color:#314958;font:14px/1.45 Arial,Helvetica,sans-serif}.shell{width:min(1120px,calc(100% - 28px));margin:auto}a{color:inherit}.top{height:30px;background:#193446;color:#c7d5dc;font-size:12px}.top .shell{height:100%;display:flex;align-items:center;justify-content:space-between}.top a{color:#fff;text-decoration:none}header{height:78px;background:#fff;border-bottom:3px solid var(--blue);box-shadow:0 3px 10px #16384b18}header .shell{height:100%;display:flex;align-items:center}.brand{display:flex;gap:8px;align-items:center;text-decoration:none}.brand>b{width:44px;height:44px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(145deg,#13b1d2,#075b9d);color:#fff;font-size:24px;box-shadow:inset 0 0 0 3px #fff8}.brand strong{font-size:24px;letter-spacing:-1px}.brand em{color:var(--blue);font-style:normal}.brand small{display:block;color:#dc3542;font-size:10px;letter-spacing:0}nav{display:flex;align-self:stretch;margin-left:55px}nav a{display:grid;place-items:center;padding:0 15px;text-decoration:none;font-weight:bold;font-size:13px;color:#526a79}nav a:hover,nav a.on{background:#eef8fc;color:var(--blue)}.lang{margin-left:auto;background:#eef3f6;padding:9px 12px}.alert{padding:12px 16px;margin-top:15px;border:1px solid}.alert.error{background:#fff0f0;border-color:#e7b7b7;color:#aa2935}.alert.success{background:#eff9e6;border-color:#cfe4b5;color:#4d7f1f}.home{padding:28px 0 55px}.banner{min-height:92px;padding:17px 30px 17px 80px;background:linear-gradient(110deg,#087db5 0,#0ca4c6 38%,#f0a318 38%,#ffbb21);color:#fff;display:flex;align-items:center;justify-content:space-between;position:relative;overflow:hidden}.banner:before{content:'◯';position:absolute;font-size:160px;left:-30px;top:-64px;color:#fff3}.banner div{display:grid;z-index:1}.banner b{font-size:24px;font-weight:normal}.banner a{border:2px solid #fff;padding:10px 16px;text-decoration:none;font-weight:bold;z-index:1}.intro{display:grid;grid-template-columns:2fr 1fr;gap:16px;margin-top:10px}.demo,.why,.plans article,.panel{background:#fff;border:1px solid var(--line);box-shadow:0 1px 4px #2341}.demo{border:5px solid var(--blue);border-radius:8px;padding:7px;position:relative;overflow:hidden}.demo mark{position:absolute;left:-25px;top:18px;transform:rotate(-45deg);padding:6px 33px;background:#b6d62b;color:#0574a6;font-weight:bold}.tr{display:grid;grid-template-columns:1fr 72px 64px 145px;padding:4px 8px;font-size:11px}.tr:nth-child(odd){background:#f0f3f4}.tr b{text-align:center;font-weight:normal}.tr>i{height:9px;background:#c9d4d9}.tr>i em{display:block;height:100%;background:#80bc26}.tr.th{background:#e4eaed;color:#647985;font-weight:bold}.why{padding:13px}.why h2{margin:0 0 10px;color:#0778ad;font-size:17px}.why p{margin:0;padding:7px 5px;color:#0872ab;font-size:12px}.why p:nth-child(odd){background:#edf3f6}.plans{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:14px}.plans article{padding:20px 18px;min-height:225px;position:relative}.plans h2{margin:0 0 16px;color:var(--blue);font-size:28px}.plans article:first-child h2{color:#dc2f40}.plans p{font-size:12px;color:#0871ab}.plans a{position:absolute;right:18px;bottom:18px;padding:7px 12px;border-radius:3px;background:linear-gradient(#bce76c,#78b42a);color:#fff;text-decoration:none;font-weight:bold}.cat-title{text-align:center;color:#0875aa;font-size:13px;margin:36px 0 20px;display:flex;gap:12px;align-items:center}.cat-title:before,.cat-title:after{content:'';height:1px;flex:1;background:#d5e0e5}.categories{display:grid;grid-template-columns:repeat(6,1fr);gap:18px}.categories article{border-left:3px solid var(--blue);padding-left:10px}.categories b{color:#0877ae}.categories p{font-size:11px;color:#687e8a;line-height:1.6}.app{display:grid;grid-template-columns:220px 1fr;gap:22px;padding:46px 0 70px}.app>aside{background:#fff;border:1px solid var(--line);box-shadow:0 1px 4px #2341;height:max-content}.sitebadge{display:flex;gap:10px;padding:16px;border-bottom:1px solid #e5edef}.sitebadge>b{width:36px;height:36px;border-radius:50%;background:#e5f5fb;color:var(--blue);display:grid;place-items:center}.sitebadge span{display:grid}.sitebadge small{color:#91a1aa;font-size:11px}.app aside>p{font-size:10px;color:#99a8b1;margin:18px 15px 6px}.app aside>a{height:38px;display:flex;align-items:center;padding:0 15px;border-left:3px solid transparent;text-decoration:none;color:#5b6f7d}.app aside>a:hover,.app aside>a.active{background:#edf8fc;border-left-color:var(--green);color:var(--blue);font-weight:bold}.upgrade{display:grid;gap:6px;margin:18px 13px;padding:14px;background:#f0f8e7;border:1px solid #d6e8bd}.upgrade span{font-size:11px}.workspace{min-width:0}.title{display:flex;justify-content:space-between;align-items:flex-start;margin:4px 0 20px}.title em{font-style:normal;color:#7db331;font-size:10px;font-weight:bold;letter-spacing:1px}.title h1{margin:4px 0 0;color:#193e54;font-size:26px}.title p{margin:6px 0;color:var(--muted)}.title>span{padding:10px 14px;background:#fff;border:1px solid #d4e0e5}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-bottom:15px}.metrics article{background:#fff;border:1px solid var(--line);padding:16px;display:grid;gap:6px}.metrics span{font-size:12px;color:#81929c}.metrics b{font-size:24px;color:#1c4359}.panel{padding:18px}.panel h2{font-size:15px;color:#20465c;margin-top:0}.chart{height:220px;display:flex;gap:10px;align-items:flex-end;padding:25px 10px 0;background:repeating-linear-gradient(#fff 0,#fff 48px,#edf1f3 49px)}.chart>i{display:block;flex:1;background:linear-gradient(#25a5c9,#087eb5);min-height:3px;position:relative}.chart i span{position:absolute;top:-19px;width:100%;text-align:center;color:#7f919b;font-style:normal;font-size:10px}.list{padding:0}.list>div{display:grid;grid-template-columns:38px 1fr 120px;padding:16px 18px;border-bottom:1px solid #e5edef;align-items:center}.list>div>b{width:21px;height:21px;border-radius:50%;display:grid;place-items:center;background:#e7f5fa;color:var(--blue)}.list>div>strong{text-align:right}.empty{padding:20px;color:#84959f}.code pre{padding:18px;background:#193446;color:#c6ea91;overflow:auto;white-space:pre-wrap}.code p{color:#7d909b;font-size:12px}.primary{display:inline-block;border:0;background:var(--blue);color:#fff;text-decoration:none;padding:11px 16px;font-weight:bold;cursor:pointer}.form{display:grid;gap:15px;max-width:650px}.form label,.auth-card label,.install-grid label{display:grid;gap:6px;font-weight:bold}.form input,.auth-card input,.install-grid input{border:1px solid #ccd9df;padding:11px;background:#fff}.form .check{display:flex;align-items:center;font-weight:normal}.form .check input{width:auto}.rank{padding:0;overflow:auto}.rank-row{min-width:690px;display:grid;grid-template-columns:45px 1.3fr 1fr 110px 110px;padding:14px 16px;border-bottom:1px solid #e5edef;text-decoration:none}.rank-head{background:#edf4f7;font-size:11px;font-weight:bold}.rank-row:not(.rank-head):hover{background:#f5fafc}.public-page{padding:46px 0 80px}.auth-card,.install-card{width:min(510px,calc(100% - 28px));margin:60px auto;background:#fff;border:1px solid var(--line);box-shadow:0 8px 30px #17384c18;padding:30px}.auth-card h1,.install-card h1{color:#193e54}.auth-card form{display:grid;gap:15px}.installer{min-height:100vh;display:grid;place-items:center;background:linear-gradient(145deg,#f4f7f9,#e8f5fa)}.install-card{width:min(680px,calc(100% - 28px));margin:30px auto}.install-brand{display:flex;align-items:center;gap:9px;font-size:23px}.install-brand>span{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:var(--blue);color:#fff}.install-brand em{color:var(--blue);font-style:normal}.install-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.install-grid .wide{grid-column:1/-1}.install-card code{background:#eef3f6;padding:2px 5px}.table{padding:0}.table-row{display:grid;grid-template-columns:2fr .6fr .6fr 1fr;padding:13px 16px;border-bottom:1px solid #e5edef}.table-row.head{background:#edf4f7;font-weight:bold}.table-row span:first-child{display:grid}.table-row small{color:#81939e}footer{background:#193446;color:#b6c3ca;padding:24px 0}footer .shell{display:flex;justify-content:space-between}footer strong{color:#fff}
@media(max-width:850px){header{height:auto}header .shell{display:grid;grid-template-columns:1fr auto;padding:12px 0}nav{grid-column:1/-1;order:3;margin:8px 0 0;overflow:auto;height:40px}nav a{white-space:nowrap;padding:0 12px}.lang{grid-column:2;grid-row:1}.intro,.plans{grid-template-columns:1fr}.categories{grid-template-columns:repeat(3,1fr)}.app{grid-template-columns:1fr;padding-top:20px}.app>aside{display:flex;overflow:auto;position:sticky;top:0;z-index:5}.sitebadge,.app aside>p,.upgrade{display:none}.app aside>a{white-space:nowrap;border-left:0;border-bottom:3px solid transparent}.app aside>a.active{border-bottom-color:var(--green)}.metrics{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.top .shell>span{display:none}.brand strong{font-size:20px}.lang{font-size:0}.lang:first-letter{font-size:16px}.banner{padding:22px;display:grid;gap:15px}.banner:before{display:none}.tr{grid-template-columns:1fr 46px 46px 75px}.categories{grid-template-columns:1fr 1fr}.metrics{grid-template-columns:1fr}.title{display:block}.title>span{display:inline-block;margin-top:10px}.install-grid{grid-template-columns:1fr}.install-grid .wide{grid-column:auto}.table-row{grid-template-columns:1.5fr .5fr .5fr}.table-row span:last-child{display:none}footer .shell{display:grid;gap:8px}}