.slx{--ink:#0f1b3d;--ink2:#3a4460;--muted:#56607a;--line:#e4e8f2;--line2:#eef1f7;--bg:#f4f6fb;--blue:#1f52e0;--blue-d:#163fb0;--blue-l:#e8eefd;--blue-m:#bfd0f8;--cyan:#36bfe8;--cyan-l:#e3f6fc;--cyan-d:#0b5670;--teal:#0a6e8c;--green:#0b6b4f;--green-l:#e3f5ee;--orange:#9a4a0a;--orange-l:#fff1e3;--amber:#8a4b08;--amber-l:#fff4e5;--red:#b42318;--red-l:#fdecec;--serif:"Fraunces", Georgia, serif;color:var(--ink);background:var(--bg);min-height:100vh;font-family:Inter,system-ui,sans-serif;font-size:14px;line-height:1.5}.slx *,.slx :before,.slx :after{box-sizing:border-box}.slx a{color:var(--blue);text-decoration:none}.slx a:hover{color:var(--blue-d)}.slx button,.slx input,.slx select,.slx textarea{font:inherit;color:inherit}.slx h1,.slx h2,.slx h3{margin:0;font-weight:500}.slx p{margin:0}.slx ul{margin:0;padding:0}.slx :focus-visible{outline:2px solid var(--blue);outline-offset:2px}.x-app{flex-wrap:wrap;min-height:100vh;display:flex}.x-side{border-right:1px solid var(--line);background:#fff;flex-direction:column;flex:240px;gap:4px;max-width:260px;padding:22px 16px;display:flex}.x-side a.x-nav{color:var(--ink2);border-radius:10px;align-items:center;gap:12px;min-height:24px;padding:10px 12px;font-size:14px;font-weight:500;display:flex}.x-side a.x-nav:hover{color:var(--ink);background:#f1f4fb}.x-side a.x-nav.on{background:var(--blue);color:#fff}.x-side .x-cnt{background:var(--cyan-l);color:var(--cyan-d);border-radius:999px;margin-left:auto;padding:2px 8px;font-size:11.5px;font-weight:700}.x-side a.on .x-cnt{color:var(--blue);background:#fff}.x-side .x-group{letter-spacing:.12em;text-transform:uppercase;color:#6b7591;padding:14px 12px 4px;font-size:11px;font-weight:700}.x-side .x-div{background:var(--line2);height:1px;margin:12px 4px}.x-brand{align-items:center;gap:10px;padding:4px 8px 18px;display:flex;color:var(--ink)!important}.x-brand img{width:36px;height:36px;display:block}.x-brand b{white-space:nowrap;font-size:16px;font-weight:700}.x-brand b span{color:var(--blue)}.x-brand b .x-badge-admin{letter-spacing:.08em;color:#fff;background:var(--blue);vertical-align:2px;border-radius:5px;margin-left:4px;padding:2px 6px;font-size:10.5px;font-weight:700}.x-who{border:1px solid var(--line);text-align:left;background:#f7f9ff;border-radius:12px;align-items:center;gap:10px;width:100%;margin-bottom:12px;padding:10px 12px;display:flex}.x-who .x-sq{background:var(--blue);color:#fff;border-radius:8px;flex:none;justify-content:center;align-items:center;width:30px;height:30px;font-size:12px;font-weight:700;display:flex}.x-main{flex:999 560px;min-width:0;padding:28px 32px 48px}.x-demo{background:var(--amber-l);color:var(--amber);border-bottom:1px solid #f6ddb4;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin:-28px -32px 22px;padding:10px 16px;font-size:13px;font-weight:500;display:flex}.x-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:22px;display:flex}.x-h1{font-family:var(--serif);font-size:34px;font-weight:500;line-height:1.15}.x-sub{color:var(--ink2);margin-top:6px;font-size:14.5px}.x-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.x-grow{flex:1}.x-card{border:1px solid var(--line);background:#fff;border-radius:18px;min-width:0;padding:24px}.x-card.tight{padding:0;overflow:hidden}.x-ch{justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.x-ct{font-family:var(--serif);font-size:20px;font-weight:500}.x-flex{flex-wrap:wrap;align-items:flex-start;gap:20px;display:flex}.x-flex>.w1{flex:300px;min-width:0}.x-flex>.w2{flex:2 480px;min-width:0}.x-flex>.w3{flex:3 540px;min-width:0}.x-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;display:grid}.x-stack{flex-direction:column;gap:20px;display:flex}.x-sec{margin-top:20px}.x-k{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-size:11.5px;font-weight:600}.x-muted{color:var(--muted)}.x-small{font-size:12.5px}.x-serif{font-family:var(--serif)}.x-hr{border:0;border-top:1px solid var(--line2);margin:16px 0}.x-kpis{flex-wrap:wrap;gap:14px;display:flex}.x-kpi{border:1px solid var(--line);background:#fff;border-radius:16px;flex:170px;padding:18px 20px}.x-kpi .l{color:var(--muted);font-size:12.5px;font-weight:500}.x-kpi b{font-family:var(--serif);margin-top:6px;font-size:30px;font-weight:500;display:block}.x-kpi .s{color:var(--muted);margin-top:4px;font-size:12px}.x-kpi.blue{background:var(--blue);border-color:var(--blue);color:#fff}.x-kpi.blue .l,.x-kpi.blue .s{color:#dce6ff}.x-btn{cursor:pointer;white-space:nowrap;border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;gap:8px;height:44px;padding:0 18px;font-size:14px;font-weight:600;transition:background .15s,border-color .15s;display:inline-flex}.x-btn.sm{height:38px;padding:0 14px;font-size:13px}.x-btn.pri{background:var(--blue);color:#fff!important}.x-btn.pri:hover{background:var(--blue-d)}.x-btn.deep{background:var(--blue-d);color:#fff!important}.x-btn.sec{background:#fff;border-color:#d8deec;color:var(--ink)!important}.x-btn.sec:hover{border-color:var(--blue)}.x-btn.ghost{background:0 0;color:var(--blue)!important}.x-btn.danger{background:#fff;border-color:#f1c4c0;color:var(--red)!important}.x-btn.white{background:#fff;color:var(--blue-d)!important}.x-btn.outline-w{background:0 0;border-color:#fff6;color:#fff!important}.x-btn:disabled{opacity:.55;cursor:not-allowed}.x-btn.full{width:100%}.x-pill{white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:11.5px;font-weight:600;display:inline-flex}.x-pill.green{background:var(--green-l);color:var(--green)}.x-pill.blue{background:var(--blue-l);color:var(--blue-d)}.x-pill.cyan{background:var(--cyan-l);color:var(--cyan-d)}.x-pill.orange{background:var(--orange-l);color:var(--orange)}.x-pill.amber{background:var(--amber-l);color:var(--amber)}.x-pill.red{background:var(--red-l);color:var(--red)}.x-pill.gray{color:var(--ink2);background:#eef1f7}.x-tag{background:var(--blue-l);color:var(--blue-d);border-radius:999px;padding:5px 11px;font-size:12.5px;display:inline-flex}.x-tags{flex-wrap:wrap;gap:8px;display:flex}.x-av{color:#fff;border-radius:999px;flex:none;justify-content:center;align-items:center;font-weight:600;display:inline-flex;overflow:hidden}.x-av img{object-fit:cover;width:100%;height:100%}.x-mono{border-radius:10px;flex:none;justify-content:center;align-items:center;width:38px;height:38px;font-size:13px;font-weight:700;display:flex}.x-bar{background:var(--line2);border-radius:4px;height:6px;overflow:hidden}.x-bar>div{background:var(--blue);border-radius:4px;height:100%}.x-steps{gap:4px;display:flex}.x-steps i{background:var(--line);border-radius:3px;flex:1;height:6px}.x-steps i.d{background:var(--blue)}.x-lbl{color:var(--ink2);margin-bottom:6px;font-size:12.5px;font-weight:600;display:block}.x-hint{color:var(--muted);margin-top:6px;font-size:12px}.x-inp{width:100%;height:44px;color:var(--ink);background:#fff;border:1px solid #d8deec;border-radius:10px;padding:0 14px;font-size:14.5px}.x-inp.sm{height:40px;font-size:14px}textarea.x-inp{resize:vertical;height:auto;padding:12px 14px;line-height:1.6}.x-inp:focus{border-color:var(--blue);outline:2px solid #c7d5fb}.x-fgrid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;display:grid}.x-switch{cursor:pointer;background:#c9d1e4;border:0;border-radius:999px;flex:none;width:48px;height:28px;padding:0;position:relative}.x-switch.on{background:var(--blue)}.x-switch span{background:#fff;border-radius:999px;width:22px;height:22px;transition:left .15s;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #0003}.x-switch.on span{left:23px}.x-setrow{border-top:1px solid var(--line2);justify-content:space-between;align-items:center;gap:20px;padding:16px 0;display:flex}.x-setrow:first-child{border-top:0}.x-setrow .t{font-size:14.5px;font-weight:600}.x-setrow .d{color:var(--muted);margin-top:2px;font-size:13px}.x-chipbtn{height:38px;color:var(--ink2);cursor:pointer;background:#fff;border:1px solid #d8deec;border-radius:999px;align-items:center;gap:8px;padding:0 14px;font-size:13px;display:inline-flex}.x-chipbtn.on{background:var(--blue);border-color:var(--blue);color:#fff;font-weight:600}.x-chipbtn.soft.on{background:var(--blue-l);border-color:var(--blue-m);color:var(--blue-d)}.x-choice{cursor:pointer;text-align:left;background:#fff;border:1px solid #d8deec;border-radius:14px;flex:200px;align-items:flex-start;gap:12px;padding:14px 16px;display:flex}.x-choice.on{border-color:var(--blue);box-shadow:inset 0 0 0 1px var(--blue);background:#f5f7ff}.x-list>*{border-top:1px solid var(--line2)}.x-list>:first-child{border-top:0}.x-tr{align-items:center;gap:12px;padding:13px 4px;font-size:13.5px;display:grid}.x-th{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);font-size:11.5px;font-weight:600}.x-scroll{overflow-x:auto}.x-sel{background:#f7f9ff}.x-pick{border:1px solid var(--line);text-align:left;cursor:pointer;background:#fff;border-radius:14px;align-items:center;gap:12px;width:100%;padding:14px;display:flex}.x-pick.on{border-color:var(--blue);box-shadow:inset 0 0 0 1px var(--blue);background:#f7f9ff}.x-tabs{flex-wrap:wrap;gap:8px;display:flex}.x-empty{text-align:center;color:var(--muted);padding:36px 16px}.x-empty b{color:var(--ink);margin-bottom:4px;font-size:15px;display:block}.x-hero{background:var(--blue);color:#fff;border-radius:20px;padding:28px;position:relative;overflow:hidden}.x-hero .x-k{color:#cdeffb}.x-hero .star{opacity:.14;position:absolute;top:-28px;right:-24px}.x-blue-soft{background:var(--blue-l);border-radius:18px}.x-note{color:var(--muted);font-size:12.5px}.x-check{align-items:center;gap:10px;padding:7px 0;font-size:13.5px;display:flex}.x-ck{border-radius:999px;flex:none;justify-content:center;align-items:center;width:20px;height:20px;font-size:11px;font-weight:700;display:flex}.x-toasts{z-index:1000;flex-direction:column;gap:8px;display:flex;position:fixed;bottom:20px;right:20px}.x-toast{background:var(--ink);color:#fff;border-radius:12px;max-width:360px;padding:12px 16px;font-size:13.5px;box-shadow:0 10px 30px #0f1b3d40}.x-center{min-height:60vh;color:var(--muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:24px;display:flex}.x-spin{border:3px solid var(--blue-l);border-top-color:var(--blue);border-radius:999px;width:28px;height:28px;animation:.8s linear infinite xspin}@keyframes xspin{to{transform:rotate(360deg)}}.x-ptop{z-index:5;border-bottom:1px solid var(--line);background:#fffffff0;flex-wrap:wrap;align-items:center;gap:16px;padding:14px 32px;display:flex;position:sticky;top:0}.x-pwrap{flex-wrap:wrap;align-items:flex-start;gap:28px;max-width:1360px;margin:0 auto;padding:32px;display:flex}.x-pside{flex-direction:column;flex:250px;gap:18px;max-width:280px;display:flex}.x-pmain{flex-direction:column;flex:999 560px;gap:24px;min-width:0;display:flex}.x-prail{flex-direction:column;flex:300px;gap:18px;max-width:340px;display:flex;position:sticky;top:96px}.x-pnav{border:1px solid var(--line);background:#fff;border-radius:18px;flex-direction:column;gap:2px;padding:10px;display:flex}.x-pnav a{color:var(--ink2);border-radius:10px;align-items:center;gap:12px;padding:11px 14px;font-size:14px;font-weight:500;display:flex}.x-pnav a:hover{background:#f3f4f9}.x-pnav a.on{background:var(--blue-l);color:var(--blue-d)}.x-pnav .ok,.x-pnav .cur{color:#fff;border-radius:999px;flex:none;justify-content:center;align-items:center;width:22px;height:22px;font-size:11px;display:flex}.x-pnav .ok{background:var(--green)}.x-pnav .cur{background:var(--blue)}.x-pnav .todo{border:2px solid #c9c7d6;border-radius:999px;flex:none;width:22px;height:22px}.x-ring{background:var(--blue-d);color:#fff;border-radius:18px;padding:24px}.x-ring.teal{background:#0b3b37}.x-sec-k{letter-spacing:.14em;text-transform:uppercase;color:var(--blue);font-size:11.5px;font-weight:600}.x-sec-h{font-family:var(--serif);margin:6px 0 4px;font-size:26px;font-weight:500}.x-sec-p{color:var(--muted);margin:0 0 24px;font-size:14px;line-height:1.55}.x-cover{background-color:var(--blue-d);background-image:radial-gradient(circle at 20% 30%,#9be3f861 0,#0000 42%),radial-gradient(circle at 80% 70%,#36bfe84d 0,#0000 45%);background-position:50%;background-size:cover;height:188px;position:relative}.slx .x-camera{background:var(--ink);cursor:pointer;color:#fff;border:3px solid #fff;border-radius:999px;justify-content:center;align-items:center;width:36px;height:36px;display:flex;position:absolute;bottom:6px;right:2px}@media (max-width:720px){.x-main{padding:20px 16px 40px}.x-demo{margin:-20px -16px 18px}.x-side{border-right:0;border-bottom:1px solid var(--line);flex-basis:100%;max-width:none}.x-pwrap{padding:20px 16px}.x-prail{position:static}.x-h1{font-size:28px}}.slx>.x-demo{margin:0;padding:10px 32px}.x-mini-av{z-index:1;position:relative}.x-auth{background:#fff;grid-template-columns:minmax(380px,46%) 1fr;min-height:100vh;display:grid}.x-auth-side{color:#fff;background:radial-gradient(circle at 15% 20%,#36bfe859 0,#0000 45%),radial-gradient(circle at 90% 85%,#9be3f840 0,#0000 40%),linear-gradient(150deg,#1f52e0 0%,#163fb0 100%);flex-direction:column;justify-content:space-between;gap:40px;height:100vh;padding:40px 48px;display:flex;position:sticky;top:0;overflow:hidden}.x-auth-side:after{content:"";pointer-events:none;background-image:radial-gradient(#ffffff24 1px,#0000 1px);background-size:22px 22px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000,#000 40% 70%,#0000);mask-image:linear-gradient(#0000,#000 40% 70%,#0000)}.x-auth-side>*{z-index:1;position:relative}.slx .x-auth-side a{color:#fff}.x-auth-brand{align-items:center;gap:10px;font-size:17px;font-weight:700;display:flex}.x-auth-brand img{background:#fff;border-radius:11px;width:38px;height:38px;padding:4px}.x-auth-h{font-family:var(--serif);letter-spacing:-.01em;margin:0;font-size:clamp(32px,3.4vw,46px);font-weight:500;line-height:1.08}.x-auth-h em{color:#9be3f8;font-style:italic}.x-auth-points{flex-direction:column;gap:16px;margin-top:28px;display:flex}.x-auth-points div{color:#eaf0ff;align-items:flex-start;gap:14px;font-size:15px;line-height:1.5;display:flex}.x-auth-points span.i{background:#ffffff24;border-radius:10px;flex:none;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.x-auth-foot{color:#c9d6ff;font-size:12.5px}.x-auth-main{justify-content:center;align-items:flex-start;padding:48px 32px;display:flex;overflow-y:auto}.x-auth-card{flex-direction:column;gap:20px;width:100%;max-width:520px;display:flex}.x-auth-title{font-family:var(--serif);margin:0;font-size:34px;font-weight:500;line-height:1.15}.x-roles{grid-template-columns:1fr 1fr;gap:12px;display:grid}.slx .x-role{text-align:left;border:1.5px solid var(--line);cursor:pointer;color:var(--ink);background:#fff;border-radius:16px;flex-direction:column;gap:8px;padding:16px;transition:border-color .15s,box-shadow .15s;display:flex}.slx .x-role:hover{border-color:var(--blue-m)}.slx .x-role.on{border-color:var(--blue);box-shadow:0 0 0 3px var(--blue-l)}.x-role .ic{background:var(--blue-l);width:40px;height:40px;color:var(--blue);border-radius:12px;justify-content:center;align-items:center;display:flex}.x-role.on .ic{background:var(--blue);color:#fff}.x-role b{font-size:15px}.x-role small{color:var(--muted);font-size:12.5px;line-height:1.45}.slx .x-google{border:1.5px solid var(--line);cursor:pointer;height:48px;color:var(--ink);background:#fff;border-radius:12px;justify-content:center;align-items:center;gap:12px;width:100%;font-size:15px;font-weight:600;display:flex}.slx .x-google:hover{border-color:var(--blue-m);background:#f7f9ff}.slx .x-google:disabled{opacity:.6;cursor:wait}.slx .x-gsi{justify-content:center;width:100%;min-height:44px;display:flex}.slx .x-gsi>div{justify-content:center;width:100%;display:flex}.x-or{color:var(--muted);align-items:center;gap:12px;font-size:12.5px;display:flex}.x-or:before,.x-or:after{content:"";background:var(--line);flex:1;height:1px}.x-pw{position:relative}.slx .x-pw button{color:var(--blue);cursor:pointer;background:0 0;border:0;padding:6px;font-size:12.5px;font-weight:600;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.x-meter{grid-template-columns:repeat(4,1fr);gap:4px;margin-top:8px;display:grid}.x-meter i{background:var(--line);border-radius:3px;height:4px}.x-err{background:var(--red-l);color:var(--red);border-radius:12px;padding:12px 14px;font-size:13.5px;line-height:1.5}.x-ok{background:var(--green-l);color:var(--green);border-radius:12px;padding:12px 14px;font-size:13.5px;line-height:1.5}@media (max-width:900px){.x-auth{grid-template-columns:1fr}.x-auth-side{gap:0;height:auto;padding:22px 20px;position:relative}.x-auth-side .x-auth-pitch,.x-auth-side .x-auth-foot{display:none}.x-auth-main{padding:28px 16px 40px}.x-roles{grid-template-columns:1fr}.x-auth-title{font-size:28px}}
