@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;700;800&display=swap";:root{color:#182236;font-synthesis:none;background:#f5f7fb;font-family:DM Sans,sans-serif}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer}.login{background:#fff;grid-template-columns:1.05fr .95fr;min-height:100vh;display:grid}.story{color:#fff;background:linear-gradient(145deg,#181446,#292162 52%,#423786);flex-direction:column;justify-content:space-between;padding:52px 7vw;display:flex;position:relative;overflow:hidden}.story:before,.story:after{content:"";border:1px solid #ffffff17;border-radius:50%;width:560px;height:560px;position:absolute;bottom:-90px;right:-190px}.story:after{width:360px;height:360px;bottom:15px;right:-90px}.brand{z-index:2;color:#fff;align-items:center;gap:12px;display:flex;position:relative}.brand img{object-fit:contain;flex:none;width:42px;height:42px}.brand-copy{line-height:1;display:grid}.brand-copy strong{letter-spacing:1px;font:800 19px Manrope}.brand-copy small{color:#7bc4ff;letter-spacing:1.7px;margin-top:5px;font:600 7px Manrope;display:block}.story>div{z-index:2;max-width:620px;position:relative}.story>div small{color:#77e2ca;letter-spacing:2.8px;font-weight:700}.story h1{letter-spacing:-3px;margin:20px 0;font:700 clamp(42px,5vw,72px)/1.08 Manrope}.story h1 em{color:#76dfc9;font-style:normal;display:block}.story>div p{color:#c4c2db;max-width:520px;font-size:18px;line-height:1.7}.story footer{z-index:2;align-items:center;display:flex;position:relative}.story footer>span{background:#8074ce;border:3px solid #27205d;border-radius:50%;place-items:center;width:39px;height:39px;margin-right:-8px;font-size:11px;font-weight:700;display:grid}.story footer>span:nth-child(2){background:#51ac9e}.story footer>span:nth-child(3){background:#b77689}.story footer p{color:#bcb9d2;margin-left:22px;font-size:13px}.story footer b{color:#fff}.access{place-items:center;padding:40px;display:grid}.access form{width:min(420px,100%)}.mobile-logo{display:none}.access mark{color:#685bd4;background:#eeebff;border-radius:20px;padding:7px 12px;font-size:12px;font-weight:700;display:inline-block}.access h2{color:#171d2c;margin:20px 0 6px;font:800 34px Manrope}.access>form>p{color:#7c8594;margin:0 0 30px}.access label{color:#3c4658;margin:18px 0;font-size:13px;font-weight:600;display:block}.access input{border:1px solid #dce1e9;border-radius:10px;outline:none;width:100%;margin-top:8px;padding:14px 15px;display:block}.access input:focus{border-color:#7567e8;box-shadow:0 0 0 3px #7567e817}.primary{color:#fff;background:#6e61df;border:0;border-radius:10px;padding:13px 18px;font-weight:700;box-shadow:0 7px 16px #6e61df25}.login .primary{width:100%;margin-top:8px}.demo{color:#6e61df;background:0 0;border:0;width:100%;padding:15px;font-weight:600}.safe{text-align:center;color:#99a0ac;margin-top:16px;display:block}.error{color:#a53737;background:#fff0f0;border-radius:8px;margin-bottom:10px;padding:10px;font-size:13px}.app{grid-template-columns:244px 1fr;min-height:100vh;display:grid}.app>aside{color:#c7c5dc;z-index:20;background:#17143d;flex-direction:column;height:100vh;padding:28px 18px;display:flex;position:sticky;top:0}.side-head{align-items:center;padding:0 10px 37px;display:flex;position:relative}.side-head .collapse{color:#c7c5dc;z-index:3;background:#17143d;border:1px solid #ffffff1f;border-left:0;border-radius:0 8px 8px 0;width:26px;height:30px;font-size:20px;position:absolute;top:8px;right:-31px}.side-head .close{display:none}.app>aside>small{letter-spacing:2px;color:#777495;margin:0 12px 12px;font-size:9px}.app nav{gap:5px;display:grid}.app nav button{color:#aaa8c3;text-align:left;background:0 0;border:0;border-radius:9px;align-items:center;gap:13px;padding:11px 13px;display:flex}.app nav button i{width:22px;font-size:20px;font-style:normal}.app nav button b{background:#353064;border-radius:12px;margin-left:auto;padding:2px 7px;font-size:10px}.app nav button.active{color:#fff;background:linear-gradient(90deg,#7062dc,#6155c8);box-shadow:0 7px 18px #08061d55}.help{background:#ffffff08;border:1px solid #ffffff13;border-radius:13px;margin-top:auto;padding:15px}.help>span{color:#fff;background:#5d53ae;border-radius:8px;place-items:center;width:30px;height:30px;margin-bottom:10px;display:grid}.help strong{color:#fff;font-size:12px;display:block}.help p{font-size:10px}.help button{color:#76ddc8;background:0 0;border:0;padding:0;font-size:10px}.profile{border-top:1px solid #ffffff12;align-items:center;gap:9px;margin-top:18px;padding:18px 4px 0;display:flex}.profile>span{color:#fff;background:#76b7aa;border-radius:50%;place-items:center;width:34px;height:34px;font-size:11px;display:grid}.profile div{min-width:0}.profile strong,.profile small{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.profile strong{color:#fff;font-size:10px}.profile small{margin-top:2px;font-size:9px}.app>main{min-width:0}.app header{background:#fff;border-bottom:1px solid #e9ebf0;justify-content:space-between;align-items:center;height:76px;padding:0 34px;display:flex}.app header>label{color:#9ca4b2;align-items:center;gap:10px;width:min(410px,45%);display:flex}.app header input{border:0;outline:0;width:100%}.app header kbd{background:#f3f4f7;border:1px solid #e4e6ea;border-radius:5px;padding:4px 7px;font-size:10px}.app header>div{align-items:center;gap:11px;display:flex}.app header em{color:#6358cb;background:#eeecff;border-radius:14px;padding:5px 9px;font-size:10px;font-style:normal}.bell{background:0 0;border:0;font-size:20px;position:relative}.bell i{background:#ef6670;border-radius:50%;width:6px;height:6px;position:absolute;right:5px}.company{color:#fff;background:#664fd0;border-radius:9px;place-items:center;width:36px;height:36px;font-weight:800;display:grid}.app header p{margin:0}.app header p strong,.app header p small{display:block}.app header p strong{font-size:12px}.app header p small{color:#929aa8;font-size:9px}.hamb{background:0 0;border:0;font-size:20px;display:none}.content{max-width:1600px;margin:auto;padding:34px}.heading{justify-content:space-between;align-items:end;margin-bottom:28px;display:flex}.heading small{color:#7568de;letter-spacing:1.5px;font-size:10px;font-weight:700}.heading h1{letter-spacing:-1px;margin:7px 0 2px;font:800 30px Manrope}.heading p{color:#838c9b;margin:0;font-size:13px}.dashboard{grid-template-columns:1.4fr 1fr;gap:18px;display:grid}.metrics{grid-column:1/-1;grid-template-columns:repeat(4,1fr);gap:15px;display:grid}.metric,.panel,.mini article{background:#fff;border:1px solid #e8ebf1;border-radius:13px;box-shadow:0 3px 12px #1f285407}.metric{align-items:center;padding:17px;display:flex;position:relative;overflow:hidden}.metric>span{border-radius:10px;place-items:center;width:39px;height:39px;margin-right:12px;font-size:17px;display:grid}.mint{color:#22ae8a;background:#e5f8f2}.blue{color:#4e8ee8;background:#e9f2ff}.purple{color:#7164df;background:#f0edff}.amber{color:#dc9d34;background:#fff4dd}.metric p{color:#7f8997;margin:0;font-size:10px}.metric p strong{color:#1a2334;margin:3px 0;font:800 23px Manrope;display:block}.metric small{font-size:8px}.metric small b{color:#26ad85}.metric>svg{width:75px;position:absolute;bottom:14px;right:8px}.metric>svg path{fill:none;stroke:#6e61df;stroke-width:2px}.panel{padding:20px}.title{justify-content:space-between;align-items:start;margin-bottom:20px;display:flex}.title p{margin:0}.title strong,.title small{display:block}.title strong{font:700 15px Manrope}.title small{color:#9098a6;margin-top:4px;font-size:10px}.title button{color:#6559cf;background:0 0;border:0;font-size:10px;font-weight:700}.performance{min-height:320px}.chart{color:#a4aab4;flex-direction:column;justify-content:space-between;height:238px;padding:0 0 25px 28px;font-size:9px;display:flex;position:relative}.chart svg{background:repeating-linear-gradient(#fff 0 51px,#edf0f4 52px);border-bottom:1px solid #eceef2;width:calc(100% - 30px);height:calc(100% - 22px);position:absolute;inset:0 0 22px 30px}.chart .area{fill:url(#fill)}.chart .line{fill:none;stroke:#6f62df;stroke-width:3px}.chart footer{justify-content:space-between;display:flex;position:absolute;bottom:0;left:30px;right:0}.tasks{padding-bottom:8px}.task{border-top:1px solid #eff1f4;align-items:center;gap:13px;padding:13px 0;display:flex}.task time{color:#6e62d4;background:#f0edff;border-radius:7px;padding:7px;font-size:10px}.task time.urgent{color:#d05c5c;background:#ffeded}.task p{flex:1;margin:0}.task p strong,.task p small{display:block}.task p strong{font-size:11px}.task p small{color:#959ca8;margin-top:3px;font-size:9px}.task>b{color:#aaa;font-size:10px}.stage{margin:17px 0}.stage p{align-items:center;margin:0 0 7px;font-size:10px;display:flex}.stage p span{color:#969daa;margin-left:8px}.stage p b{margin-left:auto}.stage>div{background:#f0f1f5;border-radius:5px;height:7px;overflow:hidden}.stage i{border-radius:5px;height:100%;display:block}.stage .c0{background:#7164df}.stage .c1{background:#4c8fe9}.stage .c2{background:#2dbf9b}.stage .c3{background:#eab051}.event{border-top:1px solid #eff1f4;gap:11px;padding:11px 0;display:flex}.event>span{color:#695dcc;background:#eeeaff;border-radius:50%;place-items:center;width:31px;height:31px;font-size:9px;font-weight:700;display:grid}.event p{margin:0;font-size:10px}.event p small{color:#a0a7b1;margin-top:3px;display:block}.module .mini{grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:18px;display:grid}.mini article{padding:20px}.mini span,.mini strong,.mini small{display:block}.mini span{color:#8a93a1;font-size:11px}.mini strong{margin:7px 0;font:800 25px Manrope}.mini small{color:#32a987;font-size:10px}.table{padding:0;overflow:hidden}.toolbar{justify-content:space-between;padding:17px;display:flex}.toolbar label{color:#9aa1ad;border:1px solid #e4e7ec;border-radius:8px;padding:9px 12px}.toolbar input{border:0;outline:0;width:260px}.toolbar button{background:#fff;border:1px solid #e2e5ea;border-radius:8px;padding:8px 12px}.toolbar button b{color:#fff;background:#6e61dc;border-radius:10px;padding:1px 6px}.row{border-top:1px solid #edf0f3;grid-template-columns:1.4fr 1.5fr 1fr 1fr .8fr;align-items:center;padding:14px 18px;font-size:11px;display:grid}.row.head{color:#8d95a3;text-transform:uppercase;background:#f8f9fb;font-size:9px;font-weight:700}.status{color:#249675;background:#e6f7f1;border-radius:12px;padding:5px 8px;font-size:9px}.table>footer{color:#929aa5;border-top:1px solid #edf0f3;padding:16px 18px;font-size:10px}.table>footer span{float:right}.table>footer b{color:#fff;background:#6d60db;border-radius:6px;padding:5px 8px}.backdrop{display:none}.app,.login{--page:#f4f7fb;--surface:#fff;--surface-soft:#f8fafc;--text:#17243a;--muted:#7b8798;--border:#e4eaf1;--brand:#1674bc;--brand-strong:#075591;--brand-soft:#e8f4ff;--sidebar:#071d34;--sidebar-soft:#0d2d4c;color:var(--text);background:var(--page)}.app.theme-dark,.login.theme-dark{--page:#07111e;--surface:#0e1c2c;--surface-soft:#122337;--text:#e8f1fa;--muted:#91a1b2;--border:#20344a;--brand:#43a6e9;--brand-strong:#78c4f5;--brand-soft:#123451;--sidebar:#041322;--sidebar-soft:#0b2943;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.app{transition:grid-template-columns .22s}.app>aside{background:var(--sidebar);transition:width .22s,padding .22s}.app nav button.active{background:linear-gradient(90deg,#1389d2,#08639f)}.app .help>span,.app .company{background:var(--brand)}.app .help button,.app .heading small,.app .title button,.app .demo{color:var(--brand)}.app .primary,.login .primary{background:linear-gradient(135deg, var(--brand), var(--brand-strong));box-shadow:0 7px 16px #0872b829}.app header,.app .metric,.app .panel,.app .mini article,.login .access{color:var(--text);background:var(--surface);border-color:var(--border)}.app header,.app .task,.app .event,.app .row,.app .table>footer{border-color:var(--border)}.app header input,.app .toolbar input,.login input{color:var(--text);background:0 0}.app input::placeholder,.login input::placeholder{color:var(--muted)}.app header kbd,.app .row.head,.app .stage>div{color:var(--muted);background:var(--surface-soft);border-color:var(--border)}.app .toolbar label,.app .toolbar button,.login input{border-color:var(--border)}.app .toolbar button{color:var(--text);background:var(--surface)}.app .metric p strong,.login .access h2,.login .access label{color:var(--text)}.app .metric p,.app .heading p,.app .title small,.login .access>form>p,.login .safe{color:var(--muted)}.app.theme-dark .chart svg{border-color:var(--border);background:repeating-linear-gradient(to bottom, var(--surface) 0, var(--surface) 51px, var(--border) 52px)}.theme-toggle{border:1px solid var(--border);width:36px;height:36px;color:var(--text);background:var(--surface-soft);border-radius:10px;place-items:center;padding:0;font-size:18px;line-height:1;display:grid}.theme-toggle:hover{color:var(--brand);border-color:var(--brand)}.login-theme{z-index:5;position:fixed;top:22px;right:24px}.loading-screen{color:#e8f1fa;background:#071d34;place-items:center;min-height:100vh;font:700 14px Manrope;display:grid}.password-overlay{z-index:100;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#03111ddd;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.password-card{border:1px solid var(--border);width:min(430px,100%);color:var(--text);background:var(--surface);border-radius:16px;padding:30px;box-shadow:0 24px 70px #0005}.password-card mark{color:var(--brand-strong);background:var(--brand-soft);letter-spacing:1px;border-radius:20px;padding:6px 10px;font-size:10px;font-weight:800}.password-card h2{margin:19px 0 6px;font:800 25px Manrope}.password-card>p{color:var(--muted);margin:0 0 22px;font-size:13px;line-height:1.5}.password-card label{color:var(--text);margin:14px 0;font-size:12px;font-weight:700;display:block}.password-card input{border:1px solid var(--border);width:100%;color:var(--text);background:var(--surface-soft);border-radius:9px;outline:0;margin-top:7px;padding:12px 13px;display:block}.password-card input:focus{border-color:var(--brand);box-shadow:0 0 0 3px #1684cf22}.password-card .primary{width:100%;margin-top:7px}.logout{color:var(--muted);background:0 0;border:0;border-radius:8px;padding:7px 9px;font-size:11px;font-weight:700}.logout:hover{color:var(--brand);background:var(--brand-soft)}.tenant-switcher{border:1px solid var(--border);max-width:130px;color:var(--text);background:var(--surface-soft);border-radius:7px;padding:6px;font-size:11px}.customer-toolbar{align-items:center;gap:14px;margin-bottom:16px;display:flex}.customer-toolbar>div{margin-right:auto}.customer-toolbar strong,.customer-toolbar small{display:block}.customer-toolbar strong{font:700 15px Manrope}.customer-toolbar small{color:var(--muted);margin-top:3px;font-size:10px}.customer-toolbar label{border:1px solid var(--border);min-width:min(340px,40%);color:var(--muted);border-radius:8px;padding:9px 11px}.customer-toolbar input{width:calc(100% - 22px);color:var(--text);background:0 0;border:0;outline:0}.customer-row span:first-child b,.customer-row span:first-child small{display:block}.customer-row span:first-child small{color:var(--muted);margin-top:3px;font-size:9px}.empty{color:var(--muted);text-align:center;margin:0;padding:32px 20px;font-size:13px}.modal-overlay{z-index:100;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#03111edd;place-items:center;padding:20px;display:grid;position:fixed;inset:0;overflow:auto}.customer-form{border:1px solid var(--border);width:min(720px,100%);max-height:calc(100vh - 40px);color:var(--text);background:var(--surface);border-radius:16px;padding:27px;overflow:auto;box-shadow:0 24px 70px #0005}.modal-head{justify-content:space-between;align-items:start;margin-bottom:20px;display:flex}.modal-head mark{color:var(--brand-strong);background:var(--brand-soft);letter-spacing:1px;border-radius:12px;padding:5px 8px;font-size:9px;font-weight:800}.modal-head h2{margin:11px 0 0;font:800 23px Manrope}.modal-head>button{color:var(--muted);background:0 0;border:0;font-size:26px}.modal-actions{align-items:center;gap:10px;display:flex}.modal-actions .delete-button{background:#fff5f5;border:1px solid #efc6c9;border-radius:7px;margin:0;padding:7px 9px}.theme-dark .modal-actions .delete-button{background:#351c22;border-color:#6e3440}.form-grid{grid-template-columns:repeat(2,1fr);gap:14px;display:grid}.form-grid label,.notes{color:var(--text);font-size:12px;font-weight:700;display:block}.form-grid input,.form-grid select,.notes textarea{border:1px solid var(--border);width:100%;color:var(--text);background:var(--surface-soft);border-radius:8px;outline:0;margin-top:7px;padding:10px 11px;display:block}.notes{margin-top:15px}.notes textarea{resize:vertical}.checks{color:var(--text);flex-wrap:wrap;gap:17px;margin:18px 0;font-size:12px;display:flex}.checks input{accent-color:var(--brand)}.form-actions{justify-content:flex-end;gap:10px;margin-top:20px;display:flex}.form-actions>button:not(.primary){color:var(--muted);background:0 0;border:0;padding:10px}.text-button,.secondary-action{color:var(--brand);background:0 0;border:0;font-size:11px;font-weight:700}.address-details{border:1px solid var(--border);border-radius:9px;margin:14px 0;padding:12px}.address-details summary{cursor:pointer;color:var(--brand);font-size:12px;font-weight:700}.address-details .form-grid{margin-top:14px}.details-form{width:min(760px,100%)}.modal-head p{color:var(--muted);margin:6px 0 0;font-size:12px}.customer-tabs{border-bottom:1px solid var(--border);gap:5px;margin:0 -4px 19px;display:flex}.customer-tabs button{color:var(--muted);background:0 0;border:0;border-bottom:2px solid #0000;padding:10px 12px;font-size:12px;font-weight:700}.customer-tabs button.active{border-color:var(--brand);color:var(--brand)}.secondary-action{margin-bottom:13px;padding:8px 0}.inline-form{border:1px solid var(--border);background:var(--surface-soft);border-radius:10px;margin:0 0 16px;padding:16px}.inline-form .checks{margin:12px 0}.record-card{border:1px solid var(--border);background:var(--surface-soft);border-radius:10px;margin:9px 0;padding:13px}.record-card strong,.record-card small{display:block}.record-card strong{font-size:13px}.record-card small{color:var(--muted);margin-top:3px;font-size:10px}.record-card p{margin:8px 0;font-size:12px}.record-card b{color:var(--brand-strong);background:var(--brand-soft);border-radius:9px;margin-left:5px;padding:2px 6px;font-size:9px}.record-card em{color:#168268;background:#e5f8f2;border-radius:8px;margin-right:5px;padding:3px 6px;font-size:9px;font-style:normal;font-weight:700}.record-card>.text-button{margin-top:8px;padding:0}.delete-button{color:#c64f56;background:0 0;border:0;margin-left:12px;padding:0;font-size:11px;font-weight:700}.delete-button:hover{color:#a23038;text-decoration:underline}.customer-data>.delete-button{float:right;margin-top:8px}.record-card .edit-record{background:var(--surface);margin-top:13px}.customer-data p{border-bottom:1px solid var(--border);color:var(--muted);margin:0;padding:11px 0;font-size:13px}.customer-data b{color:var(--text)}.login .story{background:radial-gradient(circle at 80% 72%,#148ed04d,#0000 32%),linear-gradient(145deg,#031a2e,#073d66 57%,#086aa5)}.login .story>div small,.login .story h1 em{color:#72c8fb}.login .access mark{color:var(--brand-strong);background:var(--brand-soft)}.login .demo{color:var(--brand)}.login .mobile-logo{background:var(--sidebar)}.sidebar-collapsed{grid-template-columns:82px 1fr}.sidebar-collapsed>aside{padding-inline:12px}.sidebar-collapsed .side-head{justify-content:center;padding-inline:0}.sidebar-collapsed .brand-copy,.sidebar-collapsed>aside>small,.sidebar-collapsed nav button>span,.sidebar-collapsed nav button>b,.sidebar-collapsed .help strong,.sidebar-collapsed .help p,.sidebar-collapsed .help button,.sidebar-collapsed .profile div{display:none}.sidebar-collapsed nav button{justify-content:center;padding-inline:0}.sidebar-collapsed nav button i{width:auto}.sidebar-collapsed .help{padding:11px}.sidebar-collapsed .help>span{margin:0 auto}.sidebar-collapsed .profile{justify-content:center;padding-inline:0}@media (width<=1050px){.metrics{grid-template-columns:repeat(2,1fr)}.dashboard{grid-template-columns:1fr}.performance{grid-column:auto}.app{grid-template-columns:210px 1fr}.content{padding:25px}.row{grid-template-columns:1.3fr 1.4fr 1fr}.row span:nth-child(3),.row span:nth-child(4){display:none}}@media (width<=760px){.login{grid-template-columns:1fr}.story{display:none}.mobile-logo{background:#1c1749;border-radius:12px;width:max-content;margin-bottom:30px;padding:12px;display:block}.app{display:block}.sidebar-collapsed>aside{padding:28px 18px}.sidebar-collapsed .brand-copy,.sidebar-collapsed>aside>small,.sidebar-collapsed nav button>span,.sidebar-collapsed nav button>b,.sidebar-collapsed .help strong,.sidebar-collapsed .help p,.sidebar-collapsed .help button,.sidebar-collapsed .profile div{display:initial}.sidebar-collapsed nav button{justify-content:flex-start;padding:11px 13px}.sidebar-collapsed nav button i{width:22px}.sidebar-collapsed .help{padding:15px}.sidebar-collapsed .help>span{margin:0 0 10px}.sidebar-collapsed .profile{justify-content:flex-start;padding:18px 4px 0}.app>aside{width:244px;transition:all .25s;position:fixed;left:-260px}.app>aside.open{left:0}.side-head{display:flex}.side-head .close{color:#fff;background:0 0;border:0;margin-left:auto;font-size:25px;display:block}.side-head .collapse{display:none}.backdrop{z-index:10;background:#0c0a2799;border:0;display:block;position:fixed;inset:0}.hamb{display:block}.app header{padding:0 17px}.app header>label,.app header em,.app header p{display:none}.content{padding:20px 15px}.heading{align-items:start}.heading .primary{padding:11px;font-size:0}.heading .primary:first-letter{font-size:18px}.metrics{padding-bottom:5px;display:flex;overflow:auto}.metric{min-width:230px}.module .mini{display:flex;overflow:auto}.mini article{min-width:180px}.toolbar input{width:150px}.row{grid-template-columns:1.5fr 1fr .8fr}.row span:nth-child(2){display:none}.story h1{font-size:42px}.customer-toolbar{flex-wrap:wrap;align-items:stretch}.customer-toolbar>div{width:100%}.customer-toolbar label{flex:1;min-width:0}.customer-toolbar .primary{white-space:nowrap}.form-grid{grid-template-columns:1fr}.tenant-switcher,.logout{display:none}}