:root{--ink:#171a22;--muted:#6f7583;--line:#e4e7ee;--panel:#fff;--bg:#f6f7fa;--accent:#ff9900;--nav:#121722;--green:#16a36a;--shadow:0 18px 55px rgba(25,31,45,.08)}
*{box-sizing:border-box}html{font-family:Inter,"Microsoft YaHei",system-ui,sans-serif;color:var(--ink);background:var(--bg)}body{margin:0}button,a{font:inherit}.app-shell{min-height:100vh;display:grid;grid-template-columns:238px 1fr}.sidebar{position:sticky;top:0;height:100vh;background:var(--nav);color:#fff;padding:28px 18px 20px;display:flex;flex-direction:column}.logo{display:flex;align-items:center;gap:12px;padding:0 9px 31px;color:#fff;text-decoration:none}.logo-mark{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;background:linear-gradient(145deg,#ffb13b,#ff8a00);color:#151922;font-size:21px;font-weight:900;box-shadow:0 8px 25px #ff990033}.logo strong,.logo small{display:block}.logo strong{font-size:15px;letter-spacing:.01em}.logo small{margin-top:2px;color:#7e899d;font-size:11px;font-weight:500}.sidebar nav{display:grid;gap:6px}.sidebar nav a{display:flex;align-items:center;gap:13px;padding:11px 13px;border-radius:9px;color:#8993a6;text-decoration:none;font-size:14px}.sidebar nav a span{width:18px;text-align:center}.sidebar nav a:hover,.sidebar nav a.active{background:#202736;color:#fff}.sidebar nav a.active{box-shadow:inset 3px 0 var(--accent)}.workspace-card{margin-top:auto;display:flex;align-items:center;gap:10px;padding:12px;border:1px solid #2a3343;border-radius:12px;background:#181f2b}.workspace-card .avatar{width:30px;height:30px;display:grid;place-items:center;border-radius:8px;background:#354158;color:#dce3ef;font-weight:700}.workspace-card strong,.workspace-card small{display:block;font-size:12px}.workspace-card small{color:#778398;font-size:10px}.workspace-card button{margin-left:auto;color:#78849a;border:0;background:none}.topbar{height:68px;padding:0 34px;display:flex;align-items:center;border-bottom:1px solid var(--line);background:#fff}.menu{display:none}.crumb{font-size:13px;font-weight:650}.crumb span{padding:0 9px;color:#bdc1c9}.user{margin-left:auto;display:flex;align-items:center;gap:8px;color:#7b818e;font-size:12px}.user b{width:30px;height:30px;margin-left:12px;display:grid;place-items:center;border-radius:50%;background:#1d2430;color:#fff}.status-dot{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 0 4px #16a36a16}.content{width:min(1050px,calc(100% - 64px));margin:auto;padding:62px 0 26px}.intro{display:flex;align-items:flex-end;justify-content:space-between;gap:25px;margin-bottom:34px}.intro>div:first-child{max-width:690px}.pill{display:inline-block;padding:5px 9px;border-radius:5px;background:#fff1da;color:#b66d00;font-size:10px;font-weight:800;letter-spacing:.09em}.intro h1{margin:13px 0 11px;font-size:clamp(32px,4vw,45px);line-height:1.14;letter-spacing:-.035em}.intro p{margin:0;color:var(--muted);line-height:1.8;font-size:15px}.secure-badge{min-width:210px;display:flex;align-items:center;gap:12px;padding:14px 16px;border:1px solid #dfe9e4;border-radius:12px;background:#fbfdfc}.secure-badge>span{width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:#e3f7ee;color:var(--green);font-weight:900}.secure-badge strong,.secure-badge small{display:block}.secure-badge strong{font-size:12px}.secure-badge small{color:#7e858f;font-size:10px}.steps{display:flex;align-items:center;width:min(600px,100%);margin:0 auto 30px;color:#9ca1ab}.steps div{display:flex;align-items:center;gap:8px;white-space:nowrap}.steps span{width:25px;height:25px;display:grid;place-items:center;border:1px solid #ccd1d9;border-radius:50%;font-size:11px;font-weight:750}.steps b{font-size:12px}.steps i{height:1px;flex:1;margin:0 17px;background:#dfe2e7}.steps .done{color:#282d36}.steps .done span{border-color:var(--accent);background:var(--accent);color:#191c22}.card{padding:31px;border:1px solid var(--line);border-radius:17px;background:var(--panel);box-shadow:var(--shadow)}.card-heading{display:flex;align-items:start;justify-content:space-between;gap:15px}.card h2{margin:0 0 6px;font-size:19px}.card p{margin:0;color:var(--muted);font-size:12px}.privacy{padding:6px 9px;border-radius:6px;background:#f0f6ff;color:#53739e;font-size:10px;font-weight:700}.regions{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin-top:25px}.region{min-height:155px;padding:20px;display:flex;flex-direction:column;align-items:flex-start;text-align:left;border:1px solid var(--line);border-radius:13px;background:#fff;cursor:pointer;transition:.2s ease}.region:hover{transform:translateY(-3px);border-color:#f4a832;box-shadow:0 13px 30px rgba(30,36,48,.09)}.flag{font-size:28px}.region-copy{margin-top:17px}.region-copy strong,.region-copy small{display:block}.region-copy strong{font-size:15px}.region-copy small{margin-top:5px;color:#8c919c;font-size:10px;line-height:1.5}.arrow{align-self:flex-end;margin-top:auto;color:#b5bac4;font-size:18px}.region:hover .arrow{color:var(--accent);transform:translateX(3px)}.trust-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin:20px 0}.trust-grid article{display:flex;gap:13px;padding:17px 18px}.trust-grid article>span{width:31px;height:31px;display:grid;place-items:center;flex:0 0 auto;border:1px solid #e2e5eb;border-radius:9px;background:#fff;color:#687383}.trust-grid strong{font-size:11px}.trust-grid p{margin:3px 0 0;color:#9398a2;font-size:10px;line-height:1.5}footer{text-align:center;color:#a1a5ad;font-size:10px;padding-top:13px}dialog{width:min(500px,calc(100% - 32px));padding:0;border:0;border-radius:18px;box-shadow:0 30px 90px #10131a55}dialog::backdrop{background:rgba(17,21,29,.55);backdrop-filter:blur(3px)}dialog form{position:relative;padding:34px}.dialog-close{position:absolute;right:18px;top:15px;border:0;background:none;color:#8b909a;font-size:25px;cursor:pointer}.dialog-icon{display:grid;place-items:center;width:53px;height:53px;border-radius:15px;background:#f3f5f8;font-size:28px}dialog h2{margin:19px 0 8px;font-size:22px}dialog p{color:var(--muted);font-size:13px;line-height:1.7}.notice{display:flex;gap:10px;margin:20px 0;padding:12px;border-radius:9px;background:#fff7e8;color:#87621d;font-size:11px}.notice span{display:grid;place-items:center;width:17px;height:17px;border-radius:50%;background:#e9b64d;color:#fff}.dialog-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:25px}.dialog-actions button{padding:10px 15px;border-radius:8px;font-size:12px;font-weight:700;cursor:pointer}.secondary{border:1px solid var(--line);background:#fff;color:#555c68}.primary{border:1px solid #e58a00;background:var(--accent);color:#191c21}.primary span{padding-left:8px}@media(max-width:850px){.app-shell{grid-template-columns:1fr}.sidebar{display:none}.menu{display:block;margin-right:15px;border:0;background:none}.content{width:min(100% - 34px,700px);padding-top:38px}.intro{align-items:flex-start;flex-direction:column}.regions,.trust-grid{grid-template-columns:1fr}.region{min-height:122px}.secure-badge{width:100%}}@media(max-width:520px){.topbar{padding:0 16px}.user{font-size:0}.crumb{display:none}.content{width:calc(100% - 24px)}.intro h1{font-size:31px}.card{padding:20px}.card-heading{flex-direction:column}.steps b{display:none}.steps i{margin:0 9px}.dialog-actions{flex-direction:column-reverse}.dialog-actions button{width:100%}}

/* Customer authentication */
.auth-page{min-height:100vh;background:#fff}.auth-shell{min-height:100vh;display:grid;grid-template-columns:minmax(430px,47%) 1fr}.auth-brand{position:relative;overflow:hidden;display:flex;flex-direction:column;padding:38px clamp(40px,5vw,84px);background:var(--nav);color:#fff}.auth-brand::before{content:"";position:absolute;width:520px;height:520px;right:-250px;top:-240px;border:1px solid #ffffff12;border-radius:50%;box-shadow:0 0 0 75px #ffffff05,0 0 0 150px #ffffff03}.auth-brand::after{content:"";position:absolute;width:300px;height:300px;left:-180px;bottom:-170px;border-radius:50%;background:var(--accent);filter:blur(110px);opacity:.12}.auth-logo{position:relative;z-index:1;padding:0}.auth-brand-copy{position:relative;z-index:1;margin:auto 0 48px}.auth-brand-copy .pill{background:#ff99001c;color:#ffb648;border:1px solid #ff99002e}.auth-brand-copy h1{margin:21px 0 18px;font-size:clamp(36px,4vw,56px);line-height:1.16;letter-spacing:-.045em}.auth-brand-copy p{max-width:560px;margin:0;color:#aab3c3;font-size:15px;line-height:1.9}.auth-features{position:relative;z-index:1;display:grid;gap:16px}.auth-features article{display:flex;align-items:center;gap:13px}.auth-features article>span{width:36px;height:36px;display:grid;place-items:center;flex:0 0 auto;border:1px solid #384253;border-radius:10px;background:#1b2230;color:var(--accent)}.auth-features strong,.auth-features small{display:block}.auth-features strong{font-size:12px}.auth-features small{margin-top:3px;color:#7f8a9d;font-size:10px}.auth-brand-footer{position:relative;z-index:1;margin:42px 0 0;color:#596478;font-size:10px}.auth-panel{display:grid;place-items:center;padding:48px 28px;background:linear-gradient(145deg,#fff 0%,#fafbfc 100%)}.auth-card{width:min(440px,100%)}.auth-mobile-logo{display:none}.auth-eyebrow{display:block;margin-bottom:10px;color:#b86c00;font-size:11px;font-weight:800;letter-spacing:.09em}.auth-card h2{margin:0;font-size:34px;letter-spacing:-.035em}.auth-subtitle{margin:12px 0 34px;color:var(--muted);font-size:13px}.field{display:block;margin-bottom:19px}.field>span:first-child,.field-row{display:flex;margin-bottom:8px;color:#343943;font-size:12px;font-weight:700}.field-row{justify-content:space-between}.field-row b{font:inherit}.field-row a{color:#b86c00;text-decoration:none;font-size:11px}.input-wrap{height:50px;display:flex;align-items:center;border:1px solid #dfe3ea;border-radius:10px;background:#fff;transition:.2s}.input-wrap:focus-within{border-color:#e99a23;box-shadow:0 0 0 3px #ff990012}.input-wrap i{width:44px;text-align:center;color:#9aa1ad;font-style:normal}.input-wrap input{min-width:0;flex:1;height:100%;padding:0;border:0;outline:0;background:transparent;color:var(--ink);font-size:13px}.input-wrap input::placeholder{color:#b5bac4}.input-wrap button{height:100%;padding:0 14px;border:0;background:transparent;color:#8b929e;font-size:10px;cursor:pointer}.field-error{display:block;min-height:15px;margin-top:5px;color:#cf3e45;font-size:10px}.remember{display:flex;align-items:center;gap:8px;margin:2px 0 22px;color:#69707d;font-size:11px;cursor:pointer}.remember input{accent-color:var(--accent)}.login-button{width:100%;height:50px;display:flex;align-items:center;justify-content:center;gap:14px;border:1px solid #e28b08;border-radius:10px;background:var(--accent);color:#181c24;font-size:13px;font-weight:800;cursor:pointer;box-shadow:0 12px 28px #ff990025;transition:.2s}.login-button:hover{transform:translateY(-1px);background:#ffa716}.form-status{min-height:18px;margin:9px 0 0;color:#88631c;text-align:center;font-size:10px}.register-prompt{margin-top:27px;padding:19px;text-align:center;border:1px solid var(--line);border-radius:11px;background:#fafbfc}.register-prompt span{color:#777e8a;font-size:11px}.register-prompt a{margin-left:6px;color:#ae6700;text-decoration:none;font-size:11px;font-weight:800}.register-prompt a:hover{text-decoration:underline}.auth-security{display:flex;justify-content:center;gap:7px;margin-top:19px;color:#9ba1ab;font-size:9px}.auth-security span{color:var(--green)}
@media(max-width:900px){.auth-shell{grid-template-columns:1fr}.auth-brand{display:none}.auth-panel{min-height:100vh}.auth-mobile-logo{display:flex;align-items:center;gap:10px;margin-bottom:46px;color:var(--ink)}.auth-mobile-logo .logo-mark{width:34px;height:34px;font-size:18px}.auth-card h2{font-size:30px}}
@media(max-width:480px){.auth-panel{padding:30px 20px}.auth-mobile-logo{margin-bottom:38px}.auth-card h2{font-size:28px}.register-prompt span,.register-prompt a{display:block}.register-prompt a{margin:7px 0 0}}

/* Product workspace index */
.workspace-shell .topbar{gap:22px}.module-search{width:min(280px,28vw);height:36px;margin-left:auto;display:flex;align-items:center;border:1px solid var(--line);border-radius:9px;background:#f8f9fb}.module-search span{padding:0 9px;color:#9da3ad}.module-search input{min-width:0;flex:1;border:0;outline:0;background:transparent;font-size:11px}.workspace-shell .user{margin-left:0}.workspace-content{width:min(1160px,calc(100% - 64px));padding-top:48px}.workspace-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:36px}.workspace-hero h1{margin:12px 0 9px;font-size:38px;letter-spacing:-.04em}.workspace-hero p{margin:0;color:var(--muted);font-size:13px}.workspace-summary{display:grid;grid-template-columns:auto auto 1px auto auto;align-items:end;gap:9px;padding:14px 17px;border:1px solid var(--line);border-radius:12px;background:#fff}.workspace-summary strong{font-size:17px}.workspace-summary span{padding-bottom:2px;color:#8e949f;font-size:9px}.workspace-summary i{height:26px;margin:0 5px;background:var(--line)}.module-section{padding:27px;border:1px solid var(--line);border-radius:17px;background:#fff;box-shadow:var(--shadow)}.section-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}.section-heading h2{margin:0 0 5px;font-size:18px}.section-heading p{margin:0;color:#9096a1;font-size:10px}.section-heading>span{padding:6px 9px;border-radius:7px;background:#f4f5f7;color:#808691;font-size:10px}.module-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.module-card{min-height:126px;padding:17px;display:grid;grid-template-columns:43px 1fr auto;align-items:start;gap:13px;text-align:left;border:1px solid var(--line);border-radius:13px;background:#fff;cursor:pointer;transition:.2s}.module-card:hover{transform:translateY(-2px);border-color:#efa838;box-shadow:0 12px 28px #20263413}.module-card[hidden]{display:none}.module-icon{width:43px;height:43px;display:grid;place-items:center;border-radius:11px;font-size:14px;font-weight:850}.module-icon.amber{background:#fff3df;color:#b76b00}.module-icon.blue{background:#eaf2ff;color:#4173ba}.module-icon.violet{background:#f1ebff;color:#7753ba}.module-icon.green{background:#e7f7ef;color:#22835a}.module-icon.rose{background:#fff0f2;color:#b94e61}.module-icon.cyan{background:#e9f8fa;color:#328090}.module-icon.indigo{background:#edf0ff;color:#5968af}.module-icon.teal{background:#e7f7f6;color:#277c76}.module-icon.gold{background:#fff7dc;color:#a47a14}.module-icon.red{background:#ffeded;color:#ae4d4d}.module-icon.slate{background:#eef1f5;color:#5f6b7b}.module-copy{min-width:0}.module-copy small,.module-copy strong,.module-copy em{display:block}.module-copy small{margin:2px 0 7px;color:#a1a7b1;font-size:8px;font-weight:800;letter-spacing:.08em}.module-copy strong{font-size:13px;line-height:1.45}.module-copy em{margin-top:8px;color:#9298a3;font-size:9px;font-style:normal;line-height:1.5}.module-arrow{align-self:center;color:#c1c5cc;transition:.2s}.module-card:hover .module-arrow{color:var(--accent);transform:translateX(3px)}.empty-modules{padding:50px;text-align:center;color:#9da3ad;font-size:12px}.module-dialog-label{display:block;margin-top:17px;color:#ac6904;font-size:9px;font-weight:800;letter-spacing:.08em}.module-dialog .dialog-icon{font-size:14px;font-weight:850;color:#ad6900;background:#fff1da}
@media(max-width:1080px){.module-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.workspace-summary{display:none}}
@media(max-width:850px){.workspace-shell .topbar{gap:12px}.module-search{width:min(300px,50vw);margin-left:auto}.workspace-shell .user{display:none}.workspace-hero{align-items:flex-start;flex-direction:column}.workspace-content{width:min(100% - 34px,760px)}}
@media(max-width:580px){.module-grid{grid-template-columns:1fr}.module-search{width:calc(100% - 60px)}.workspace-content{width:calc(100% - 24px);padding-top:31px}.workspace-hero h1{font-size:30px}.module-section{padding:18px}}

/* Customer registration */
.register-panel{padding-top:28px;padding-bottom:28px}.register-card{width:min(620px,100%)}.register-card .auth-subtitle{margin-bottom:25px}.field-pair{display:grid;grid-template-columns:1fr 1fr;gap:14px}.register-card .field{margin-bottom:12px}.register-card .field-error{min-height:14px}.register-card .register-prompt{margin-top:18px}.terms{margin:2px 0 4px;align-items:flex-start}.terms span{line-height:1.6}.terms a{margin:0 3px;color:#ad6800;text-decoration:none}.terms-error{min-height:19px;margin-bottom:6px}.register-shell .auth-brand-copy{margin-bottom:37px}
@media(max-width:580px){.field-pair{grid-template-columns:1fr}.register-panel{padding:28px 20px}.register-card .auth-mobile-logo{margin-bottom:32px}}

/* Multi-channel login */
.channel-login-card{width:min(520px,100%)}.login-channels{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin-bottom:25px;padding:4px;border-radius:11px;background:#f1f3f6}.channel-tab{height:42px;display:flex;align-items:center;justify-content:center;gap:6px;border:0;border-radius:8px;background:transparent;color:#7c838f;font-size:10px;font-weight:750;cursor:pointer}.channel-tab span{font-size:12px}.channel-tab.active{background:#fff;color:#272c34;box-shadow:0 3px 12px #20263412}.channel-panel{min-height:265px}.channel-panel[hidden]{display:none}.phone-input b{padding:0 13px;border-right:1px solid var(--line);color:#464c56;font-size:11px}.phone-input input{padding-left:12px}.code-input button{height:32px;margin-right:8px;padding:0 11px;border:0;border-radius:7px;background:#fff3df;color:#a76100;font-size:10px;font-weight:750;cursor:pointer}.wechat-qr-panel{text-align:center;padding:10px 14px}.wechat-qr-panel h3{margin:0 0 9px;font-size:17px}.wechat-qr-panel p{max-width:340px;margin:0 auto 21px;color:#858c97;font-size:11px;line-height:1.7}.qr-placeholder{width:154px;height:154px;margin:0 auto 17px;display:grid;place-items:center;align-content:center;gap:7px;border:8px solid #f0f2f5;border-radius:12px;background:repeating-linear-gradient(45deg,#20252d 0 5px,#fff 5px 10px);box-shadow:inset 0 0 0 38px #fff}.qr-placeholder span,.qr-placeholder b{position:relative;padding:4px;background:#fff}.qr-placeholder span{font-size:24px}.qr-placeholder b{color:#858b95;font-size:9px}.wechat-qr-panel>small{display:flex;align-items:center;justify-content:center;gap:7px;color:#a1a6af;font-size:9px}.wechat-qr-panel>small i{width:6px;height:6px;border-radius:50%;background:#d3a340}.login-terms{text-align:center;color:#a1a6af;font-size:9px}.login-terms a{margin:0 2px;color:#777f8c;text-decoration:none}
.login-button:disabled,.code-input button:disabled{cursor:not-allowed;opacity:.55;filter:grayscale(.25)}.pending-notice{margin:0 0 16px;padding:11px 13px;border:1px solid #f0d9ad;border-radius:9px;background:#fff8e8;color:#8b651c;font-size:10px;line-height:1.6}
@media(max-width:450px){.channel-tab{font-size:9px}.channel-tab span{display:none}.channel-login-card .auth-mobile-logo{margin-bottom:30px}}

/* Password recovery */
.reset-card{width:min(470px,100%)}.back-login{display:inline-block;margin-bottom:27px;color:#777f8b;text-decoration:none;font-size:10px}.back-login:hover{color:#a76500}.reset-progress{display:flex;align-items:center;margin:0 0 31px}.reset-progress>span{width:32px;height:32px;position:relative;display:grid;place-items:center;flex:0 0 auto;border:1px solid #d9dde4;border-radius:50%;color:#9ba1ab;font-size:11px;font-weight:800}.reset-progress>span.active,.reset-progress>span.done{border-color:var(--accent);background:var(--accent);color:#20242b}.reset-progress>span small{position:absolute;top:37px;left:50%;transform:translateX(-50%);color:#9ba1ab;font-size:8px;white-space:nowrap}.reset-progress>span.active small{color:#805319}.reset-progress>i{height:1px;flex:1;background:#dfe2e7}.reset-step{min-height:225px}.reset-step[hidden]{display:none}.sent-to{margin:0 0 19px;padding:11px;border-radius:8px;background:#f4f6f9;color:#787f8a;font-size:10px}.sent-to strong{color:#3c424c}.reset-secondary{width:100%;margin-top:9px;padding:8px;border:0;background:transparent;color:#8a919d;font-size:10px;cursor:pointer}

.legal-page{width:min(760px,calc(100% - 32px));margin:48px auto;padding:38px;border:1px solid var(--line);border-radius:17px;background:#fff;box-shadow:var(--shadow)}.legal-page>a{color:#98600b;text-decoration:none;font-size:12px}.legal-page h1{margin:24px 0;font-size:32px}.legal-page h2{margin:28px 0 8px;font-size:17px}.legal-page p{color:var(--muted);font-size:13px;line-height:1.9}.legal-page .notice{color:#87621d}

/* Public homepage */
.home-page{background:#fff;color:#171c25}.home-page *{box-sizing:border-box}.home-page a{text-decoration:none}.home-header{height:76px;position:sticky;z-index:20;top:0;display:flex;align-items:center;padding:0 clamp(24px,5vw,78px);border-bottom:1px solid #e9ebef;background:#ffffffed;backdrop-filter:blur(16px)}.home-logo{display:flex;align-items:center;gap:11px;color:#171c25}.home-logo>span{width:35px;height:35px;display:grid;place-items:center;border-radius:10px;background:#ff9900;color:#171c25;font-size:17px;font-weight:900;box-shadow:0 8px 20px #ff990035}.home-logo b,.home-logo small{display:block}.home-logo b{font-size:14px}.home-logo small{margin-top:2px;color:#8b929d;font-size:8px;font-weight:500}.home-header nav{display:flex;gap:30px;margin-left:auto}.home-header nav a{color:#626a76;font-size:12px;font-weight:650}.home-header nav a:hover{color:#a96100}.home-actions{display:flex;align-items:center;gap:11px;margin-left:34px}.home-login{padding:10px 15px;color:#4e5662;font-size:12px;font-weight:750}.home-register,.home-primary{display:inline-flex;align-items:center;justify-content:center;gap:13px;border-radius:10px;background:#ff9900;color:#171c25;font-weight:850;box-shadow:0 12px 28px #ff990029}.home-register{padding:11px 17px;font-size:11px}.home-menu{display:none;margin-left:auto;border:0;background:transparent;font-size:20px}.home-hero{min-height:790px;position:relative;overflow:hidden;padding:102px 24px 92px;text-align:center;background:#f8f9fb;background-image:linear-gradient(#d7dce442 1px,transparent 1px),linear-gradient(90deg,#d7dce442 1px,transparent 1px);background-size:42px 42px}.home-hero::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 15%,#fff 0 13%,#ffffff96 32%,transparent 64%)}.hero-glow{position:absolute;width:720px;height:300px;left:50%;top:-160px;transform:translateX(-50%);border-radius:50%;background:#ff990030;filter:blur(90px)}.home-hero>*:not(.hero-glow){position:relative;z-index:1}.home-kicker{display:inline-flex;padding:7px 11px;border:1px solid #f3c478;border-radius:999px;background:#fff7e8;color:#9c5b00;font-size:9px;font-weight:850;letter-spacing:.09em}.home-hero h1{max-width:970px;margin:23px auto 19px;font-size:clamp(44px,5.3vw,76px);line-height:1.08;letter-spacing:-.055em}.home-hero h1 em{color:#b36a00;font-style:normal}.home-hero>p{max-width:710px;margin:0 auto;color:#68717e;font-size:15px;line-height:1.9}.home-hero-actions{display:flex;justify-content:center;gap:13px;margin:28px 0 44px}.home-primary{min-height:48px;padding:0 24px;font-size:12px}.home-secondary{min-height:48px;display:inline-flex;align-items:center;justify-content:center;padding:0 22px;border:1px solid #dfe3e9;border-radius:10px;background:#fff;color:#555e69;font-size:12px;font-weight:750}.ai-launcher{width:min(850px,100%);margin:0 auto;padding:15px;border:1px solid #e3e6eb;border-radius:20px;background:#fff;box-shadow:0 24px 70px #17203317;text-align:left}.launcher-head{display:flex;align-items:center;justify-content:space-between;padding:1px 4px 13px;color:#303640;font-size:11px;font-weight:800}.launcher-head i{width:7px;height:7px;display:inline-block;margin-right:5px;border-radius:50%;background:#ff9900}.launcher-head small{color:#9aa1ac;font-size:9px;font-weight:500}.launcher-chips{display:flex;gap:7px;overflow:auto;padding-bottom:10px}.launcher-chips button{white-space:nowrap;padding:8px 12px;border:1px solid #e7e9ed;border-radius:999px;background:#fafbfc;color:#6d7480;font-size:10px;cursor:pointer}.launcher-chips button.active{border-color:#efb75d;background:#fff7e8;color:#955a00}.launcher-box{border:1px solid #dde1e7;border-radius:13px;box-shadow:0 9px 24px #2029380c}.launcher-box textarea{width:100%;min-height:105px;display:block;resize:none;padding:16px;border:0;outline:0;background:transparent;color:#252b34;font:12px/1.7 inherit}.launcher-box textarea::placeholder{color:#a8aeb8}.launcher-tools{display:flex;align-items:center;justify-content:space-between;padding:9px}.launcher-tools>div{display:flex;gap:4px}.launcher-tools button{padding:8px 10px;border:0;border-radius:7px;background:#f4f5f7;color:#707783;font-size:9px}.launcher-tools .launcher-submit{padding:10px 16px;background:#ff9900;color:#20242b;font-weight:800;cursor:pointer}.launcher-foot{display:flex;justify-content:center;gap:30px;padding:13px 4px 0;color:#8d949e;font-size:9px}.launcher-foot span::first-letter{color:#cf7b00}.home-trust{display:grid;grid-template-columns:repeat(4,1fr);max-width:1180px;margin:-27px auto 0;position:relative;z-index:2;border:1px solid #e2e5ea;border-radius:15px;background:#fff;box-shadow:0 15px 45px #1f2a3b0d}.home-trust article{padding:24px 28px;border-right:1px solid #eceef1}.home-trust article:last-child{border:0}.home-trust b,.home-trust span{display:block}.home-trust b{font-size:24px}.home-trust span{margin-top:4px;color:#838a94;font-size:9px}.home-section{padding:105px max(24px,calc((100% - 1180px)/2))}.home-section-title{text-align:center}.home-section-title>span{color:#a86300;font-size:10px;font-weight:850;letter-spacing:.1em}.home-section-title h2{margin:13px 0 12px;font-size:clamp(29px,3vw,43px);letter-spacing:-.04em}.home-section-title p{margin:0;color:#838a95;font-size:12px}.workflow-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:19px;margin-top:50px}.workflow-grid article{position:relative;padding:33px;border:1px solid #e3e6eb;border-radius:17px;background:#fff;box-shadow:0 15px 45px #1e293812}.workflow-grid article>i{position:absolute;right:25px;top:22px;color:#e4e7eb;font-size:26px;font-style:normal;font-weight:900}.workflow-grid article>span{width:44px;height:44px;display:grid;place-items:center;border-radius:12px;background:#fff3df;color:#b36900;font-size:18px}.workflow-grid h3{margin:24px 0 10px;font-size:17px}.workflow-grid p{margin:0;color:#7b838e;font-size:11px;line-height:1.8}.home-modules{background:#111722;color:#fff}.home-modules .home-section-title>span{color:#ffb43d}.home-modules .home-section-title p{color:#8791a1}.home-module-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-top:48px}.home-module-grid article{min-height:150px;padding:21px;border:1px solid #293242;border-radius:14px;background:#171e2a;transition:.2s}.home-module-grid article:hover{transform:translateY(-3px);border-color:#4b5668;background:#1b2330}.home-module-grid i{width:38px;height:38px;display:grid;place-items:center;border-radius:10px;font-size:13px;font-style:normal;font-weight:850}.home-module-grid b,.home-module-grid small{display:block}.home-module-grid b{margin-top:19px;font-size:12px}.home-module-grid small{margin-top:7px;color:#7f8a9c;font-size:9px;line-height:1.6}.home-module-grid .amber{background:#4a3216;color:#ffae2e}.home-module-grid .blue{background:#172f4d;color:#66aaff}.home-module-grid .violet{background:#33264d;color:#bb8cff}.home-module-grid .green{background:#193c31;color:#5ac698}.home-module-grid .rose{background:#49252e;color:#ff829a}.home-module-grid .cyan{background:#163d45;color:#60cfdd}.home-module-grid .indigo{background:#252c50;color:#899aff}.home-module-grid .teal{background:#173e3c;color:#63cabe}.home-module-grid .gold{background:#493a18;color:#f0c34d}.home-module-grid .red{background:#47252a;color:#ff7d89}.home-module-grid .slate{background:#303641;color:#aeb7c5}.home-security{max-width:1180px;display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center;margin:0 auto;padding:110px 24px}.home-security h2{margin:18px 0;font-size:43px;letter-spacing:-.04em}.home-security p{max-width:520px;color:#727a86;font-size:13px;line-height:1.9}.home-security a{display:inline-block;margin-top:17px;color:#a66000;font-size:11px;font-weight:850}.security-card{position:relative;padding:29px;border:1px solid #e2e5ea;border-radius:18px;background:#f9fafb;box-shadow:0 20px 50px #1e293817}.security-card>span{position:absolute;right:25px;top:-24px;width:52px;height:52px;display:grid;place-items:center;border-radius:15px;background:#ff9900;font-size:22px;font-weight:900;box-shadow:0 14px 30px #ff99003b}.security-card article{padding:19px 4px;border-bottom:1px solid #e3e6ea}.security-card article:last-child{border:0}.security-card b,.security-card small{display:block}.security-card b{font-size:12px}.security-card small{margin-top:6px;color:#858d98;font-size:9px}.home-cta{padding:92px 24px;text-align:center;background:#f6f7f9}.home-cta>span{width:50px;height:50px;display:grid;place-items:center;margin:0 auto;border-radius:15px;background:#ff9900;font-size:21px;font-weight:900}.home-cta h2{margin:23px 0 10px;font-size:40px;letter-spacing:-.04em}.home-cta p{margin:0;color:#7b838e;font-size:12px}.home-cta>div{display:flex;justify-content:center;gap:12px;margin-top:26px}.home-footer{min-height:112px;display:flex;align-items:center;padding:25px max(24px,calc((100% - 1180px)/2));background:#111722;color:#7e8999}.home-footer .home-logo{color:#fff}.home-footer>p{margin-left:auto;font-size:9px}.home-footer>div{display:flex;gap:19px;margin-left:35px}.home-footer>div a{color:#8c96a6;font-size:9px}.home-toast{position:fixed;z-index:50;left:50%;bottom:28px;transform:translateX(-50%);padding:12px 18px;border-radius:9px;background:#171d27;color:#fff;font-size:11px;box-shadow:0 12px 30px #0003}
@media(max-width:980px){.home-header nav{display:none;position:absolute;left:18px;right:18px;top:68px;flex-direction:column;gap:0;padding:10px;border:1px solid #e3e6ea;border-radius:12px;background:#fff;box-shadow:0 20px 45px #1f293718}.home-header nav.open{display:flex}.home-header nav a{padding:13px}.home-menu{display:block}.home-actions{margin-left:12px}.home-trust{grid-template-columns:repeat(2,1fr);margin-left:20px;margin-right:20px}.home-trust article:nth-child(2){border-right:0}.home-trust article:nth-child(-n+2){border-bottom:1px solid #eceef1}.home-module-grid{grid-template-columns:repeat(3,1fr)}.home-security{gap:45px}}
@media(max-width:680px){.home-header{height:66px;padding:0 16px}.home-logo small,.home-login{display:none}.home-register{padding:10px 12px}.home-hero{min-height:auto;padding:74px 16px 68px}.home-hero h1{font-size:40px}.home-hero-actions,.home-cta>div{flex-direction:column}.home-primary,.home-secondary{width:100%}.launcher-foot{flex-wrap:wrap;gap:8px 18px}.home-trust{grid-template-columns:1fr}.home-trust article{border-right:0;border-bottom:1px solid #eceef1!important}.workflow-grid,.home-module-grid,.home-security{grid-template-columns:1fr}.home-section{padding-top:78px;padding-bottom:78px}.home-module-grid{gap:10px}.home-security{padding-top:80px;padding-bottom:80px}.home-security h2{font-size:35px}.home-footer{flex-wrap:wrap;gap:18px}.home-footer>p{width:100%;order:3;margin:0}.home-footer>div{margin-left:auto}}

/* Demo homepage */
.demo-home{margin:0;background:#f6f7f9;color:#171c25}.demo-home *{box-sizing:border-box}.demo-home button,.demo-home textarea{font:inherit}.demo-home a{text-decoration:none}.demo-shell{min-height:100vh;display:grid;grid-template-columns:252px 1fr}.demo-sidebar{height:100vh;position:sticky;z-index:30;top:0;display:flex;flex-direction:column;padding:22px 15px 16px;background:#111722;color:#fff}.demo-sidebar-head{display:flex;align-items:center;justify-content:space-between;padding:0 7px}.demo-brand{display:flex;align-items:center;gap:10px;color:#fff}.demo-brand>span{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:#ff9900;color:#171c25;font-size:16px;font-weight:900;box-shadow:0 8px 22px #ff990030}.demo-brand b,.demo-brand small{display:block}.demo-brand b{font-size:13px}.demo-brand small{margin-top:3px;color:#717d8f;font-size:8px;font-weight:500}.demo-sidebar-head>button{display:none;border:0;background:transparent;color:#8994a5;font-size:23px}.demo-new-task{height:43px;display:flex;align-items:center;gap:10px;margin:25px 2px 15px;padding:0 14px;border:1px solid #384253;border-radius:10px;background:#1a2230;color:#fff;font-size:11px;font-weight:750;cursor:pointer}.demo-new-task span{color:#ffad2e;font-size:17px}.demo-nav{display:grid;gap:4px}.demo-nav button{height:43px;display:grid;grid-template-columns:31px 1fr auto;align-items:center;border:0;border-radius:9px;background:transparent;color:#9ba6b7;text-align:left;font-size:10px;cursor:pointer}.demo-nav button i{font-style:normal;text-align:center;color:#758194}.demo-nav button span{font-weight:700}.demo-nav button b{padding-right:11px;color:#606b7d;font-size:16px}.demo-nav button em{margin-right:8px;padding:3px 6px;border-radius:999px;background:#ff990017;color:#e99517;font-size:7px;font-style:normal}.demo-nav button:hover,.demo-nav button.active{background:#1d2533;color:#fff}.demo-nav button.active i{color:#ffab28}.demo-sidebar-section{display:grid;gap:4px;margin-top:22px;padding-top:18px;border-top:1px solid #252e3c}.demo-sidebar-section small{padding:0 11px 8px;color:#596578;font-size:8px;text-transform:uppercase;letter-spacing:.12em}.demo-sidebar-section a{padding:11px;border-radius:8px;color:#8995a7;font-size:10px}.demo-sidebar-section a:hover{background:#1b2330;color:#fff}.demo-sidebar-section i{display:inline-block;width:25px;color:#697587;font-style:normal}.demo-sidebar-footer{margin-top:auto}.demo-sidebar-footer p{color:#657185;font-size:8px}.demo-sidebar-footer p span{width:6px;height:6px;display:inline-block;margin-right:6px;border-radius:50%;background:#38b779}.demo-sidebar-footer>a{height:39px;display:flex;align-items:center;justify-content:center;margin-top:7px;border:1px solid #343e4e;border-radius:9px;color:#aab3c1;font-size:10px;font-weight:750}.demo-sidebar-footer>a.primary{border-color:#e78c00;background:#ff9900;color:#171c25}.demo-sidebar-footer>a b{margin-left:9px}.demo-main{min-width:0}.demo-topbar{height:64px;position:sticky;z-index:20;top:0;display:flex;align-items:center;padding:0 28px;border-bottom:1px solid #e6e8ec;background:#ffffffed;backdrop-filter:blur(15px);color:#747c88;font-size:9px}.demo-topbar>button{display:none;margin-right:11px;border:0;background:transparent;font-size:19px}.demo-status{width:6px;height:6px;display:inline-block;margin-right:6px;border-radius:50%;background:#38b779}.demo-topbar nav{display:flex;align-items:center;gap:23px;margin-left:auto}.demo-topbar nav a{color:#66707c;font-size:10px;font-weight:700}.demo-topbar nav .demo-signup{padding:9px 13px;border-radius:8px;background:#ff9900;color:#1b2029}.demo-canvas{min-height:calc(100vh - 64px);padding:60px clamp(24px,5vw,70px) 30px;background-color:#f7f8fa;background-image:linear-gradient(#dfe3e844 1px,transparent 1px),linear-gradient(90deg,#dfe3e844 1px,transparent 1px);background-size:40px 40px}.demo-hero{text-align:center}.demo-kicker{display:inline-block;padding:6px 10px;border:1px solid #edc47e;border-radius:999px;background:#fff9ec;color:#a06000;font-size:8px;font-weight:850;letter-spacing:.1em}.demo-hero h1{margin:17px 0 9px;font-size:clamp(31px,4vw,49px);letter-spacing:-.045em}.demo-hero h1 em{color:#b56b00;font-style:normal}.demo-hero p{margin:0;color:#7e8691;font-size:11px}.demo-chat{width:min(820px,100%);margin:33px auto 0}.demo-scenes{display:flex;gap:7px;overflow:auto;padding:0 3px 9px}.demo-scenes button{white-space:nowrap;padding:8px 12px;border:1px solid #e1e4e9;border-radius:999px;background:#fff;color:#747c87;font-size:9px;cursor:pointer}.demo-scenes button.active{border-color:#e7a63c;background:#fff7e8;color:#955900}.demo-composer{overflow:hidden;border:1px solid #dfe3e9;border-radius:16px;background:#fff;box-shadow:0 18px 45px #1d273718}.demo-composer textarea{width:100%;min-height:122px;display:block;resize:none;padding:18px;border:0;outline:0;background:transparent;color:#252b34;font-size:12px;line-height:1.7}.demo-composer textarea::placeholder{color:#abb1ba}.demo-composer-actions{display:flex;align-items:center;justify-content:space-between;padding:9px 10px}.demo-composer-actions>div{display:flex;gap:5px}.demo-composer-actions button{height:32px;padding:0 10px;border:0;border-radius:8px;background:#f4f5f7;color:#737b87;font-size:9px;cursor:pointer}.demo-composer-actions .demo-agent{border:1px solid #f0c16f;background:#fff9ef;color:#9e6205}.demo-composer-actions .demo-send{width:34px;padding:0;background:#ff9900;color:#1c2129;font-size:16px;font-weight:900}.demo-context{display:flex;align-items:center;gap:3px;padding:8px 7px;border-radius:0 0 13px 13px;background:#eef0f3}.demo-context button{padding:7px 9px;border:0;background:transparent;color:#656e7a;font-size:9px;cursor:pointer}.demo-context span{margin-left:auto;padding-right:7px;color:#9aa1ab;font-size:8px}.demo-shortcuts{max-width:760px;display:grid;grid-template-columns:repeat(6,1fr);gap:20px;margin:34px auto 67px}.demo-shortcuts button{display:grid;justify-items:center;gap:9px;border:0;background:transparent;color:#646c77;font-size:9px;cursor:pointer}.demo-shortcuts i{width:45px;height:45px;display:grid;place-items:center;border-radius:50%;font-style:normal;font-size:15px;transition:.2s}.demo-shortcuts button:hover i{transform:translateY(-3px)}.demo-shortcuts .amber,.demo-module-grid .amber{background:#fff0db;color:#c77500}.demo-shortcuts .green,.demo-module-grid .green{background:#e2f4eb;color:#299367}.demo-shortcuts .blue,.demo-module-grid .blue{background:#e5efff;color:#397bdc}.demo-shortcuts .violet,.demo-module-grid .violet{background:#eee7ff;color:#7a56d7}.demo-shortcuts .rose,.demo-module-grid .rose{background:#ffe7ea;color:#ca5666}.demo-shortcuts .cyan,.demo-module-grid .cyan{background:#e0f5f7;color:#208b98}.demo-module-grid .indigo{background:#e8ebff;color:#586ccf}.demo-module-grid .teal{background:#e1f3f1;color:#258b80}.demo-module-grid .gold{background:#fff2d6;color:#a87500}.demo-module-grid .red{background:#ffe4e6;color:#c34d58}.demo-module-grid .slate{background:#e9ebee;color:#616b78}.demo-modules{max-width:1100px;margin:0 auto}.demo-section-head{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:18px}.demo-section-head span{color:#a46100;font-size:8px;font-weight:850;letter-spacing:.1em}.demo-section-head h2{margin:7px 0 0;font-size:23px}.demo-section-head>a{color:#9a6008;font-size:9px;font-weight:750}.demo-module-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:11px}.demo-module-grid button{min-height:95px;display:grid;grid-template-columns:42px 1fr auto;gap:12px;align-items:center;padding:15px;border:1px solid #e1e4e9;border-radius:13px;background:#fff;text-align:left;cursor:pointer;box-shadow:0 8px 25px #1d27370a;transition:.2s}.demo-module-grid button:hover{transform:translateY(-2px);border-color:#edbd70}.demo-module-grid i{width:38px;height:38px;display:grid;place-items:center;border-radius:10px;font-style:normal;font-weight:850}.demo-module-grid b,.demo-module-grid small{display:block}.demo-module-grid b{color:#303640;font-size:10px}.demo-module-grid small{margin-top:5px;color:#9299a3;font-size:8px;line-height:1.5}.demo-module-grid em{align-self:start;color:#d8dce2;font-size:12px;font-style:normal;font-weight:900}.demo-footer{padding:35px 0 5px;color:#9aa1ac;text-align:center;font-size:8px}.demo-toast{position:fixed;z-index:60;left:50%;bottom:28px;transform:translateX(-50%);padding:12px 18px;border-radius:9px;background:#171d27;color:#fff;font-size:10px;box-shadow:0 12px 30px #0003}
@media(max-width:1000px){.demo-shell{grid-template-columns:220px 1fr}.demo-sidebar{padding-left:10px;padding-right:10px}.demo-module-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.demo-shell{display:block}.demo-sidebar{width:252px;position:fixed;left:-270px;transition:.25s;box-shadow:20px 0 45px #11182733}.demo-sidebar.open{left:0}.demo-sidebar-head>button,.demo-topbar>button{display:block}.demo-topbar{padding:0 15px}.demo-topbar nav a:first-child{display:none}.demo-canvas{padding:42px 15px 25px}.demo-hero h1{font-size:35px}.demo-shortcuts{grid-template-columns:repeat(3,1fr);gap:22px 10px;margin-bottom:52px}.demo-context span{display:none}.demo-module-grid{grid-template-columns:1fr}.demo-composer-actions{align-items:flex-end}.demo-composer-actions>div:first-child button{font-size:0}.demo-composer-actions>div:first-child button::first-letter{font-size:13px}}
.demo-sidebar-empty{flex:1}
.demo-nav-first{margin-top:25px}.demo-nav a{height:43px;display:grid;grid-template-columns:31px 1fr auto;align-items:center;border-radius:9px;background:transparent;color:#9ba6b7;text-align:left;font-size:10px}.demo-nav a i{font-style:normal;text-align:center;color:#758194}.demo-nav a span{font-weight:700}.demo-nav a b{padding-right:11px;color:#606b7d;font-size:16px}.demo-nav a:hover,.demo-nav a.active{background:#1d2533;color:#fff}.demo-nav a.active i{color:#ffab28}
.demo-workspace-nav{margin-top:27px}.demo-workspace-nav a{display:grid;grid-template-columns:27px 1fr auto;align-items:center}.demo-workspace-nav a b{color:#596578;font-size:15px}.demo-workspace-nav a.active{background:#1d2533;color:#fff}.demo-workspace-nav a.active i{color:#ffab28}.erp-placeholder-page{min-height:100vh;margin:0;display:grid;place-items:center;padding:24px;background:#111722;color:#fff}.erp-placeholder{width:min(760px,100%)}.erp-placeholder>section{margin-top:48px;padding:55px;border:1px solid #313b4b;border-radius:20px;background:#171e2a;text-align:center;box-shadow:0 30px 80px #0003}.erp-placeholder>section>i{width:62px;height:62px;display:grid;place-items:center;margin:0 auto 22px;border-radius:17px;background:#ff9900;color:#171c25;font-size:25px;font-style:normal}.erp-placeholder>section>span{color:#f0a52f;font-size:10px;font-weight:800;letter-spacing:.1em}.erp-placeholder h1{margin:13px 0;font-size:40px}.erp-placeholder p{max-width:540px;margin:0 auto;color:#909bad;font-size:13px;line-height:1.9}.erp-placeholder section div{display:flex;justify-content:center;gap:12px;margin-top:31px}.erp-placeholder section div a{padding:13px 20px;border:1px solid #3a4556;border-radius:9px;color:#aeb7c4;font-size:11px}.erp-placeholder section div a.primary{border-color:#df8900;background:#ff9900;color:#171c25;font-weight:800}@media(max-width:600px){.erp-placeholder>section{padding:38px 20px}.erp-placeholder h1{font-size:31px}.erp-placeholder section div{flex-direction:column}}