@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap";*{box-sizing:border-box}body{color:#22243b;background:#f6f7fb;margin:0;font-family:DM Sans,Arial,sans-serif;font-size:14px}button,input,select{font:inherit}button,a{cursor:pointer}button{color:inherit;background:#fff;border:1px solid #e4e5ed;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:10px 13px;display:inline-flex}button:hover{filter:brightness(.97)}input,select{color:#24283a;background:#fff;border:1px solid #e1e3ed;border-radius:7px;min-width:0;padding:11px}input:focus,select:focus{outline:2px solid #bba8ed}small{color:#8b8e9d;margin-top:5px;font-size:12px;display:block}.shell{min-height:100vh;display:flex}aside{z-index:10;background:#fff;border-right:1px solid #e9eaf1;flex-direction:column;width:248px;padding:30px 18px 18px;display:flex;position:fixed;inset:0 auto 0 0}.brand{letter-spacing:-1px;align-items:center;gap:8px;padding:0 7px;font-family:Manrope,Arial;font-size:27px;font-weight:800;display:flex}.brandmark{color:#fff;background:#6947bc;border-radius:11px;padding:1px 10px;font-size:25px}.dot{color:#9e83d7;margin-left:-8px}.workspace{letter-spacing:1.5px;color:#9697a9;justify-content:space-between;margin:32px 12px 18px;font-size:10px;display:flex}.workspace span{color:#6947bc;letter-spacing:0;background:#f0ebfa;padding:2px 5px}nav{overflow:auto}nav button{color:#727589;border:0;justify-content:flex-start;width:100%;margin:2px 0;padding:13px 12px;font-size:13px;font-weight:500}nav button.active{color:#6843b5;background:#f0ebfb;font-weight:700}nav label{color:#aaaab8;letter-spacing:1.3px;margin:24px 13px 9px;font-size:9px;display:block}.green-dot{background:#17b887;border-radius:50%;width:6px;height:6px;margin-left:auto}.profile{border-top:1px solid #eee;align-items:center;gap:10px;margin-top:auto;padding:24px 7px 0;font-size:11px;display:flex}.profile small{font-size:9px}.avatar{color:#7651ba;background:#eee8f8;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:12px;font-weight:700;display:flex}.avatar.small{width:32px;height:32px}.main{width:calc(100% - 248px);margin-left:248px}header{background:#fff;border-bottom:1px solid #e9eaf1;justify-content:space-between;align-items:center;height:78px;padding:0 38px;display:flex}.breadcrumb{color:#8c8e9d;font-size:12px}.breadcrumb span{color:#c5c6d0;margin:0 17px}.breadcrumb b{color:#5a5c70;font-weight:500}.header-right{align-items:center;gap:20px;display:flex}.header-right button{border:0;padding:5px}.live{color:#799083;font-size:11px}main{max-width:1800px;margin:auto;padding:35px 38px}.heading{justify-content:space-between;align-items:center;margin:4px 0 29px;display:flex}.eyebrow{letter-spacing:2px;color:#8a7ba6;font-size:9px;font-weight:700}h1{letter-spacing:-1px;margin:9px 0;font:800 29px Manrope,Arial}p{color:#9294a4;margin:7px 0;line-height:1.65}.heading p{font-size:12px}.primary{color:#fff;background:#6844b4;border-color:#6844b4;font-weight:600}.stats{grid-template-columns:repeat(4,1fr);gap:19px;margin-bottom:24px;display:grid}.stat{background:#fff;border:1px solid #e7e5f0;border-radius:12px;padding:22px}.stat>div{color:#6a6981;justify-content:space-between;font-size:12px;display:flex}.stat strong{letter-spacing:-.8px;margin:17px 0 9px;font:800 25px Manrope,Arial;display:block}.stat small{font-size:10px}.stat.purple{color:#6947b1;background:#f0ebfb;border-color:#e8dff8}.mint{color:#28946a;background:#eaf6f0}.rose{color:#d3647b;background:#fff0f2}.blue{color:#4b81bd;background:#eaf2fd}.grid{grid-template-columns:1.7fr 1fr;gap:24px;margin-bottom:24px;display:grid}.card{background:#fff;border:1px solid #ececf3;border-radius:12px;padding:23px;box-shadow:0 3px 5px #27204502}.card-head{justify-content:space-between;align-items:center;gap:10px;display:flex}.card-head h3{margin:0;font-size:14px;font-weight:700}.card-head>span{color:#9c9ead;font-size:10px}.empty-chart{justify-content:center;align-items:center;height:190px;margin-top:24px;display:flex;position:relative}.chart-grid{background:repeating-linear-gradient(0deg,#ececf3 0 1px,#0000 1px 47px);position:absolute;inset:0}.chart-label{color:#a1a0b0;background:#fff;padding:12px;font-size:11px;position:relative}.months{color:#9999ab;justify-content:space-between;margin-top:13px;font-size:10px;display:flex}.donut{text-align:center;border:22px solid #eeebf5;border-radius:50%;justify-content:center;align-items:center;width:155px;height:155px;margin:30px auto 20px;display:flex}.donut strong{font-size:25px}.donut small{font-size:10px;font-weight:400}.legend{color:#8d80b3;justify-content:center;gap:25px;font-size:11px;display:flex}.recent{border-bottom:1px solid #f0f0f6;align-items:center;gap:14px;padding:17px 0;font-size:12px;display:flex}.recent strong{margin-left:auto}.badge{color:#8462b6;white-space:nowrap;background:#f1eef8;border-radius:5px;padding:5px 9px;font-size:10px;display:inline-flex}.empty{color:#a29aaf;flex-direction:column;justify-content:center;align-items:center;gap:10px;min-height:210px;padding:28px;display:flex}.empty b{color:#636078}.empty p{margin:0 0 7px;font-size:12px}.empty button{font-size:12px}.whatsapp-card{color:#3a936f;background:#eff8f4;border-color:#dfede6;flex-direction:column;justify-content:center;align-items:flex-start;padding:28px;display:flex}.whatsapp-card h3{color:#265d49;margin:20px 0 0;font-size:21px}.whatsapp-card p{color:#7c9b8c;font-size:12px}.whatsapp-card .badge{color:#4c896a;background:#dfefe5;margin:10px 0 19px}.whatsapp-card button{color:#367759;background:0 0;border-color:#d2e5db;font-size:11px}.link{color:#7c5bb7;background:0 0;border:0;padding:0;font-size:12px}.muted{font-size:12px}footer{letter-spacing:1px;color:#a6a5b5;gap:18px;margin-top:33px;font-size:9px;display:flex}footer>span:last-child{margin-left:auto}.search{color:#9b99ac;background:#f7f7fb;border:1px solid #ededf4;border-radius:7px;align-items:center;gap:10px;padding:0 12px;display:flex}.search input{background:0 0;border:0;outline:none;width:100%;font-size:12px}.toolbar{justify-content:space-between;align-items:center;margin-bottom:25px;display:flex}.toolbar>span{color:#999;font-size:11px}.table-scroll{overflow:auto}table{border-collapse:collapse;white-space:nowrap;width:100%}th{text-align:left;color:#9c9bad;background:#fafafd;padding:15px;font-size:10px;font-weight:500}td{border-bottom:1px solid #f0f0f5;padding:17px 15px;font-size:12px}.actions{gap:5px;display:flex}.actions button{padding:7px;font-size:10px}.warning{color:#9b7d3a;background:#fff7e7;border-radius:8px;margin-bottom:20px;padding:12px 16px;font-size:12px}.connection{color:#a28a4b;background:#fff9ed;border:1px solid #eadbb5;border-radius:10px;align-items:center;gap:15px;margin-bottom:22px;padding:18px;display:flex}.connection p{color:#aa9469;font-size:11px}.connection .badge{margin-left:auto}.inbox{background:#fff;border:1px solid #e7e7ef;border-radius:12px;grid-template-columns:300px 1fr;min-height:570px;display:grid;overflow:hidden}.conversations{border-right:1px solid #eaeaf0;padding:20px 14px}.conversations h3{margin:0 0 20px;font-size:14px}.conversations h3 span{float:right;color:#b1a2cf}.chat-person{background:#f3effa;border-radius:8px;gap:10px;margin-top:20px;padding:15px 9px;font-size:12px;display:flex}.chat-person small{font-size:9px}.chat-person p{font-size:10px}.team-note{color:#aaa;padding:20px 10px;font-size:11px;line-height:1.8}.chat{flex-direction:column;display:flex}.chat-header{border-bottom:1px solid #eee;align-items:center;gap:8px;padding:18px;display:flex}.chat-header>div{margin-right:auto;font-size:12px}.chat-header button{font-size:10px}.chat-header small{font-size:9px}.messages{background:#fafbf9;flex-direction:column;flex:1;gap:24px;padding:25px;display:flex}.date{text-align:center;color:#b6b7b1;letter-spacing:1px;font-size:9px}.bubble{background:#fff;border:1px solid #e9ece7;border-radius:0 13px 13px;align-self:flex-start;max-width:80%;padding:16px;font-size:12px;line-height:1.6}.bubble.out{background:#e7f3e9;border:0;align-self:flex-end}.bubble small{text-align:right;font-size:9px}.composer{gap:10px;padding:17px;display:flex}.composer input{flex:1;font-size:12px}.overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:30;background:#1d163d70;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal{background:#fff;border-radius:15px;width:100%;max-width:820px;max-height:90vh;padding:28px;overflow:auto}.modal h2{font-size:19px}.modal h3{margin-top:25px;font-size:14px}.fields{grid-template-columns:1fr 1fr;gap:17px;margin:20px 0;display:grid}.fields label,.line label{color:#888;flex-direction:column;gap:7px;font-size:11px;display:flex}.modal>select{width:100%;margin-bottom:18px}.line{align-items:end;gap:8px;margin:10px 0;display:flex}.line input{width:100%}.modal-footer{border-top:1px solid #eee;justify-content:flex-end;gap:9px;margin-top:30px;padding-top:20px;display:flex}.total{text-align:right}.toast{color:#fff;z-index:50;cursor:pointer;background:#29213f;border-radius:10px;gap:20px;padding:18px 23px;display:flex;position:fixed;bottom:25px;right:25px;box-shadow:0 8px 30px #0003}.mobile{display:none}@media (min-width:1600px){main{padding:45px 60px}.stat strong{font-size:30px}}@media (max-width:1150px){aside{width:210px;padding:25px 12px}.main{width:calc(100% - 210px);margin-left:210px}main{padding:25px}.stat{padding:17px}.stat strong{font-size:20px}.inbox{grid-template-columns:240px 1fr}}@media (max-width:800px){aside{width:248px;transform:translate(-100%);box-shadow:5px 0 35px #0002}aside.open{transform:none}.main{width:100%;margin:0}header{gap:12px;height:65px;padding:0 18px}.mobile{border:0;padding:3px;display:flex}.breadcrumb{margin-right:auto;font-size:10px}.breadcrumb span{margin:0 8px}.live{display:none}.header-right{gap:10px}main{padding:24px 17px}.heading{gap:12px}.eyebrow{letter-spacing:1px;font-size:8px}h1{font-size:24px}.heading p{font-size:11px}.stats{grid-template-columns:1fr 1fr;gap:12px}.grid{grid-template-columns:1fr;gap:17px;margin-bottom:17px}.card{padding:18px}.stat strong{font-size:21px}.stat>div{font-size:11px}.inbox{grid-template-columns:1fr}.conversations{border-bottom:1px solid #eee}.team-note,.conversations .search{display:none}.chat-person{margin-top:0}.chat{min-height:420px}.chat-header{flex-wrap:wrap}.connection{align-items:flex-start}.connection .badge{display:none}.fields{grid-template-columns:1fr}.line{flex-wrap:wrap}.line>input{width:100%}.line label{width:25%}.modal{padding:18px}footer{letter-spacing:0;gap:10px}.toast{left:15px;right:15px}.brand{font-size:27px}}fieldset:disabled input,fieldset:disabled select{background:#f7f7fa}.bars{gap:18px;height:230px;padding-top:25px;display:flex}.bar-column{color:#999;flex-direction:column;flex:1;align-items:center;gap:10px;min-width:0;font-size:10px;display:flex}.bar-column small{white-space:nowrap;font-size:9px}.bar-area{border-bottom:1px solid #eae6f0;flex:1;align-items:flex-end;width:55%;min-height:120px;display:flex}.bar-area>div{background:linear-gradient(#9676d4,#6844b4);border-radius:6px 6px 0 0;width:100%}.permissions{margin-top:24px;font-size:12px}.conversation-row{text-align:left;border:0;justify-content:flex-start;gap:10px;width:100%;margin-top:8px;padding:14px 8px;font-size:12px;display:flex}.conversation-row.selected{background:#f1ebfa}.conversation-row small{overflow-wrap:anywhere;font-size:9px}.document-line{border-bottom:1px solid #eee;margin-bottom:15px;padding-bottom:9px}.document-line>small{font-size:10px}.notes{color:#888;flex-direction:column;gap:10px;font-size:11px;display:flex}textarea{min-height:75px;font:inherit;border:1px solid #e1e3ed;border-radius:8px;padding:12px}.toolbar{gap:10px}.toolbar .search{max-width:320px}.actions{flex-wrap:wrap}aside nav{flex:1}.profile{margin-top:15px}.modal fieldset>select{width:100%;margin-bottom:10px}.line>input{width:38%}.line label{width:13%}.line button{padding:9px}.inbox .chat{min-width:0}.bubble{overflow-wrap:anywhere;white-space:pre-wrap}@media (max-width:800px){.line>input{width:100%}.line label{width:20%}.toolbar{flex-wrap:wrap}.toolbar select{font-size:11px}.bars{gap:8px}.bar-column small{font-size:8px}.connection{flex-wrap:wrap}.header-right{margin-left:auto}.fields{gap:13px}.actions{min-width:150px}.inbox{min-height:500px}}:root{--brand:#6844b4;--surface:#fff;--page:#f6f7fb;--ink:#22243b;--muted:#8b8e9d;--border:#e9eaf1}html[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--surface:#202333;--page:#151824;--ink:#ececf4;--muted:#a6aabd;--border:#363a4e}body{background:var(--page);color:var(--ink)}aside,header,.card,.modal,.inbox{background:var(--surface);border-color:var(--border)}button,input,select,textarea{background:var(--surface);color:var(--ink);border-color:var(--border)}.primary,.brandmark{background:var(--brand);border-color:var(--brand);color:#fff}nav button.active{color:var(--brand);background:color-mix(in srgb,var(--brand) 12%,var(--surface))}.dot,.link{color:var(--brand)}.brand{gap:10px;max-width:100%;font-size:22px}.brand-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sidebar-logo{object-fit:contain;max-width:88px;max-height:54px}.company-settings{gap:22px;display:grid}.company-settings fieldset{border:0;margin:0;padding:0}.company-settings .fields{margin-bottom:0}.logo-editor{align-items:center;gap:24px;margin:28px 0;display:flex}.logo-preview{border:1px dashed var(--border);color:#777;background:repeating-conic-gradient(#f1f1f1 0% 25%,#fff 0% 50%) 50%/16px 16px;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:160px;height:110px;display:flex}.logo-preview img{object-fit:contain;max-width:140px;max-height:90px}.logo-editor p,.company-settings p{font-size:12px}.upload-label{flex-direction:column;gap:12px;font-size:12px;font-weight:600;display:flex}.theme-options{flex-wrap:wrap;gap:16px;margin:25px 0;display:flex}.theme-options label{border:1px solid var(--border);cursor:pointer;border-radius:10px;align-items:center;gap:10px;padding:18px;display:flex}.theme-options label.chosen{border-color:var(--brand);background:color-mix(in srgb,var(--brand) 8%,var(--surface))}.color-editor{flex-wrap:wrap;align-items:end;gap:20px;display:flex}.color-editor label{flex-direction:column;gap:10px;font-size:12px;display:flex}.color-editor input[type=color]{width:100px;height:44px;padding:5px}.brand-preview{border:1px solid;border-radius:12px;justify-content:space-between;align-items:center;gap:20px;margin:28px 0 14px;padding:22px;display:flex}.brand-preview>div{align-items:center;gap:15px;display:flex}.brand-preview img{object-fit:contain;max-width:100px;max-height:60px}.settings-footer{justify-content:flex-end;display:flex}html[data-theme=dark] .stat{background:var(--surface);border-color:var(--border)}html[data-theme=dark] .stat>div,html[data-theme=dark] .card-head h3,html[data-theme=dark] .breadcrumb b,html[data-theme=dark] .empty b{color:var(--ink)}html[data-theme=dark] .stat.purple{color:#bda5f2}html[data-theme=dark] .mint{color:#69d5ad}html[data-theme=dark] .rose{color:#efa0b2}html[data-theme=dark] .blue{color:#9ebff2}html[data-theme=dark] .search,html[data-theme=dark] th,html[data-theme=dark] .messages{background:var(--page)}html[data-theme=dark] .recent,html[data-theme=dark] td,html[data-theme=dark] .chat-header,html[data-theme=dark] .conversations{border-color:var(--border)}html[data-theme=dark] .bubble{background:var(--surface);border-color:var(--border)}html[data-theme=dark] .bubble.out{background:#254639}html[data-theme=dark] .whatsapp-card{background:#233c33}html[data-theme=dark] .whatsapp-card h3{color:#9de0bf}html[data-theme=dark] .warning,html[data-theme=dark] .connection{color:#ead39a;background:#403725}html[data-theme=dark] fieldset:disabled input,html[data-theme=dark] fieldset:disabled select{background:var(--page)}html[data-theme=dark] .donut strong{background:var(--surface)!important}.bar-area>div{background:var(--brand)}@media (max-width:800px){.logo-editor,.brand-preview{flex-direction:column;align-items:flex-start}.brand-preview span{font-size:12px}.color-editor{gap:14px}.theme-options{gap:8px}.theme-options label{padding:13px;font-size:12px}}html[data-theme=dark] nav button,html[data-theme=dark] .fields label,html[data-theme=dark] p{color:#b4b8ca}html[data-theme=dark] nav button.active{color:#e9e8f3;background:color-mix(in srgb,var(--brand) 25%,var(--surface))}html[data-theme=dark] .company-settings .card-head>span{color:#a9aec2}.erp-topbar{background:linear-gradient(110deg,color-mix(in srgb,var(--brand) 22%,#101e36),#142339);color:#fff;z-index:25;border-bottom:1px solid #ffffff15;align-items:center;gap:28px;height:84px;padding:0 24px;display:flex;position:fixed;inset:0 0 auto;box-shadow:0 3px 20px #10243a12}.erp-logo{color:#fff;align-items:center;gap:11px;min-width:218px;max-width:270px;text-decoration:none;display:flex}.erp-logo img{object-fit:contain;background:#fff;border-radius:9px;width:54px;height:48px;padding:5px}.erp-logo b{letter-spacing:-.4px;text-overflow:ellipsis;font:800 18px Manrope,Arial;overflow:hidden}.erp-logo small{letter-spacing:1.7px;color:#aebcd2;margin-top:7px;font:500 8px Arial}.erp-logo-letter{background:var(--brand);border-radius:12px;padding:5px 12px;font:800 27px Manrope}.erp-modules{flex:1;gap:3px;height:100%;display:flex;overflow-x:auto}.erp-modules button{color:#bec9dc;white-space:nowrap;background:0 0;border:0;border-radius:0;flex-direction:column;justify-content:center;gap:8px;width:auto;margin:0;padding:12px 13px;font-size:11px;font-weight:600;position:relative}.erp-modules button.active{color:#fff;background:#ffffff0b}.erp-modules button.active:after{content:"";background:color-mix(in srgb,var(--brand) 60%,white);border-radius:4px;height:3px;position:absolute;bottom:0;left:16px;right:16px}.erp-modules em,.notification-bell em{color:#fff;background:#23a87b;border-radius:5px;place-items:center;min-width:15px;height:15px;font-size:9px;font-style:normal;display:grid;position:absolute;top:9px;right:5px}.erp-logout{color:#d3dceb;background:0 0;border:1px solid #ffffff20;padding:10px;font-size:10px}.erp-shell aside{background:var(--surface);border-right:1px solid var(--border);width:232px;padding:26px 18px 20px;top:84px}.erp-aside-title{padding:4px 12px 24px}.erp-aside-title small{letter-spacing:1.7px;color:var(--muted);font-size:8px}.erp-aside-title strong{margin-top:9px;font:800 18px Manrope;display:block}.erp-shell aside nav button{white-space:normal;text-align:left;padding:13px 12px}.nav-chevron{flex-shrink:0;margin-left:auto}.aside-tip{border:1px solid var(--border);color:var(--brand);border-radius:10px;margin:30px 10px 22px;padding:16px}.aside-tip b{margin-top:10px;font-size:10px;display:block}.aside-tip small{color:var(--muted);font-size:10px;line-height:1.7}.erp-shell .main{width:calc(100% - 232px);margin:84px 0 0 232px}.erp-shell .main>header{height:68px;padding:0 30px}.erp-shell main{padding:27px 30px}.erp-shell .heading{margin:0 0 25px}.erp-shell h1{font-size:27px}.erp-shell .eyebrow{color:var(--brand);letter-spacing:1.8px;font-size:8px}.erp-shell .live{align-items:center;gap:6px;display:flex}.live i{background:#20ad80;border-radius:50%;width:6px;height:6px}.notification-bell{position:relative}.notification-bell em{top:-6px;right:-6px}.erp-shell .card{border-radius:10px;box-shadow:0 3px 10px #10243a03}.erp-shell .stat{background:var(--surface);border-color:var(--border);border-top:3px solid var(--brand);border-radius:10px}.erp-shell .stat.mint{border-top-color:#20a886}.erp-shell .stat.rose{border-top-color:#df7183}.erp-shell .stat.blue{border-top-color:#5795d3}.erp-shell th{letter-spacing:.2px;background:var(--page);padding:14px;font-size:10px}.erp-shell td{padding:15px 14px}.permission-grid{border:1px solid var(--border);border-radius:10px;margin-top:20px;overflow:hidden}.permission-grid label,.permission-title{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:20px;padding:12px 18px;font-size:12px;display:flex}.permission-title{background:var(--page);color:var(--muted);font-size:10px}.permission-grid select{width:190px}.permission-grid label:last-child{border:0}.auth-loading{flex-direction:column;justify-content:center;align-items:center;gap:15px;min-height:100vh;display:flex}.login-page{color:#17253c;background:#f8fafc;grid-template-columns:1.05fr 1fr;min-height:100vh;display:grid}.login-story{background:linear-gradient(140deg,#12223a,color-mix(in srgb,var(--brand) 35%,#12223a));color:#fff;flex-direction:column;justify-content:space-between;min-height:100vh;padding:45px 65px;display:flex;position:relative;overflow:hidden}.login-story:after{content:"";pointer-events:none;border:1px solid #ffffff12;width:490px;height:490px;position:absolute;bottom:-180px;right:-290px;transform:rotate(35deg);box-shadow:0 0 0 50px #ffffff03,0 0 0 100px #ffffff03,0 0 0 150px #ffffff03}.login-wordmark{color:#fff;align-items:center;gap:15px;display:flex}.login-wordmark img{object-fit:contain;background:#fff;border-radius:12px;width:74px;height:65px;padding:5px}.login-wordmark b{font:800 23px Manrope,Arial}.login-wordmark small{letter-spacing:2px;color:#adc0dc;margin-top:8px;font:500 8px Arial}.login-monogram{color:#fff;background:var(--brand,#2563eb);border-radius:13px;padding:5px 16px;font:800 33px Manrope,Arial}.login-story h1{color:#fff;letter-spacing:-1.8px;margin:20px 0;font:800 clamp(30px,3.4vw,53px)/1.23 Manrope,Arial}.login-story p{color:#b6c8df;font-size:14px;line-height:1.9}.login-story>small{color:#8ea8c8;z-index:1;font-size:10px;position:relative}.login-kicker{letter-spacing:1.8px;color:#90bcff;font-size:9px;font-weight:700;display:block}.login-features{color:#d7e5f8;flex-direction:column;gap:18px;margin-top:35px;font-size:12px;display:flex}.login-features span{align-items:center;gap:12px;display:flex}.login-panel{flex-direction:column;justify-content:center;align-items:center;padding:45px;display:flex;position:relative}.login-form{width:100%;max-width:375px}.login-icon{background:color-mix(in srgb,var(--brand) 9%,white);width:52px;height:52px;color:var(--brand);border-radius:15px;place-items:center;margin-bottom:24px;display:grid}.login-form .login-kicker{color:var(--brand);letter-spacing:1.5px;font-size:8px}.login-form h2{letter-spacing:-1px;margin:13px 0;font:800 29px Manrope,Arial}.login-form>p{color:#8190a6;margin-bottom:28px;font-size:12px;line-height:1.8}.login-form label{color:#43536b;margin:18px 0;font-size:11px;font-weight:600;display:block}.login-form label>input{width:100%;margin-top:9px;display:block}.login-input{color:#8394ad;background:#fff;border:1px solid #dce3ee;border-radius:9px;align-items:center;gap:11px;margin-top:9px;padding:0 13px;display:flex}.login-input:focus-within{outline:2px solid color-mix(in srgb,var(--brand) 35%,white)}.login-input input{color:#17253c;background:0 0;border:0;flex:1;width:100%;padding:14px 0;font-size:13px;outline:none!important}.login-input button{color:#8394ad;background:0 0;border:0;padding:5px}.login-submit{justify-content:space-between;width:100%;margin-top:12px;padding:14px;font-size:12px;background:var(--brand)!important;border-color:var(--brand)!important}.login-security{color:#8a9ab0;justify-content:center;align-items:center;gap:7px;margin-top:20px;font-size:10px;display:flex}.login-form .login-help{text-align:center;color:#8c99ad;margin:22px 0;font-size:10px}.login-bottom{color:#9aa8bb;font-size:9px;position:absolute;bottom:25px}.login-form>small{color:#8794a8;font-size:10px}button:disabled{opacity:.55;cursor:wait}html[data-theme=dark] .erp-shell .stat{background:var(--surface)}@media (max-width:1150px){.erp-topbar{gap:14px;padding:0 14px}.erp-logo{min-width:165px}.erp-logo b{font-size:15px}.erp-modules button{padding:12px 9px;font-size:10px}.erp-logout span{display:none}.login-story{padding:40px}}@media (max-width:800px){.erp-topbar{flex-wrap:wrap;align-content:space-between;gap:0;height:120px;padding:10px 15px 0}.erp-logo{flex:1;max-width:none;height:44px}.erp-logo img{width:44px;height:40px}.erp-logo small{margin-top:4px;font-size:7px}.erp-modules{flex-basis:100%;order:3;gap:4px;height:60px}.erp-modules button{gap:5px;padding:8px 14px}.erp-modules svg{width:17px;height:17px}.erp-shell aside{width:232px;top:120px;transform:translate(-100%)}.erp-shell aside.open{transform:translate(0);box-shadow:10px 0 40px #10243a22}.erp-shell .main{width:100%;margin:120px 0 0}.erp-shell main{padding:22px 16px}.erp-shell .main>header{height:58px;padding:0 16px}.erp-shell .header-right{gap:13px}.erp-shell .breadcrumb{font-size:10px}.erp-shell .breadcrumb span{margin:0 7px}.erp-shell .live{display:none}.login-page{grid-template-columns:1fr}.login-story{min-height:auto;padding:22px 26px}.login-story>div,.login-story>small{display:none}.login-wordmark img{width:54px;height:46px}.login-wordmark b{font-size:19px}.login-panel{min-height:calc(100vh - 96px);padding:38px 25px 70px}.login-form h2{font-size:25px}.permission-grid label{padding:12px}.permission-grid select{width:165px}}.demo-whatsapp{border-color:color-mix(in srgb,var(--brand) 30%,var(--border));margin-bottom:22px}.demo-whatsapp p{margin:12px 0;font-size:12px}.demo-whatsapp form{align-items:end;gap:16px;display:flex}.demo-whatsapp label{flex-direction:column;flex:1;gap:8px;font-size:11px;display:flex}.demo-whatsapp textarea{border:1px solid var(--border);width:100%;min-height:70px;font:inherit;color:var(--text);background:var(--surface);resize:vertical;border-radius:8px;padding:12px}.demo-chat-note{margin:12px 12px 0;font-size:11px}@media (max-width:800px){.demo-whatsapp form{flex-direction:column;align-items:stretch}}