@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#25233f;--muted:#858397;--purple:#392b92;--purple-soft:#eeebfa;--red:#f02b43;--line:#eeedf4;--bg:#f6f7fb;--green:#1d9d80}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:14px 'DM Sans',Arial,sans-serif}h1,h2,h3,h4{font-family:Manrope,Arial,sans-serif;margin-top:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:4px}button{cursor:pointer;border:0}button:disabled{opacity:.5;cursor:wait}a{color:inherit;text-decoration:none}button,.button{border-radius:10px;padding:12px 18px;font-weight:700;background:var(--purple);color:white;display:inline-flex;align-items:center;justify-content:center;gap:9px}button:hover,.button:hover{filter:brightness(.95)}button.light,.button.light{background:white;color:var(--purple);border:1px solid #ddd9ee}button.ghost{background:transparent;color:var(--muted);padding:8px}button.red{background:var(--red)}button.small{padding:8px 12px;font-size:12px}input,select,textarea{width:100%;border:1px solid #dddde9;background:white;border-radius:8px;padding:12px;color:var(--ink)}textarea{min-height:86px;resize:vertical}label{font-size:12px;font-weight:700;display:block;margin:15px 0 7px}label input[type=checkbox]{width:auto}small,.muted{color:var(--muted)}.brand{display:flex;align-items:center;gap:10px;font:800 22px Manrope}.brand img{width:45px;height:45px;object-fit:contain}.brand b span{color:var(--red)}.brand small{display:block;letter-spacing:2px;font:9px 'DM Sans';margin-top:1px}.shell{display:grid;grid-template-columns:238px 1fr;min-height:100vh}.sidebar{background:white;border-right:1px solid var(--line);padding:27px 20px;position:fixed;inset:0 auto 0 0;width:238px;z-index:20;display:flex;flex-direction:column}.side-label{font-size:10px;letter-spacing:1.6px;color:#a1a0b2;margin:32px 12px 10px;font-weight:700}.nav-item{display:flex;align-items:center;justify-content:flex-start;gap:12px;background:transparent;color:#77768a;width:100%;text-align:left;padding:12px 15px;margin:3px 0;font-size:13px;font-weight:500;border-radius:9px}.nav-item.active{color:var(--purple);background:#efedf9;font-weight:700}.nav-item.active:before{content:'';width:3px;height:20px;background:var(--purple);position:absolute;left:0;border-radius:3px}.nav-icon{width:21px;text-align:center;font-size:17px}.nav-item em{font-style:normal;margin-left:auto;font-size:9px;padding:3px 6px;border-radius:5px;background:#e8f5ee;color:#248958}.side-bottom{margin-top:auto;padding-top:24px}.side-note{background:linear-gradient(130deg,#f0edfc,#fff0f2);border-radius:14px;padding:16px;font-size:12px;line-height:1.7}.side-note strong{display:block;color:var(--purple)}.workspace{grid-column:2;min-width:0}.topbar{height:82px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 36px;gap:15px}.breadcrumb{color:#9290a3;font-size:12px}.breadcrumb b{color:#49465f;margin-left:8px}.top-actions{display:flex;align-items:center;gap:18px}.avatar{background:#f1eefe;color:var(--purple);border-radius:50%;width:37px;height:37px;display:grid;place-items:center;font-weight:800}.account{display:flex;gap:10px;align-items:center}.account small{display:block;font-size:10px;margin-top:3px}.main{padding:30px 36px;max-width:1550px;margin:auto}.page-title{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:22px}.page-title h1{font-size:26px;letter-spacing:-1px;margin:0 0 7px}.page-title p{margin:0;color:var(--muted);font-size:12px}.intro{background:linear-gradient(108deg,#372685,#4c36aa 70%,#6953bd);border-radius:17px;padding:27px 30px;color:white;display:flex;align-items:center;justify-content:space-between;position:relative;overflow:hidden;margin-bottom:24px;min-height:151px}.intro:after{content:'';position:absolute;width:260px;height:260px;border:45px solid #ffffff08;border-radius:50%;right:-65px;top:-100px}.intro h2{font-size:23px;margin:8px 0}.intro p{color:#ddd5fb;font-size:12px;max-width:430px;line-height:1.7}.intro small{color:#d2c8f5;font-size:9px;letter-spacing:1.5px}.intro button{z-index:1;background:white;color:var(--purple)}.intro-mark{font-size:64px;font-weight:800;color:#ffffff0c;position:absolute;right:190px;transform:rotate(-15deg)}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:17px;margin-bottom:25px}.stat{background:#fff;border:1px solid var(--line);border-radius:13px;padding:19px}.stat-top{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#8b889e}.stat-icon{display:grid;place-items:center;border-radius:10px;width:37px;height:37px;font-size:18px}.stat h2{font-size:25px;letter-spacing:-1px;margin:12px 0 8px}.stat small{font-size:10px}.up{color:#1a9e77}.panels{display:grid;grid-template-columns:1.7fr 1fr;gap:21px;margin-bottom:23px}.card{background:white;border:1px solid var(--line);border-radius:14px;padding:23px;min-width:0}.card-title{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:20px}.card-title h3{font-size:14px;margin:0}.card-title select{width:auto;font-size:10px;padding:7px}.quick-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.quick{background:#faf9fe;color:#6a657f;border:1px solid #f0edf8;border-radius:12px;display:flex;flex-direction:column;font-size:10px;font-weight:500;padding:17px 5px;gap:12px}.quick i{font-size:20px;font-style:normal;color:var(--purple)}.quick:nth-child(2) i{color:#e98047}.quick:nth-child(3) i{color:#29a58d}.quick:nth-child(4) i{color:#c863b2}.quick:nth-child(5) i{color:#559be3}.quick:nth-child(6) i{color:#e96072}.table-scroll{overflow:auto}table{border-collapse:collapse;width:100%;text-align:left;white-space:nowrap;font-size:12px}th{font-size:10px;color:#9a98aa;font-weight:500;background:#fafafe;border-bottom:1px solid var(--line);padding:13px 12px}td{padding:16px 12px;border-bottom:1px solid #f3f2f7}tbody tr:last-child td{border-bottom:0}.badge{padding:5px 9px;font-size:10px;border-radius:5px;background:#edf8f1;color:#299a6a;display:inline-block}.badge.pending{background:#fff5e3;color:#c59527}.badge.rejected,.badge.suspended{background:#ffedf0;color:#d74b63}.badge.sample{background:#eeebfa;color:var(--purple)}.table-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px}.table-head h3{font-size:14px;margin:0}.table-head input{width:180px;padding:8px 11px;font-size:11px}.table-head .button{font-size:11px;padding:8px 12px}.bottom-strip{display:flex;justify-content:space-between;color:#aaa7ba;font-size:10px;padding-top:25px}.demo-bar{background:#fff6dd;color:#8f6c18;padding:9px 20px;text-align:center;font-size:11px;border-bottom:1px solid #efdfb9}.mobile-toggle{display:none;background:white;color:var(--ink);font-size:21px;padding:0}.split{display:grid;grid-template-columns:1fr 1fr;gap:20px}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}.full{grid-column:1/-1}.form-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:25px}.auth{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;background:white}.auth-art{background:radial-gradient(ellipse at 85% 20%,#5743a8,transparent 55%),radial-gradient(ellipse at 10% 95%,#a63a74,transparent 55%),#241761;padding:50px 65px;display:flex;flex-direction:column;position:relative;overflow:hidden;color:white}.auth-art .brand{color:white}.auth-art .brand img{background:#fff;border-radius:50%;padding:4px;width:52px;height:52px}.auth-art .brand small{color:#c4bbde}.auth-copy{margin:auto 0;z-index:1;max-width:430px;padding:55px 0}.auth-copy .eyebrow{font-size:10px;letter-spacing:3px;color:#b6a8e2}.auth-copy h1{font-size:49px;line-height:1.2;letter-spacing:-2px;margin:20px 0}.auth-copy h1 span{color:#ffb4bd}.auth-copy p{font-size:14px;line-height:1.9;color:#d7cfea;max-width:350px}.orb{position:absolute;border:1px solid #ffffff12;border-radius:50%;width:650px;height:650px;right:-330px;bottom:-150px;box-shadow:0 0 0 50px #ffffff03,0 0 0 100px #ffffff03,0 0 0 150px #ffffff03}.mini-bill{padding:20px;border:1px solid #ffffff24;border-radius:16px;background:#ffffff0c;backdrop-filter:blur(10px);width:310px;margin-top:30px}.mini-bill header{font-size:12px;display:flex;justify-content:space-between}.mini-bill strong{display:block;font-size:27px;margin:20px 0 10px}.mini-bill span{font-size:10px;color:#d2c9ed}.auth-form{padding:45px 60px;display:flex;align-items:center;justify-content:center}.auth-inner{width:100%;max-width:440px}.auth-inner.wide{max-width:650px}.auth-inner h2{font-size:27px;letter-spacing:-1px;margin:12px 0}.auth-inner>p{color:var(--muted);line-height:1.8;font-size:12px}.google{width:100%;background:white;color:#454158;border:1px solid #dedbe9;margin:20px 0 8px}.google b{color:#4285f4;font-size:17px}.divider{display:flex;align-items:center;gap:10px;font-size:10px;color:#aaa6b8;margin:18px 0}.divider:before,.divider:after{content:'';height:1px;background:var(--line);flex:1}.wide-btn{width:100%;margin-top:22px}.auth-foot{font-size:12px;text-align:center;margin-top:25px;color:#9993aa}.auth-foot button{background:transparent;color:var(--purple);padding:0;font-size:12px}.fine{font-size:10px;color:#b3adbf;line-height:1.8;text-align:center;margin-top:25px}.preview-links{display:flex;gap:10px;margin-top:20px}.preview-links button{flex:1;font-size:11px}.error{color:#c92948;background:#fff0f3;padding:10px;border-radius:8px;font-size:12px}.empty{text-align:center;padding:65px 25px;color:var(--muted)}.empty h2{color:var(--ink);margin-top:15px}.empty .symbol{font-size:40px}.legacy-frame{width:100%;height:calc(100vh - 160px);border:0;background:white;border-radius:15px}.pill{background:#efecfa;color:var(--purple);padding:6px 10px;border-radius:20px;font-size:10px}.chart{height:180px;display:flex;gap:13px;align-items:flex-end;border-bottom:1px solid #e9e6f1;position:relative;background:repeating-linear-gradient(to top,transparent 0,transparent 43px,#f4f2f8 44px,#f4f2f8 45px);padding:0 12px 24px}.bar-group{flex:1;height:100%;display:flex;align-items:flex-end;justify-content:center;gap:4px;position:relative}.bar-group i{width:15px;border-radius:4px 4px 0 0;background:#6852c8}.bar-group i:nth-child(2){background:#e5dffa}.bar-group span{position:absolute;bottom:-19px;color:#aaa6bd;font-size:9px}.legend{font-size:10px;color:#8e88a2;margin:8px 0 17px}.legend i{display:inline-block;width:7px;height:7px;background:#6852c8;border-radius:2px;margin-right:6px}.legend i:nth-child(2){background:#e5dffa;margin-left:14px}#loader{position:fixed;inset:0;background:#f6f4fbe8;z-index:1000;backdrop-filter:blur(8px);display:grid;place-items:center}#loader[hidden]{display:none}#loader>div{display:flex;align-items:center;flex-direction:column;gap:12px}#loader img{width:115px;height:115px;object-fit:contain}#loader strong{color:var(--purple)}#loader span{font-size:12px;color:var(--muted)}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:#26203c;color:white;border-radius:10px;box-shadow:0 10px 40px #0002;padding:13px 23px;z-index:2000;display:none;max-width:90vw}dialog{border:0;border-radius:18px;padding:30px;width:min(700px,94vw);max-height:90vh;color:var(--ink);box-shadow:0 30px 100px #231c4733}dialog::backdrop{background:#201a4566;backdrop-filter:blur(4px)}dialog h2{font-size:23px}.invoice-lines input{padding:8px;min-width:65px}.invoice-lines td{padding:7px}.notice{font-size:12px;border-radius:10px;background:#f2effc;color:#6a5c97;padding:14px;line-height:1.7}.admin-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.approval-actions{display:flex;gap:7px}.check-list{line-height:2.2;color:#7e7890;font-size:12px}.home-nav{padding:20px 8%;display:flex;justify-content:space-between;align-items:center;background:white}.home-hero{padding:75px 8%;display:grid;grid-template-columns:1fr 1fr;gap:50px;background:radial-gradient(at 10% 10%,#f2ebff,transparent 60%),radial-gradient(at 95% 80%,#ffe9ed,transparent 60%),#faf9ff}.home-hero h1{font-size:58px;line-height:1.12;letter-spacing:-3px;margin:20px 0}.home-hero h1 span{color:var(--purple)}.home-hero p{color:#8c829e;line-height:1.9;max-width:430px}.hero-actions{display:flex;gap:12px;margin:30px 0}.hero-preview{background:white;border:1px solid #eee7fa;box-shadow:0 30px 75px #4b368e1a;border-radius:20px;padding:25px;transform:rotate(-2deg);align-self:center}.feature-row{padding:40px 8%;display:grid;grid-template-columns:repeat(3,1fr);gap:40px;background:white}.feature-row h3{font-size:16px}.feature-row p{font-size:12px;line-height:1.8;color:var(--muted)}@media(max-width:1100px){.shell{grid-template-columns:205px 1fr}.sidebar{width:205px;padding:22px 14px}.main{padding:25px 22px}.topbar{padding:0 22px}.stats{gap:10px}.stat{padding:14px}.stat h2{font-size:22px}.auth-art{padding:35px}.auth-form{padding:35px}.home-hero h1{font-size:45px}}@media(max-width:800px){.shell{display:block}.sidebar{transform:translateX(-100%);transition:transform .2s;width:238px;box-shadow:20px 0 70px #29205422}.sidebar.open{transform:translateX(0)}.mobile-toggle{display:block}.topbar{height:70px;padding:0 18px}.breadcrumb{display:none}.main{padding:23px 16px}.stats{grid-template-columns:1fr 1fr}.panels{grid-template-columns:1fr}.intro{padding:22px}.intro h2{font-size:19px}.intro button{font-size:11px;padding:10px}.page-title h1{font-size:24px}.page-title button{font-size:11px}.account .details{display:none}.auth{grid-template-columns:1fr}.auth-art{min-height:190px;padding:23px 28px}.auth-copy{padding:25px 0 5px;margin:0;max-width:100%}.auth-copy h1{font-size:28px;letter-spacing:-1px;margin:8px 0}.auth-copy p,.mini-bill,.auth-art footer,.eyebrow{display:none}.auth-form{padding:30px 24px}.field-grid,.admin-grid,.split{grid-template-columns:1fr}.full{grid-column:auto}.card{padding:18px}.bottom-strip{font-size:9px;gap:10px}.home-hero{grid-template-columns:1fr;padding:45px 7%;gap:30px}.home-hero h1{font-size:44px}.hero-preview{transform:none}.feature-row{grid-template-columns:1fr;gap:15px}.home-nav{padding:15px 6%}.home-nav .brand{font-size:18px}.home-nav button{font-size:11px}.legacy-frame{height:calc(100dvh - 145px)}.table-head{flex-wrap:wrap}.intro-mark{display:none}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}@media print{.sidebar,.topbar,.demo-bar,.page-title button,.form-actions,.bottom-strip{display:none}.workspace{margin:0}.shell{display:block}.card{border:0}.main{padding:0}dialog{position:static;max-height:none;box-shadow:none}.auth{display:none}}
.home-hero>*{min-width:0}.hero-preview{min-width:0;width:100%}@media(max-width:800px){.home-hero{grid-template-columns:minmax(0,1fr)}.hero-preview{padding:17px}.hero-actions{flex-wrap:wrap}.chart{gap:4px;padding-left:2px;padding-right:2px}.bar-group{gap:2px;min-width:0}.bar-group i{width:8px}.chart .bar-group span{font-size:8px}.intro img{width:56px}.intro{gap:12px}.intro>div{min-width:0}.page-title{flex-wrap:wrap}.top-actions{min-width:0}.top-actions>.pill{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}
a.brand{text-decoration:none;color:inherit;cursor:pointer}