:root{--ink:#252c3a;--muted:#7d8492;--purple:#7355d8;--line:#ececf1;--green:#24866b}*{box-sizing:border-box}body{margin:0;background:#f7f8fb;color:var(--ink);font:14px Manrope,Arial,sans-serif}button,select,input{font:inherit}button,select{cursor:pointer;border:1px solid #e4e5ed;border-radius:10px;background:white;padding:11px 16px;color:var(--ink)}button:hover{border-color:var(--purple);color:var(--purple)}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #bba8ff}aside{position:fixed;inset:0 auto 0 0;width:236px;background:white;border-right:1px solid var(--line);padding:31px 22px;display:flex;flex-direction:column}.brand{font-size:23px;font-weight:800;text-decoration:none;color:var(--ink);letter-spacing:-1px;display:flex;align-items:center;gap:10px}.brand i{background:var(--purple);color:white;border-radius:12px;width:37px;height:37px;text-align:center;font-style:normal}aside>small{font-size:9px;letter-spacing:1.2px;margin:23px 0;color:#969ba5}nav{display:grid;gap:7px}nav button{border:0;text-align:left;padding:14px;background:transparent;color:#7c8190}nav button.active{background:#f0ebfc;color:#7653d2;font-weight:800}nav em{font-style:normal;display:inline-block;width:26px;font-size:18px}.aside-bottom{margin-top:auto;display:flex;align-items:center;gap:12px;border-top:1px solid var(--line);padding-top:22px}.avatar{padding:10px 14px;border-radius:50%;background:#f1ecfb;color:var(--purple)}small{display:block;color:var(--muted);font-size:11px;margin-top:5px}main{margin-left:236px;padding:0 40px;max-width:1800px}header{height:84px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;font-weight:700}.badge,.pill{display:inline-block;padding:4px 9px;border-radius:6px;font-size:11px;background:#eee8fc;color:var(--purple);margin-left:10px}.heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:29px 0 22px}h1{font-size:30px;letter-spacing:-1px;margin:6px 0}p{line-height:1.65;color:var(--muted);margin:6px 0}.eyebrow{font-size:11px;color:var(--purple);font-weight:700}.actions{display:flex;gap:10px}.primary{background:var(--purple);border-color:var(--purple);color:white!important;box-shadow:0 4px 10px #7355d81c}.demo{background:#f0edfa;border:1px solid #e4ddf5;border-radius:10px;padding:12px 17px;color:#7255ad;font-size:12px;margin-bottom:24px}.demo span{color:#8a7b9f;margin-left:15px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:17px}.card{background:white;border:1px solid var(--line);border-radius:15px;padding:22px}.metric .label{color:var(--muted);display:flex;justify-content:space-between}.metric strong{font-size:29px;display:block;letter-spacing:-1px;margin:15px 0 9px}.metric .trend{color:var(--green);font-size:11px}.metric.highlight{background:#7455d5;color:white;border-color:#7455d5}.highlight .label,.highlight .trend{color:#e7ddff}.grid{display:grid;grid-template-columns:1.8fr 1fr;gap:20px;margin-top:22px}h2{font-size:16px;margin:0 0 6px;letter-spacing:-.3px}h3{font-size:14px;margin:0 0 5px}.row{display:flex;align-items:center;justify-content:space-between;gap:12px}.legend{font-size:11px;color:var(--muted)}.dot{color:var(--purple)}.chart{height:236px;width:100%;margin-top:14px;overflow:visible}.axis{display:flex;justify-content:space-between;color:#959aaa;font-size:10px;margin:0 10px 0 37px}.notice{padding:17px 0;border-bottom:1px solid var(--line);display:flex;gap:12px}.notice:last-child{border:0}.icon{flex:0 0 35px;height:35px;display:grid;place-items:center;background:#fff2df;border-radius:10px;color:#c38c35}.notice p{font-size:12px}.link{border:0;color:var(--purple);padding:0;background:transparent;font-size:12px}.product-list{margin-top:20px}.product{display:grid;grid-template-columns:48px 1.7fr 1fr 1fr 1fr;align-items:center;gap:15px;padding:15px 0;border-bottom:1px solid var(--line)}.product:last-child{border:0}.thumb{height:45px;width:43px;border-radius:9px;display:grid;place-items:center;background:#f1eee9;font-size:25px}.product strong{font-size:13px}.product .amount{font-weight:700}.green{color:var(--green)}.warn{color:#bb8328}.bar{height:6px;background:#efedf6;border-radius:9px;overflow:hidden;margin-top:8px}.bar span{height:100%;display:block;background:#967bdf}.search{padding:12px 15px;border:1px solid #e2e3eb;border-radius:9px;min-width:240px}.task{padding:17px 0;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:12px}.task input{accent-color:var(--purple);width:19px;height:19px}.done{text-decoration:line-through;color:#9a9eaa}.task button{margin-left:auto;border:0;padding:5px;color:#999}.formrow{display:flex;gap:10px;margin-top:20px}.formrow input{flex:1;min-width:0}.drop{display:block;text-align:center;border:2px dashed #d9cef5;border-radius:14px;background:#faf8ff;padding:42px 20px;margin:22px 0;cursor:pointer}.drop b{font-size:17px;color:var(--purple);display:block;margin-bottom:8px}.drop input{margin:20px auto 0;max-width:100%}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:22px}.step-num{background:#f0ebfb;color:var(--purple);padding:6px 12px;border-radius:9px;display:inline-block;margin-bottom:20px}.steps p{font-size:12px}.tablewrap{overflow:auto;max-height:350px;margin-top:20px}table{border-collapse:collapse;font-size:11px;white-space:nowrap;width:100%}td,th{padding:10px;border:1px solid var(--line);text-align:left}th{background:#f3f1f9}.error{color:#b34d4d}.success{color:var(--green)}footer{padding:30px 0;color:#a1a5b0;font-size:11px}dialog{border:0;border-radius:18px;max-width:540px;width:90%;padding:32px;box-shadow:0 30px 100px #252c3a30}dialog::backdrop{background:#252c3a66}.close{float:right;border:0;font-size:22px;padding:0 7px}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:#292639;color:white;border-radius:10px;padding:12px 20px;display:none;z-index:20}a{color:var(--purple)}.finance-line{padding:13px 0;border-bottom:1px solid var(--line)}@media(min-width:1500px){main{padding:0 65px}}@media(max-width:1100px){aside{width:195px;padding:25px 15px}main{margin-left:195px;padding:0 24px}.heading{align-items:flex-start;flex-direction:column}.metrics{grid-template-columns:repeat(2,1fr)}.grid{grid-template-columns:1fr}.chart{height:210px}}@media(max-width:650px){aside{position:sticky;top:0;width:100%;padding:10px 12px;z-index:5;border-bottom:1px solid var(--line)}.brand{font-size:18px}.brand i{width:28px;height:28px}aside>small,.aside-bottom{display:none}nav{display:flex;overflow:auto;gap:4px;margin-top:9px}nav button{font-size:11px;white-space:nowrap;padding:9px}nav em{display:none}main{margin:0;padding:0 16px}header{height:59px;font-size:12px}header button{padding:8px}.heading{margin-top:20px}h1{font-size:26px}.actions{width:100%;gap:6px}.actions>*{padding:10px;font-size:11px;flex:1;min-width:0}.demo span{display:block;margin:5px 0 0}.metrics{gap:10px}.card{padding:16px}.metric strong{font-size:23px}.metric .label{font-size:11px}.product{grid-template-columns:40px 1fr 80px;gap:9px}.product>.hide-mobile{display:none}.steps{grid-template-columns:1fr}.search{min-width:0;width:100%;margin-top:10px}.row.wrap{display:block}.grid{gap:13px;margin-top:13px}}

.login-box{width:min(440px,92%);margin:10vh auto;padding:32px;border:1px solid #e8e6ef;border-radius:20px;background:white}.login-box form{display:grid;gap:20px;margin:24px 0}.login-box label,.connect-form label{display:grid;gap:10px}.login-box input,.connect-form input{width:100%;min-width:0}.connect-form{display:grid;gap:15px;margin:22px 0;max-width:700px}.bars{height:220px;display:flex;align-items:end;gap:6px;padding:18px 0;overflow:auto}.bar-col{flex:1;min-width:12px;text-align:center}.bar-col>span{display:block;border-radius:4px 4px 0 0}.metric.highlight small{color:#e3dafa}button:disabled{cursor:wait;opacity:.5}

[hidden]{display:none!important}

aside{overflow-y:auto}nav{flex-shrink:0}.aside-bottom{flex-shrink:0}textarea{font:inherit;border:1px solid #e2e3eb;border-radius:9px;padding:12px;width:100%;resize:vertical}.consent{display:flex!important;align-items:flex-start;line-height:1.6}.consent input{width:18px!important;height:18px;min-width:18px!important;margin-top:3px;accent-color:var(--purple)}.assistant-answer{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.7}.actions.wrap{flex-wrap:wrap}.notice>div{min-width:0;overflow-wrap:anywhere}@media(max-width:650px){aside{overflow:visible}nav{max-width:100%}.connect-form .search{margin-top:0}}

.product-photo{overflow:hidden;background:white}.product-photo img{width:100%;height:100%;object-fit:contain}.no-photo{font-size:9px;color:#9295a0;text-align:center}#detail>.product-photo{width:150px;height:190px;margin-bottom:18px}
.cost-tabs{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:15px}.cost-intro{margin:0 0 20px}.cost-toolbar{display:flex;gap:20px;align-items:end;margin:20px 0;flex-wrap:wrap}.cost-toolbar label,.cost-form label,.cost-product-form label,.cost-period-form label{display:grid;gap:7px;font-size:12px}.cost-toolbar input,.cost-toolbar select,.cost-form input:not([type=checkbox]),.cost-form select,.cost-product-form input,.cost-period-form input{border:1px solid #dedee8;border-radius:9px;background:white;padding:11px;color:#252c3a;font:inherit;max-width:100%;min-width:0}.cost-form{display:grid;gap:16px;margin-top:20px}.cost-form p{font-size:12px}.cost-pair{display:grid;grid-template-columns:1fr 1fr;gap:12px}.cost-product-form{display:grid;grid-template-columns:45px minmax(140px,1fr) 140px 130px 110px;gap:15px;align-items:center;padding:18px 0;border-bottom:1px solid var(--line)}.cost-product-name strong{font-size:12px}.cost-product-form .form-status{grid-column:2/-1;font-size:11px;margin:0}.cost-history{margin-top:22px}.cost-check{display:flex!important;align-items:flex-start;gap:9px!important;line-height:1.6}.cost-check input{accent-color:var(--purple);width:18px;height:18px;flex:0 0 18px}.cost-period-form{display:flex;gap:10px;align-items:end;flex-wrap:wrap}.expense-item{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:16px 0;border-bottom:1px solid var(--line)}.expense-inactive{opacity:.55}.profit-blockers{padding-left:20px;color:#916b35;line-height:1.7;font-size:12px}.profit-ready{border-color:#b6dbcd}.cost-form input:focus{outline:2px solid #c6b7ed}@media(max-width:1250px){.cost-product-form{grid-template-columns:40px minmax(120px,1fr) 110px 105px}.cost-product-form button{grid-column:2/-1;justify-self:end}.cost-product-form .form-status{grid-column:2/-1}}@media(max-width:650px){.cost-tabs{display:grid;grid-template-columns:1fr;width:100%}.cost-toolbar{display:grid;grid-template-columns:1fr}.cost-product-form{grid-template-columns:42px 1fr 1fr;gap:10px}.cost-product-name{grid-column:2/4}.cost-product-form label{grid-column:auto}.cost-product-form label:first-of-type{grid-column:2}.cost-product-form button{grid-column:2/4;justify-self:stretch}.cost-pair{grid-template-columns:1fr}.cost-period-form{display:grid;grid-template-columns:1fr 1fr}.cost-period-form button{grid-column:1/-1}.expense-item{align-items:flex-start;flex-direction:column}}