:root{--brand: #6757d7;--brand-2: #7593ff;--brand-soft: #efedfc;--ink: #1d1b2f;--muted: #6b6a7b;--line: #e6e5ef;--bg: #f7f7fb;--ok: #19a35a;--warn: #c98400;--bad: #d23c3c;--radius: 10px;font-family:Inter,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:var(--ink);background:var(--bg)}*{box-sizing:border-box}body{margin:0}a{color:var(--brand);text-decoration:none}a:hover{text-decoration:underline}h1{font-size:24px;margin:0 0 16px}h2{font-size:19px;margin:0 0 12px}h3{font-size:16px;margin:0 0 8px}p{line-height:1.5}code{background:#f0eff6;padding:1px 5px;border-radius:4px;font-size:90%}.testbar{background:#fff4d6;color:#6b4e00;font-size:13px;padding:6px 16px;text-align:center;border-bottom:1px solid #f0dca3}.topbar{display:flex;align-items:center;gap:18px;padding:0 24px;height:60px;background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:10}.logo{display:flex;align-items:center;gap:8px;font-weight:700;font-size:18px;color:var(--ink)}.logo-mark{width:30px;height:30px;border-radius:8px;background:var(--brand);color:#fff;display:grid;place-items:center;font-weight:800}.topnav{display:flex;gap:4px;flex:1}.topnav a{padding:8px 12px;border-radius:8px;color:var(--muted);font-weight:500;white-space:nowrap}.topnav a.active,.topnav a:hover{background:var(--brand-soft);color:var(--brand);text-decoration:none}.user-chip{display:flex;align-items:center;gap:10px;font-size:14px;color:var(--muted)}.page{max-width:1180px;margin:0 auto;padding:28px 24px 60px}.narrow{max-width:440px;margin:48px auto}.card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:22px;margin-bottom:18px}.card.flat{padding:16px}.row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.row.between{justify-content:space-between}.grid{display:grid;gap:16px}.grid.cols-2{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.grid.cols-3{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.muted{color:var(--muted)}.small{font-size:13px}.spacer{flex:1}.mt{margin-top:14px}.mb{margin-bottom:14px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:9px 16px;border-radius:8px;border:1px solid var(--brand);background:var(--brand);color:#fff;font-weight:600;font-size:14px;cursor:pointer;text-decoration:none}.btn:hover{filter:brightness(1.06);text-decoration:none}.btn:disabled{opacity:.55;cursor:default;filter:none}.btn.secondary{background:#fff;color:var(--brand)}.btn.ghost{background:transparent;border-color:transparent;color:var(--brand)}.btn.danger{background:#fff;color:var(--bad);border-color:#f0c4c4}.btn.small{padding:5px 10px;font-size:13px}.btn.block{width:100%}label.field{display:block;margin-bottom:14px}label.field>span{display:block;font-size:13px;font-weight:600;margin-bottom:6px}label.field>small{display:block;color:var(--muted);font-size:12px;margin-top:4px}input[type=text],input[type=email],input[type=password],input[type=url],input[type=number],select,textarea{width:100%;padding:9px 11px;border:1px solid var(--line);border-radius:8px;font:inherit;font-size:14px;background:#fff;color:var(--ink)}textarea{min-height:80px;resize:vertical}input:focus,select:focus,textarea:focus{outline:2px solid #cfc9f6;border-color:var(--brand)}.color-row{display:flex;gap:8px;align-items:center}.color-row input[type=color]{width:42px;height:38px;border:1px solid var(--line);border-radius:8px;padding:2px;background:#fff}.toggle{display:inline-flex;align-items:center;gap:10px;cursor:pointer;-webkit-user-select:none;user-select:none}.toggle input{display:none}.toggle .track{width:40px;height:22px;border-radius:11px;background:#d9d8e3;position:relative;transition:background .15s}.toggle .track:after{content:"";position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:50%;background:#fff;transition:left .15s;box-shadow:0 1px 2px #0003}.toggle input:checked+.track{background:var(--brand)}.toggle input:checked+.track:after{left:20px}.notice{padding:11px 14px;border-radius:8px;font-size:14px;margin-bottom:14px;border:1px solid}.notice.info{background:#eef3ff;border-color:#d4e0ff;color:#24407a}.notice.ok{background:#eaf8f0;border-color:#c4ecd5;color:#145c35}.notice.warn{background:#fff7e6;border-color:#f4dfae;color:#6b4e00}.notice.bad{background:#fdeeee;border-color:#f4c9c9;color:#8a1f1f}.badge{display:inline-block;padding:2px 9px;border-radius:999px;font-size:12px;font-weight:600;background:#eeedf5;color:var(--muted)}.badge.ok{background:#e3f6ec;color:#13703f}.badge.warn{background:#fff1d6;color:#7a5500}.badge.bad{background:#fde5e5;color:#9b2020}.badge.brand{background:var(--brand-soft);color:var(--brand)}table.table{width:100%;border-collapse:collapse;font-size:14px}table.table th,table.table td{text-align:left;padding:9px 10px;border-bottom:1px solid var(--line);vertical-align:top}table.table th{font-size:12px;text-transform:uppercase;letter-spacing:.03em;color:var(--muted)}.app-card{display:flex;gap:14px;align-items:center;cursor:pointer}.app-card img,.icon-lg{width:56px;height:56px;border-radius:13px;object-fit:cover;border:1px solid var(--line);background:#fff}.icon-xl{width:120px;height:120px;border-radius:26px;border:1px solid var(--line);object-fit:cover}.dash{display:grid;grid-template-columns:250px 1fr;min-height:calc(100vh - 60px)}.sidebar{background:#fff;border-right:1px solid var(--line);padding:18px 12px;position:sticky;top:60px;height:calc(100vh - 60px);overflow-y:auto}.sidebar .app-head{display:flex;gap:10px;align-items:center;padding:6px 8px 14px;border-bottom:1px solid var(--line);margin-bottom:10px}.sidebar .app-head img{width:38px;height:38px;border-radius:9px;border:1px solid var(--line)}.sidebar .group{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin:14px 10px 6px;font-weight:700}.sidebar a{display:flex;align-items:center;justify-content:space-between;padding:7px 10px;border-radius:8px;color:var(--ink);font-size:14px}.sidebar a.active,.sidebar a:hover{background:var(--brand-soft);color:var(--brand);text-decoration:none}.sidebar .dot{width:7px;height:7px;border-radius:50%;background:var(--ok)}.dash-main{padding:26px 30px 60px;max-width:980px}.steps{display:flex;gap:8px;margin-bottom:18px}.steps .step{flex:1;padding:10px;border-radius:8px;background:#fff;border:1px solid var(--line);font-size:13px;color:var(--muted)}.steps .step.on{border-color:var(--brand);color:var(--brand);font-weight:600}.device{width:300px;height:610px;border:12px solid #1d1b2f;border-radius:40px;overflow:hidden;background:#fff;box-shadow:0 10px 40px #00000026}.device.tablet{width:520px;height:700px;border-radius:28px}.device.landscape{width:610px;height:300px}.device iframe{width:100%;height:100%;border:0}.modal-back{position:fixed;top:0;right:0;bottom:0;left:0;background:#14122873;display:grid;place-items:center;z-index:50;padding:20px}.modal{background:#fff;border-radius:14px;max-width:560px;width:100%;padding:24px;max-height:90vh;overflow-y:auto}.plans{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px}.plan{border:1px solid var(--line);border-radius:12px;padding:18px;background:#fff;display:flex;flex-direction:column;gap:8px}.plan.current{border-color:var(--brand);box-shadow:0 0 0 2px var(--brand-soft)}.plan .price{font-size:28px;font-weight:800}.plan ul{margin:6px 0 10px;padding-left:18px;color:var(--muted);font-size:14px}.seg{display:inline-flex;border:1px solid var(--line);border-radius:8px;overflow:hidden}.seg button{border:0;background:#fff;padding:7px 14px;cursor:pointer;font:inherit;font-size:14px;color:var(--muted)}.seg button.on{background:var(--brand);color:#fff}.tabs{display:flex;gap:4px;border-bottom:1px solid var(--line);margin-bottom:18px;flex-wrap:wrap}.tabs a{padding:9px 14px;color:var(--muted);border-bottom:2px solid transparent;margin-bottom:-1px;font-weight:500}.tabs a.active{color:var(--brand);border-bottom-color:var(--brand);text-decoration:none}.feature-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:12px}.feature-tile{border:1px solid var(--line);border-radius:10px;padding:14px;background:#fff;display:flex;flex-direction:column;gap:6px;color:var(--ink)}.feature-tile:hover{border-color:var(--brand);text-decoration:none}.feature-tile img{width:32px;height:32px}.spinner{width:18px;height:18px;border:2px solid #ddd;border-top-color:var(--brand);border-radius:50%;animation:spin .8s linear infinite;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.center{display:grid;place-items:center;padding:60px}@media (max-width: 860px){.dash{grid-template-columns:1fr}.sidebar{position:static;height:auto}.topnav{display:none}}