:root{--blue:#377de7;--blue-soft:#cddef5;--blue-tint:#377de733;--blue-tint-10:#377de71a;--ink-2:#2a2a2a;--ink-3:#38393e;--muted:#74747c;--muted-2:#38393eb3;--line:#e8e4e3;--line-2:#e2e2e2;--chip:#f2f2f2;--chip-dk:#d6d6d680;--star:#fed500;--minus:#f74c07}*{box-sizing:border-box;margin:0;padding:0}html,body{color:#000;-webkit-font-smoothing:antialiased;background:linear-gradient(#e4f0fe 0%,#f5f5f5 100%);margin:0;font-family:Inter,system-ui,sans-serif}body{width:100vw;min-height:100vh;overflow:hidden auto}.stage{transform-origin:0 0;width:1920px;height:1200px;position:relative}.frame{background:linear-gradient(#e4f0fe 0%,#f5f5f5 100%);width:1920px;height:1200px;position:relative}.abs{position:absolute}.iconify{line-height:1;display:inline-block}.rail{border-radius:17px;width:54px;height:1178px;padding:11px 5px;top:11px;left:11px}.rail .logo{background:var(--blue);border:1px solid #fff6;border-radius:1000px;justify-content:center;align-items:center;width:44px;height:58px;display:flex;position:absolute;top:11px;left:5px;box-shadow:0 4px 12px #377de759}.rail .logo .iconify{color:#fff;font-size:24px}.rail .brand-txt{letter-spacing:-.5px;text-align:center;color:#000;width:46px;font:700 11px/13px Inter;position:absolute;top:76px;left:4px}.rail .sep{background:linear-gradient(90deg,#fff0 0%,#000c 47%,#fff0 100%);border-radius:22px;width:44px;height:1px;position:absolute;top:128px;left:5px}.nav-item{flex-direction:column;align-items:center;gap:8px;width:44px;height:96px;display:flex;position:absolute;left:5px}.nav-item .icon{width:44px;height:58px;color:var(--ink-2);background:#fff;border:1px solid #377de747;border-radius:1000px;justify-content:center;align-items:center;display:flex}.nav-item .icon .iconify{font-size:24px}.nav-item .label{letter-spacing:-.5px;color:#000;font:500 12px/13.5px Inter}.nav-item.active .label{font-weight:600}.nav-item.active .icon{color:#fff;background:linear-gradient(#000,#000) padding-box padding-box,linear-gradient(#000 0%,#2a2a2a00 52%,#004dbe 90%) border-box;border:1.5px solid #0000;border-radius:1000px}.rail .btm{flex-direction:column;gap:14px;display:flex;position:absolute;bottom:11px;left:5px}.rail .btm .b{width:44px;height:58px;color:var(--ink-2);background:#fff;border:1px solid #377de747;border-radius:1000px;justify-content:center;align-items:center;display:flex}.rail .btm .b .iconify{font-size:24px}.card{background:#fff;border:1px solid #377de72e;border-radius:36px;width:1833px;height:1178px;padding:11px;top:11px;left:76px}.side{width:260px;height:1156px;top:11px;left:11px}.side .panel{background:linear-gradient(#e4f0fe 0%,#f5f5f500 100%);border-radius:30px;width:260px;height:900px;padding:10px;position:absolute;top:0;left:0}.side h2{letter-spacing:-.8px;color:#000;align-items:center;gap:10px;padding:6px 4px 8px;font:700 22px/22px Inter;display:flex}.side h2 .ico{background:var(--chip-dk);width:36px;height:36px;color:var(--ink-2);border-radius:22px;justify-content:center;align-items:center;display:flex}.side h2 .ico .iconify{font-size:20px}.side-title{grid-template-columns:auto minmax(0,1fr) 38px;align-items:center;gap:8px;display:grid!important}.side-title>span:not(.ico){text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.side-search-icon{color:#1c274c;background:#fff;border:1px solid #00000012;border-radius:14px;justify-content:center;align-items:center;width:36px;height:36px;display:flex;box-shadow:0 6px 16px #0f1e3c0d}.side-search-icon .iconify{font-size:19px}.side .search{background:var(--chip);border:1px solid var(--line);letter-spacing:-.5px;height:44px;color:var(--ink-3);border-radius:22px;align-items:center;gap:10px;padding:0 15px;font:400 15px/13.5px Inter;display:flex}.side .search .iconify{color:var(--ink-2);font-size:20px}.product-dashboard-pill{color:#fff;letter-spacing:-.5px;background:#000;border:0;border-radius:22px;align-items:center;gap:10px;width:100%;height:41px;margin:4px 0 10px;padding:0 13px;font:500 15px/13.5px Inter;display:flex}.product-dashboard-pill .iconify{font-size:20px}.side .div{background:linear-gradient(90deg,#fff0 0%,#0009 47%,#fff0 100%);height:1px;margin:10px 4px}.grp-h{justify-content:space-between;align-items:center;padding:6px 8px;display:flex}.grp-h .l{letter-spacing:-.5px;color:var(--muted-2);font:500 13px/13.5px Inter}.grp-h .e{background:var(--ink-2);color:#fff;border-radius:1000px;justify-content:center;align-items:center;width:20px;height:20px;display:flex}.grp-h .e .iconify{font-size:11px}.m-row{height:41px;color:var(--ink-2);letter-spacing:-.5px;border-radius:22px;align-items:center;gap:10px;margin:2px 0;padding:0 13px;font:400 15px/13.5px Inter;display:flex}.m-row .l-ico{width:20px;height:20px;color:var(--ink-2);justify-content:center;align-items:center;display:flex}.m-row .l-ico .iconify{font-size:20px}.m-row .more{width:18px;height:18px;color:var(--ink-2);opacity:.7;justify-content:center;align-items:center;margin-left:auto;display:flex}.m-row .more .iconify{font-size:18px}.m-row.active{background:linear-gradient(var(--blue),var(--blue)) padding-box, linear-gradient(90deg, #000 0%, #0000 8%, #0000 92%, #000 100%) border-box;color:#fff;border:1px solid #0000;font-weight:500}.m-row.active .l-ico{color:var(--blue);background:#fff;border-radius:50%;width:24px;height:24px}.m-row.active .l-ico .iconify{font-size:14px}.m-row.active .l-ico,.m-row.active .more{color:#fff;opacity:1}.q-row{letter-spacing:-.5px;height:41px;color:var(--ink-2);border-radius:22px;align-items:center;gap:10px;margin:2px 0;padding:0 8px;font:500 13px/13.5px Inter;display:flex}.q-row .arr{width:28px;height:28px;color:var(--ink-2);background:#fff;border-radius:1000px;justify-content:center;align-items:center;display:flex}.q-row .arr .iconify{font-size:16px}.side .upgrade{background:linear-gradient(#e4f0fe 0%,#f5f5f5 100%);border-radius:30px;width:260px;height:110px;padding:10px;position:absolute;bottom:0;left:0}.side .upgrade .t{letter-spacing:-.8px;color:#000;align-items:center;gap:10px;padding:0 4px 4px;font:700 20px/22px Inter;display:flex}.side .upgrade .t .ico{background:var(--chip-dk);border-radius:22px;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.side .upgrade .t .ico .iconify{color:var(--ink-2);font-size:20px}.work{width:1536px;height:1156px;top:11px;left:282px}.topbar{box-sizing:border-box;justify-content:space-between;align-items:center;width:1536px;height:39px;display:flex;position:absolute;top:0;left:0}.topbar .l{align-items:center;gap:10px;display:flex}.ic-btn{min-width:40px;height:39px;color:var(--ink-2);background:#fff;border:1px solid #377de747;border-radius:100px;justify-content:center;align-items:center;padding:0 9px;display:flex}.ic-btn .iconify{font-size:22px}.sidebar-toggle.active{background:var(--blue);color:#fff;box-shadow:0 10px 22px #377de72e,inset 7px 0 12px -12px #000000d9,inset -7px 0 12px -12px #000000d9}.topbar h1{letter-spacing:-.8px;color:#000;margin-left:4px;font:700 22px/22px Inter}.top-help{color:#1c274c;background:#fff;border:1px solid #377de747;border-radius:999px;justify-content:center;align-items:center;width:32px;height:32px;display:flex;box-shadow:0 4px 12px #0f1e3c0d}.top-help .iconify{font-size:18px}.topbar .r{align-items:center;gap:10px;display:flex}.pill-search{letter-spacing:-.5px;width:239px;height:39px;color:var(--muted);background:#fff;border:1px solid #377de747;border-radius:100px;align-items:center;gap:8px;padding:0 15px;font:400 15px/13.5px Inter;display:flex}.pill-search .iconify{color:var(--ink-2);font-size:20px}.pill-btn{letter-spacing:-.5px;height:39px;color:var(--ink-2);background:#fff;border:1px solid #377de747;border-radius:100px;align-items:center;gap:6px;padding:0 15px;font:500 15px/13.5px Inter;display:flex}.pill-btn .iconify{font-size:22px}.pill-icon{width:56px;height:39px;color:var(--ink-2);background:#fff;border:1px solid #377de747;border-radius:100px;justify-content:center;align-items:center;display:flex}.pill-icon .iconify{font-size:22px}.user{background:#fff;border:1px solid #377de747;border-radius:100px;align-items:center;gap:10px;height:39px;padding:0 4px 0 15px;display:flex}.user .txt{text-align:right;line-height:1}.user .name{letter-spacing:-.5px;color:#000;font:700 12px/12px Inter}.user .role{letter-spacing:-.5px;color:var(--muted);margin-top:3px;font:500 10px/12px Inter}.user .av{background:var(--blue);color:#fff;border-radius:100px;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.user .av .iconify{font-size:20px}.canvas{background:#fff;border:1px solid #377de72e;border-radius:36px;width:1536px;height:1106px;padding:11px;position:absolute;top:50px;left:0}.lcol{background:linear-gradient(#377de733 0%,#1f468100 100%);border-radius:30px;width:1108px;height:1084px;padding:11px;position:absolute;top:11px;left:11px}.toolbar{gap:10px;width:1108px;height:66px;padding:0 11px;display:flex;position:absolute;top:0;left:0}.tabs{background:var(--blue-soft);border-radius:30px;align-items:center;gap:10px;width:839px;height:66px;padding:11px;display:flex}.star-pill{width:51px;height:41px;color:var(--star);background:#fff;border:1px solid #377de74d;border-radius:100px;justify-content:center;align-items:center;display:flex}.star-pill .iconify{font-size:20px}.star-pill.active{background:var(--blue);color:#fff;box-shadow:inset 7px 0 12px -12px #000000d9,inset -7px 0 12px -12px #000000d9,0 6px 15px #377de729}.tab{letter-spacing:-.5px;height:41px;color:var(--ink-2);background:#fff;border:1px solid #377de74d;border-radius:100px;align-items:center;gap:6px;padding:0 15px;font:400 15px/13.5px Inter;display:flex}.tab .iconify{color:var(--ink-2);font-size:20px}.tab .brand{letter-spacing:0;color:var(--ink-2);margin-left:4px;font:500 15px Unbounded}.tab.active{background:linear-gradient(var(--blue),var(--blue)) padding-box, linear-gradient(90deg, #000 0%, #0000 8%, #0000 92%, #000 100%) border-box;color:#fff;border:1.5px solid #0000}.tab.active .iconify,.tab.active .brand{color:#fff}.editbar{background:var(--blue-soft);border-radius:30px;align-items:center;gap:10px;width:266px;height:66px;padding:11px;display:flex}.mini-search{letter-spacing:-.5px;height:44px;color:var(--ink-3);background:#f2f2f2;border:none;border-radius:100px;flex:1;align-items:center;gap:8px;padding:0 16px;font:400 15px/13.5px Inter;display:flex}.mini-search .iconify{color:var(--ink-2);font-size:20px}.edit-btn{letter-spacing:-.5px;color:#fff;white-space:nowrap;background:linear-gradient(#000,#000) padding-box padding-box,linear-gradient(#0000 0%,#0467fd 28%,#0065ff 50%,#1e70ee 75%,#a2a2a200 100%) border-box;border:1.5px solid #0000;border-radius:1000px;flex:none;align-items:center;gap:8px;height:46px;padding:0 18px;font:500 15px/13.5px Inter;display:flex}.edit-btn .iconify{font-size:20px}.chips{background:var(--blue-soft);border-radius:30px;align-items:center;gap:10px;width:1088px;height:45px;padding:5px 10px;display:flex;position:absolute;left:10px}.chips.r1{top:95px}.chips.r2{top:140px}.chip{letter-spacing:-.5px;height:35px;color:var(--ink-2);white-space:nowrap;background:#fff;border:1px solid #377de74d;border-radius:100px;align-items:center;gap:6px;padding:0 15px;font:400 15px/13.5px Inter;display:flex}.chip .iconify{color:var(--ink-2);font-size:13px}.chip.active{background:linear-gradient(var(--blue),var(--blue)) padding-box, linear-gradient(90deg, #000 0%, #0000 8%, #0000 92%, #000 100%) border-box;color:#fff;border:1.5px solid #0000;font-weight:500}.chip.active .iconify{color:#fff}.pgrid{grid-template-rows:repeat(2,326px);grid-template-columns:repeat(4,1fr);gap:10px;width:1108px;height:862px;padding:0 11px;display:grid;position:absolute;top:203px;left:0}.pcard{background:linear-gradient(#fff,#fff) padding-box padding-box,linear-gradient(90deg,#0065ff47 0%,#0065ff00 30% 70%,#0065ff47 100%) border-box;border:2px solid #0000;border-radius:26px;flex-direction:column;gap:14px;padding:11px;display:flex}.pcard .img{background:#f2f2f2 url(/assets/phone-case.svg) 50%/cover no-repeat;border-radius:22px;height:113px;position:relative}.pcard .img .badge{border:1px solid var(--blue);letter-spacing:-.3px;height:24px;color:var(--blue);background:#377de72e;border-radius:100px;align-items:center;padding:0 12px;font:600 12px/10px Inter;display:flex;position:absolute;top:10px;left:10px}.pcard .img .star{color:#0006;position:absolute;top:10px;right:10px}.pcard .img button.star{background:0 0;border:0;justify-content:center;align-items:center;width:30px;height:30px;padding:0;display:flex}.pcard .img .star.fav{color:var(--star)}.pcard .img .star .iconify{font-size:26px}.pcard .meta{flex-direction:column;gap:8px;display:flex}.pcard .meta .row{align-items:center;gap:8px;display:flex}.pcard .cat{letter-spacing:-.5px;color:var(--muted);font:500 9px/13.5px Inter}.pcard .stock{background:var(--chip);letter-spacing:-.5px;height:22px;color:var(--muted);border-radius:500px;align-items:center;gap:5px;padding:0 8px;font:500 9px/13.5px Inter;display:flex}.pcard .stock .iconify{color:var(--muted);font-size:13px}.pcard .name{letter-spacing:-.8px;color:#000;font:700 16px/22px Inter}.pcard .price{letter-spacing:-.5px;color:var(--ink-3);font:500 15px/13.5px Inter}.pcard .opts{gap:8px;display:flex}.pcard .opt{letter-spacing:-.5px;color:#000;background:#f2f2f2;border:none;border-radius:500px;flex:1;justify-content:space-between;align-items:center;height:31px;padding:0 12px;font:500 12px/13.5px Inter;display:flex}.pcard .opt .iconify{color:var(--ink-2);font-size:11px}.pcard .add{color:#fff;letter-spacing:-.5px;background:linear-gradient(var(--blue),var(--blue)) padding-box, linear-gradient(90deg, #0065ff80 0%, #2b2b2b00 50%, #0065ff80 100%) border-box;border:1.5px solid #0000;border-radius:1000px;justify-content:center;align-items:center;gap:10px;height:48px;font:600 16px/13.5px Inter;display:flex;position:relative}.pcard .add:before{content:"+";width:28px;height:28px;color:var(--blue);background:#fff;border-radius:50%;justify-content:center;align-items:center;font:700 18px Inter;display:flex;position:absolute;left:8px}.pcard .add .iconify{font-size:20px;display:none}.rcol{background:linear-gradient(#fbf9fa 0%,#e9e9e9 100%);border-radius:26px;width:395px;height:1084px;padding:10px;position:absolute;top:11px;left:1130px}.ohead{align-items:center;gap:10px;width:375px;height:36px;display:flex;position:absolute;top:10px;left:10px}.ohead .ico{background:var(--chip-dk);width:36px;height:36px;color:var(--ink-2);border-radius:22px;justify-content:center;align-items:center;display:flex}.ohead .ico .iconify{font-size:20px}.ohead h3{letter-spacing:-.8px;color:#000;font:700 22px/22px Inter}.ohead .act{gap:10px;margin-left:auto;display:flex}.ohead .act .b{letter-spacing:-.5px;height:36px;color:var(--ink-2);background:#fff;border:1px solid #377de747;border-radius:100px;align-items:center;gap:5px;padding:0 10px;font:500 15px/13.5px Inter;display:flex}.ohead .act .b .iconify{font-size:20px}.ometa{gap:5px;width:375px;height:22px;display:flex;position:absolute;top:66px;left:10px}.mpill{letter-spacing:-.8px;height:22px;color:var(--muted);background:#fff;border-radius:500px;align-items:center;gap:8px;padding:0 10px;font:500 13px/13.5px Inter;display:flex}.mpill:before{content:"";background:var(--muted);border-radius:50%;width:5px;height:5px}.cust{background:#fff;border-radius:20px;width:375px;min-height:84px;padding:10px;position:absolute;top:98px;left:10px}.cust .l{letter-spacing:-.8px;color:var(--muted-2);padding:0 8px 6px;font:500 13px/13.5px Inter}.cust .row{align-items:center;gap:10px;display:flex}.cust .fld{background:var(--chip);border:1px solid var(--line-2);letter-spacing:-.5px;height:40px;color:var(--muted);border-radius:100px;flex:1;align-items:center;gap:8px;padding:0 13px;font:500 15px/13.5px Inter;display:flex}.cust .fld .iconify{color:var(--muted);font-size:20px}.cust .fld .arr{margin-left:auto;font-size:14px}.cust .plus{color:#fff;background:#000;border-radius:100px;justify-content:center;align-items:center;width:50px;height:40px;display:flex}.cust .plus .iconify{font-size:14px}.customer-strip{scrollbar-width:none;gap:6px;padding:8px 2px 0;display:flex;overflow-x:auto}.customer-strip::-webkit-scrollbar{display:none}.customer-strip button{border:1px solid var(--line-2);text-align:left;background:#fff;border-radius:14px;flex:none;min-width:104px;max-width:134px;padding:6px 8px;box-shadow:0 4px 12px #0f1e3c0a}.customer-strip button.active{color:var(--blue);background:#377de71a;border-color:#377de78c}.customer-strip span{letter-spacing:-.35px;white-space:nowrap;text-overflow:ellipsis;font:700 11px/13px Inter;display:block;overflow:hidden}.customer-strip small{letter-spacing:-.25px;color:var(--muted);white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font:500 9px/11px Inter;display:block;overflow:hidden}.rdiv{background:linear-gradient(90deg,#fff0 0%,#0006 47%,#fff0 100%);width:239px;height:1px;position:absolute;top:234px;left:73px}.ord1{background:#fff;border:1px solid #377de733;border-radius:22px;width:375px;height:147px;padding:11px;position:absolute;top:253px;left:10px}.ord2{background:#fff;border:1px solid #377de733;border-radius:22px;width:375px;height:164px;padding:11px;position:absolute;top:410px;left:10px}.ord-top{align-items:flex-start;gap:0;display:flex}.thumb{background:var(--chip) url(/assets/phone-case.svg) center/cover no-repeat;border-radius:18px;flex:none;width:100px;height:80px}.ord-body{flex-direction:column;flex:1;gap:7px;padding-left:10px;display:flex}.ord-name{letter-spacing:-.8px;color:#000;font:700 16px/22px Inter}.ord-row{align-items:center;gap:8px;display:flex}.ord-price{letter-spacing:-.5px;color:var(--muted);font:500 15px/13.5px Inter}.tg{background:var(--chip);letter-spacing:-.5px;height:22px;color:var(--muted);border-radius:500px;align-items:center;gap:5px;padding:0 8px;font:500 9px/13.5px Inter;display:flex}.tg:before{content:"";background:var(--muted);border-radius:50%;width:5px;height:5px}.ord-footer{justify-content:space-between;align-items:center;margin-top:11px;display:flex}.ord-sub .l{letter-spacing:-.5px;color:var(--muted);font:500 9px/13.5px Inter}.ord-sub .v{letter-spacing:-.5px;color:var(--ink-3);margin-top:5px;font:700 15px/13.5px Inter}.siap{border:.5px solid var(--blue);letter-spacing:-.5px;height:35px;color:var(--blue);background:#377de71a;border-radius:100px;align-items:center;padding:0 15px;font:500 13px/13.5px Inter;display:flex}.qty{background:#f2f2f2;border-radius:1000px;align-items:center;gap:14px;height:60px;padding:8px;display:flex}.qty .b{color:#fff;border:1.5px solid #0000;border-radius:1000px;justify-content:center;align-items:center;width:58px;height:44px;display:flex}.qty .b.minus{background:linear-gradient(var(--minus),var(--minus)) padding-box, linear-gradient(180deg, #e8e4e3 0%, #600000 58%, #fff0 100%) border-box}.qty .b.plus{background:linear-gradient(var(--blue),var(--blue)) padding-box, linear-gradient(180deg, #e8e4e3 0%, #000 58%, #fff0 100%) border-box}.qty .b .iconify{color:#fff;font-size:22px}.qty .n{letter-spacing:-.5px;color:#000;text-align:center;min-width:14px;font:600 22px/13.5px Inter}.num{letter-spacing:-.5px;color:#000;font:500 15px/13.5px Inter}.sum{background:#fff;border:1px solid #377de733;border-radius:26px;flex-direction:column;gap:10px;width:375px;height:340px;padding:11px;display:flex;position:absolute;top:734px;left:10px}.sum-head{align-items:center;gap:10px;display:flex}.sum-head .l{flex:1;align-items:center;gap:8px;padding:0 10px;display:flex}.sum-head .l .iconify{color:var(--ink-2);font-size:18px}.sum-head .l span{letter-spacing:-.8px;color:var(--ink-3);font:500 15px/10px Inter}.sum-head .ic{width:36px;height:36px;color:var(--ink-2);background:#fff;border:1px solid #377de747;border-radius:100px;justify-content:center;align-items:center;display:flex}.sum-head .ic .iconify{font-size:20px}.sum-head .note{letter-spacing:-.5px;height:36px;color:var(--ink-2);background:#fff;border:1px solid #377de747;border-radius:100px;align-items:center;gap:6px;padding:0 12px;font:500 15px/13.5px Inter;display:flex}.sum-head .note .iconify{font-size:20px}.sum-rows{flex-direction:column;gap:14px;padding:5px 10px;display:flex}.sum-row{letter-spacing:-.8px;color:var(--muted);justify-content:space-between;align-items:center;font:500 15px/13.5px Inter;display:flex}.sum-row.total{color:var(--ink-3);font-size:17px;font-weight:700}.sum-div{background:linear-gradient(90deg,#fff0 0%,#0006 47%,#fff0 100%);align-self:center;width:80%;height:1px}.pay-lbl{letter-spacing:-.8px;color:var(--ink-3);align-items:center;gap:8px;padding:0 10px;font:500 15px/10px Inter;display:flex}.pay-lbl .iconify{color:var(--ink-2);font-size:18px}.methods{gap:10px;padding:8px 10px 0;display:flex}.method{letter-spacing:-.5px;height:38px;color:var(--ink-2);background:#fff;border:1px solid #377de74d;border-radius:100px;flex:1;justify-content:center;align-items:center;gap:6px;font:500 15px/13.5px Inter;display:flex}.method .iconify{color:var(--ink-2);font-size:20px}.method.active{background:linear-gradient(var(--blue),var(--blue)) padding-box, linear-gradient(180deg, #e8e4e3 0%, #000 58%, #fff0 100%) border-box;color:#fff;border:1.5px solid #0000}.method.active .iconify{color:#fff}.cta{color:#fff;background:linear-gradient(#08f 0%,#3740ff 100%);border-radius:100px;align-items:center;gap:10px;height:62px;margin-top:auto;padding:8px 10px;display:flex;box-shadow:inset 4px 4px 12px #3d68c6,inset -8px 0 8px 2px #3d3dc633,inset 0 4px 12px 2px #3740ff}.cta .arr{color:#1c274c;background:#fff;border-radius:100px;justify-content:center;align-items:center;width:45px;height:45px;display:flex;box-shadow:0 4px 12px #00000040}.cta .arr .iconify{font-size:18px}.cta .lbl{text-align:center;letter-spacing:-.9px;color:#fff;flex:1;padding-right:55px;font:700 19px/22px Inter}.order-empty{text-align:center;width:375px;min-height:180px;color:var(--ink-2);background:linear-gradient(#ffffffe6,#ffffffa8);border:1px dashed #377de757;border-radius:22px;flex-direction:column;justify-content:center;align-items:center;padding:20px 24px;display:flex;position:absolute;top:253px;left:10px}.order-empty-icon{width:48px;height:48px;color:var(--blue);background:#377de71a;border-radius:18px;justify-content:center;align-items:center;margin-bottom:10px;display:flex}.order-empty-icon .iconify{font-size:24px}.order-empty strong{letter-spacing:-.7px;color:var(--ink);font:800 18px/22px Inter}.order-empty p{letter-spacing:-.35px;color:var(--muted);margin:6px 0 0;font:600 12px/16px Inter}.clickable,.nav-item,.rail .btm .b,.m-row,.q-row,.tab,.chip,.star-pill,.pill-search,.pill-btn,.pill-icon,.ic-btn,.user,.pcard .add,.edit-btn,.mini-search,.method,.qty .b,.ohead .b,.siap,.note,.cust .fld,.cust .row .ic,.cta,.opt{cursor:pointer;will-change:transform;transition:transform .22s cubic-bezier(.34,1.56,.64,1),box-shadow .22s cubic-bezier(.34,1.56,.64,1),filter .18s,background-color .18s}.clickable:hover,.nav-item:hover,.rail .btm .b:hover,.m-row:hover,.q-row:hover,.tab:hover,.chip:hover,.star-pill:hover,.pill-search:hover,.pill-btn:hover,.pill-icon:hover,.ic-btn:hover,.user:hover,.pcard .add:hover,.edit-btn:hover,.mini-search:hover,.method:hover,.qty .b:hover,.ohead .b:hover,.siap:hover,.note:hover,.cust .fld:hover,.opt:hover{filter:brightness(1.02);transform:translateY(-2px);box-shadow:0 8px 18px -6px #0f1e3c2e,0 2px 4px #0f1e3c0f}.cta:hover,.nav-item.active:hover .icon,.m-row.active:hover,.tab.active:hover,.chip.active:hover,.pill-btn:hover,.pcard .add:hover,.edit-btn:hover,.method.active:hover,.qty .b.plus:hover{box-shadow:0 0 0 1px #377de740,0 10px 24px -6px #377de78c,0 4px 10px #377de740}.qty .b.minus:hover{box-shadow:0 0 0 1px #f74b4b4d,0 10px 24px -6px #f74b4b8c,0 4px 10px #f74b4b40}.cta:hover{transform:translateY(-3px)scale(1.005)}.clickable:active,.nav-item:active,.rail .btm .b:active,.m-row:active,.q-row:active,.tab:active,.chip:active,.star-pill:active,.pill-search:active,.pill-btn:active,.pill-icon:active,.ic-btn:active,.user:active,.pcard .add:active,.edit-btn:active,.mini-search:active,.method:active,.qty .b:active,.ohead .b:active,.siap:active,.note:active,.cust .fld:active,.cta:active,.opt:active{filter:brightness(.96);transition:transform 90ms ease-out,box-shadow 90ms ease-out,filter 90ms ease-out;transform:translateY(1px)scale(.985);box-shadow:inset 0 2px 6px #0000002e,inset 0 -1px #ffffff14,0 1px 2px #0f1e3c14}.cta:active{transform:translateY(2px)scale(.99)}.clickable:focus-visible,[class*=-btn]:focus-visible,.tab:focus-visible,.chip:focus-visible,.nav-item:focus-visible,.m-row:focus-visible,.pcard .add:focus-visible,.cta:focus-visible{outline:none;box-shadow:0 0 0 3px #377de759,0 8px 18px -6px #0f1e3c2e}.clickable,.nav-item,.m-row,.q-row,.tab,.chip,.pill-search,.pill-btn,.pill-icon,.ic-btn,.pcard .add,.edit-btn,.method,.qty .b,.cta,.opt{position:relative;overflow:hidden}.ripple{pointer-events:none;background:radial-gradient(circle,#fff9 0%,#fff0 70%);border-radius:50%;animation:.6s cubic-bezier(.22,.61,.36,1) forwards ripple;position:absolute;transform:scale(0)}.nav-item.active .icon .ripple,.m-row.active .ripple,.tab.active .ripple,.chip.active .ripple,.pcard .add .ripple,.cta .ripple,.method.active .ripple,.edit-btn .ripple{background:radial-gradient(circle,#ffffff73 0%,#fff0 70%)}@keyframes ripple{0%{opacity:.9;transform:scale(0)}to{opacity:0;transform:scale(4)}}@keyframes popSel{0%{transform:translateY(0)scale(1)}40%{transform:translateY(-3px)scale(1.05)}to{transform:translateY(0)scale(1)}}.nav-item .label{pointer-events:none}.nav-item:hover{box-shadow:none;filter:none;transform:none}.nav-item:hover .icon{transform:translateY(-2px);box-shadow:0 8px 18px -6px #0f1e3c2e}.nav-item:active{box-shadow:none;filter:none;transform:none}.nav-item:active .icon{filter:brightness(.96);transform:translateY(1px)scale(.97);box-shadow:inset 0 2px 6px #0000002e}.nav-item .icon{transition:inherit}.nav-item{will-change:auto;cursor:pointer;transition:none;box-shadow:none!important;filter:none!important;transform:none!important}.nav-item .label{pointer-events:none;transition:color .18s,transform .22s cubic-bezier(.34,1.56,.64,1)}.nav-item .icon{will-change:transform;transition:transform .26s cubic-bezier(.34,1.56,.64,1),box-shadow .22s cubic-bezier(.34,1.56,.64,1),filter .18s;overflow:hidden}.nav-item:hover .icon{filter:brightness(1.03);transform:translateY(-3px);box-shadow:0 10px 20px -6px #0f1e3c38,0 2px 4px #0f1e3c14}.nav-item:hover .label{color:var(--blue);transform:translateY(-2px)}.nav-item:active .icon{filter:brightness(.92);transition:transform 90ms ease-out,box-shadow 90ms ease-out,filter 90ms ease-out;transform:translateY(1px)scale(.94);box-shadow:inset 0 3px 8px #00000038,inset 0 -1px #ffffff0f}.nav-item.active:hover .icon{box-shadow:0 10px 22px -4px #377de78c,0 0 0 1px #377de74d}.pill-btn:hover,.pcard .add:hover,.cta:hover{transform:translateY(-3px)rotate(-.4deg)}.edit-btn:hover{transform:translateY(-3px)rotate(.4deg)}.cta{position:relative;overflow:hidden}.cta:before{content:"";pointer-events:none;background:linear-gradient(110deg,#0000 30%,#ffffff52 50%,#0000 70%);transition:transform .7s cubic-bezier(.22,.61,.36,1);position:absolute;inset:0;transform:translate(-120%)}.cta:hover:before{transform:translate(120%)}@keyframes haloPulse{0%{box-shadow:0 0 #377de780}60%{box-shadow:0 0 0 14px #377de700}to{box-shadow:0 0 #377de700}}.is-selected{animation:.32s cubic-bezier(.34,1.56,.64,1) popSel,.7s ease-out haloPulse}html,body{min-width:0;min-height:100%;overflow-x:hidden}body{width:100%;padding:8px;height:auto!important}.stage{width:100%;max-width:none;height:auto;min-height:calc(100vh - 16px);margin:0;transform:none!important}.frame{background:linear-gradient(#e4f0fe 0%,#f5f5f5 100%);border-radius:22px;grid-template-columns:max-content minmax(0,1fr);gap:8px;width:100%;height:auto;min-height:calc(100vh - 16px);padding:0;display:grid}.rail,.card,.side,.work,.canvas,.lcol,.rcol,.toolbar,.chips,.pgrid,.topbar{position:relative!important;inset:auto!important}.rail{flex-direction:column;align-items:center;gap:8px;width:max-content;min-width:42px;height:auto;min-height:calc(100vh - 16px);padding:11px 0;display:flex;overflow:visible}.rail .logo,.rail .brand-txt,.rail .sep,.rail .btm{position:relative!important;inset:auto!important}.rail .logo{flex:0 0 58px;width:42px}.rail .sep{margin:8px 0 6px}.rail .nav-item{flex:none;gap:5px;width:max-content;min-width:42px;height:auto;min-height:70px;padding:0;position:relative!important;top:auto!important;left:auto!important}.rail .nav-item .icon,.rail .btm .b{border-radius:1000px;width:42px;height:54px;min-height:54px}.rail .nav-item .icon .iconify,.rail .btm .b .iconify{font-size:21px}.rail .nav-item .label{letter-spacing:-.65px;text-align:center;white-space:nowrap;width:max-content;max-width:none;min-height:11px;font-size:9.5px;line-height:10.5px}.rail .btm{flex-direction:column;gap:8px;margin-top:auto;display:flex}.card{grid-template-columns:minmax(224px,260px) minmax(0,1fr);gap:8px;width:100%;height:auto;min-height:calc(100vh - 16px);padding:8px;transition:grid-template-columns .78s cubic-bezier(.16,1,.3,1),gap .78s cubic-bezier(.16,1,.3,1);display:grid}.card.side-hidden{grid-template-columns:0 minmax(0,1fr);gap:0}.side{grid-template-rows:minmax(0,1fr) auto;gap:10px;width:100%;height:auto;min-height:0;transition:opacity .52s,transform .78s cubic-bezier(.16,1,.3,1),visibility .52s;display:grid;overflow:hidden}.card.side-hidden .side{opacity:0;visibility:hidden;pointer-events:none;transform:translate(-16px)}.side .panel,.side .upgrade{width:100%;height:auto;position:relative!important;top:auto!important;bottom:auto!important;left:auto!important}.side .panel{min-height:0}.side .upgrade{min-height:110px}.work{grid-template-rows:auto minmax(0,1fr);gap:11px;width:100%;min-width:0;height:auto;display:grid}.topbar{gap:10px;width:100%;height:auto;min-height:39px}.topbar .r{flex-wrap:wrap;justify-content:flex-end;min-width:0}.pill-search{width:min(239px,22vw)}.canvas{grid-template-columns:minmax(620px,1fr) minmax(330px,395px);gap:11px;width:100%;height:auto;min-height:0;padding:11px;transition:grid-template-columns .82s cubic-bezier(.16,1,.3,1),gap .82s cubic-bezier(.16,1,.3,1);display:grid}.canvas.right-hidden{overscroll-behavior:contain;scrollbar-width:none;grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr);gap:0;overflow:hidden auto}.canvas.right-hidden::-webkit-scrollbar{display:none}.canvas.right-hidden .lcol{grid-area:1/1/-1/-1;min-width:0;max-width:100%;height:auto;min-height:100%;overflow:visible}.lcol{grid-template-rows:auto auto auto minmax(0,1fr);gap:10px;width:100%;min-width:0;height:auto;padding:11px;display:grid}.lcol.home-mode,.lcol.product-mode,.lcol.module-mode{align-content:initial;scrollbar-width:none;flex-direction:column;height:100%;min-height:0;padding:11px;display:flex;overflow:hidden auto}.lcol.home-mode::-webkit-scrollbar{display:none}.lcol.product-mode::-webkit-scrollbar{display:none}.lcol.module-mode::-webkit-scrollbar{display:none}.lcol.home-mode>*,.lcol.product-mode>*,.lcol.module-mode>*{min-height:auto}.toolbar{grid-template-columns:minmax(0,1fr) minmax(230px,266px);gap:10px;width:100%;height:auto;padding:0;display:grid}.tabs,.editbar{width:100%;min-width:0;overflow:hidden}.tabs,.chips{scrollbar-width:none;overflow-x:auto}.tabs::-webkit-scrollbar{display:none}.chips::-webkit-scrollbar{display:none}.chips{width:100%;height:auto;min-height:45px}.chips.r1,.chips.r2{top:auto}.pgrid{grid-template-rows:none;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));grid-auto-rows:max-content;align-content:start;align-items:start;gap:10px;width:100%;height:auto;min-height:0;padding:0;display:grid}.pcard{align-self:start;height:auto;min-height:0}.rcol{flex-direction:column;gap:10px;width:100%;min-width:0;height:auto;transition:opacity .52s,transform .82s cubic-bezier(.16,1,.3,1),visibility .52s;display:flex;overflow:hidden}.canvas.right-hidden .rcol{opacity:0;visibility:hidden;pointer-events:none;transform:translate(18px);width:0!important;min-width:0!important;height:0!important;position:absolute!important;overflow:hidden!important}.rcol>*{width:100%!important;height:auto!important;position:relative!important;top:auto!important;left:auto!important}.ohead{min-height:36px}.ometa{min-height:22px}.cust{min-height:84px}.rdiv{align-self:center;width:64%!important}.ord1,.ord2{min-height:147px}.sum{min-height:340px;margin-top:auto}@media (max-width:1280px){.card{grid-template-columns:54px minmax(0,1fr)}.side{grid-template-rows:1fr auto;width:54px;overflow:hidden}.side h2,.side .search,.side .grp-h,.side .div,.q-row,.side .upgrade,.m-row span:not(.l-ico){display:none}.side .panel,.side .upgrade{border-radius:17px;width:54px;padding:5px}.m-row,.q-row{border-radius:1000px;justify-content:center;width:44px;height:44px;padding:0}.m-row .l-ico,.q-row .arr{width:44px;height:44px}.m-row .l-ico .iconify{font-size:22px}.canvas{grid-template-columns:1fr}.rcol{max-width:none}}@media (max-width:900px){body{padding:8px}.frame{grid-template-columns:1fr}.rail{z-index:20;-webkit-backdrop-filter:blur(18px);background:#ffffffb8;border-radius:20px;flex-direction:row;justify-content:flex-start;width:100%;height:64px;min-height:64px;padding:8px;overflow-x:auto;position:sticky!important;top:8px!important}.rail .brand-txt,.rail .sep{display:none}.rail .logo{flex:0 0 44px;width:44px;height:44px}.rail .nav-item{flex-direction:row;flex:0 0 58px;justify-content:center;height:58px;min-height:58px}.rail .nav-item .label{display:none}.rail .btm{flex-direction:row;margin-top:0;margin-left:auto}.card{border-radius:24px;grid-template-columns:1fr}.side{display:none}.toolbar{grid-template-columns:1fr}.topbar{flex-direction:column;align-items:flex-start}.topbar .r{justify-content:flex-start}.pill-search{width:180px}.pgrid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}}.m-row.active,.tab.active,.chip.active,.method.active{background-color:var(--blue)!important;color:#fff!important;background-image:none!important;border:1.5px solid #0000!important;overflow:visible!important;box-shadow:inset 1.5px 0 #000,inset -1.5px 0 #000!important}.m-row.active .l-ico{width:24px!important;height:24px!important;color:var(--blue)!important;background:#fff!important;border-radius:50%!important}.tab.active .iconify,.tab.active .brand,.chip.active .iconify,.method.active .iconify{color:#fff!important}.m-row:after,.q-row:after,.tab:after,.chip:after,.method:after,.edit-btn:after,.cta:after{content:"";z-index:-1;border-radius:inherit;opacity:0;pointer-events:none;background:#377de747;border:1px solid #377de757;position:absolute;inset:-4px;transform:scale(.96);box-shadow:0 0 #377de757,0 10px 22px #377de72e}@keyframes activeRing{0%{opacity:.72;background:#377de757;transform:scale(.98);box-shadow:0 0 #377de76b,0 8px 18px #377de738}52%{opacity:.38;background:#377de72e;transform:scale(1.12);box-shadow:0 0 0 8px #377de72e,0 12px 28px #377de72e}to{opacity:0;background:#377de700;transform:scale(1.24);box-shadow:0 0 0 18px #377de700,0 18px 34px #377de700}}@media (min-width:1281px){.canvas{grid-template-columns:minmax(620px,1fr) minmax(330px,395px)}.pgrid{grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}.pcard{align-self:start;height:max-content}}button{font:inherit;color:inherit;background:0 0}.m-row,.q-row,.nav-item,.star-pill,.edit-btn,.pill-btn,.pill-icon,.user,.add,.ic,.note,.plus,.siap,.cta{text-decoration:none}.nav-item,.m-row:not(.active),.q-row{background:0 0;border:0}.rail .btm .b,.ohead .act .b{border:1px solid #377de747}.side .m-row,.side .q-row{flex:0 0 41px;width:100%;overflow:visible!important}.side .m-row span:nth-child(2){text-align:left;flex:1}.side .m-row:after,.side .q-row:after{content:"";z-index:-1;border-radius:inherit;opacity:0;pointer-events:none;background:#377de747;position:absolute;inset:-4px;transform:scale(.96);box-shadow:0 0 #377de757,0 10px 22px #377de72e}.side .m-row.active.is-selected:after,.side .q-row.is-selected:after{animation:.68s cubic-bezier(.22,.61,.36,1) activeRing}.side .m-row .l-ico{background:0 0!important;border-radius:0!important;flex:0 0 24px!important;width:24px!important;height:24px!important}.side .m-row .l-ico .iconify{font-size:21px!important}.side .m-row.active .l-ico,.side .m-row.active:hover .l-ico{background:0 0!important;border-radius:0!important}.side .m-row.active .l-ico .iconify{font-size:21px!important}.side .m-row{color:#4a5873!important;font-size:13px!important;font-weight:500!important}.side .m-row.active,.side .m-row.active:hover{color:#fff!important}.side .m-row>span:not(.l-ico){white-space:nowrap!important;text-overflow:clip!important;flex:auto!important;min-width:0!important;line-height:16px!important;overflow:hidden!important}.side .m-row .more{display:none!important}.pcard{background:linear-gradient(#fff,#fff) padding-box padding-box,linear-gradient(45deg,#377de780 0%,#377de71f 14%,#377de709 42%,#377de70a 62%,#377de724 84%,#377de78a 100%) border-box!important;box-shadow:inset 18px -18px 34px #377de714,inset -18px 18px 34px #377de714!important}.tab,.chip,.method{border:1px solid #377de74d}.pill-btn,.pill-icon,.user,.ic,.note{border:1px solid #377de747}.pill-search input,.mini-search input{width:100%;min-width:0;font:inherit;color:inherit;background:0 0;border:0;outline:0}.digital-target{letter-spacing:-.5px;width:100%;min-width:420px;height:35px;color:var(--ink-2);background:#fff;border:1px solid #377de74d;border-radius:100px;align-items:center;gap:10px;padding:0 14px;font:500 15px/13.5px Inter;display:flex}.digital-target .iconify{color:var(--blue);font-size:18px}.digital-target input{min-width:0;font:inherit;color:#000;background:0 0;border:0;outline:0;flex:1}.digital-target span{height:24px;color:var(--blue);background:#377de71f;border-radius:500px;flex:none;align-items:center;padding:0 9px;font:600 11px/1 Inter;display:flex}.digital-card .digital-img{background:radial-gradient(circle at 25% 25%,#377de747,#0000 34%),radial-gradient(circle at 78% 20%,#00bfff38,#0000 32%),linear-gradient(135deg,#f8fbff,#eef4ff)}.digital-card .star.fav{color:var(--blue)}.digital-info .opt{text-overflow:ellipsis;white-space:nowrap;justify-content:center;overflow:hidden}.pos-result{background:linear-gradient(#fff,#fff) padding-box padding-box,linear-gradient(45deg,#377de76b,#377de70a,#377de759) border-box;border:1px solid #377de747;border-radius:22px;align-items:flex-start;gap:10px;width:100%;padding:12px;display:flex;box-shadow:inset 16px -16px 30px #377de70f,0 8px 18px #0f1e3c0d}.pos-result .result-icon{background:var(--blue);color:#fff;border-radius:16px;flex:0 0 42px;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.pos-result .result-icon .iconify{font-size:22px}.pos-result strong{letter-spacing:-.5px;color:#000;font:700 15px/18px Inter;display:block}.pos-result p{letter-spacing:-.35px;color:var(--muted);margin-top:4px;font:500 12px/16px Inter}.module-notice{margin:12px 0 0}.empty-products{text-align:center;min-height:220px;color:var(--muted);background:#ffffffb8;border:1px dashed #377de752;border-radius:26px;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:24px;display:flex}.empty-products .iconify{color:var(--star);font-size:30px}.empty-products strong{letter-spacing:-.6px;color:#000;font:700 17px/20px Inter}.empty-products span{letter-spacing:-.35px;max-width:270px;font:500 13px/17px Inter}.workspace-view{flex-direction:column;grid-row:1/-1;gap:12px;min-height:100%;padding:2px;display:flex}.workspace-hero{background:var(--blue-soft);border:1px solid #377de72e;border-radius:30px;justify-content:space-between;align-items:flex-start;gap:18px;padding:18px;display:flex}.workspace-hero span{letter-spacing:-.25px;color:var(--blue);margin-bottom:5px;font:700 11px/13px Inter;display:block}.workspace-hero h2{letter-spacing:-1.1px;color:#000;font:800 30px/32px Inter}.workspace-hero p{letter-spacing:-.4px;max-width:560px;color:var(--muted-2);margin-top:7px;font:500 14px/20px Inter}.workspace-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.workspace-stat span,.workspace-tile>.iconify{width:38px;height:38px;color:var(--blue);background:#377de71f;border-radius:16px;justify-content:center;align-items:center;margin-bottom:10px;display:flex}.workspace-stat .iconify,.workspace-tile>.iconify{font-size:21px}.workspace-stat small{letter-spacing:-.3px;color:var(--muted);font:600 12px/14px Inter;display:block}.workspace-stat strong{letter-spacing:-.7px;color:#000;margin-top:4px;font:800 19px/22px Inter;display:block}.workspace-list{background:#fff;border:1px solid #377de729;border-radius:30px;flex-direction:column;gap:8px;padding:10px;display:flex}.workspace-row{text-align:left;background:#f8fafe;border:0;border-radius:22px;align-items:center;gap:10px;width:100%;padding:10px;display:flex}.workspace-row .row-icon{width:42px;height:42px;color:var(--blue);background:#fff;border:1px solid #377de72e;border-radius:16px;flex:none;justify-content:center;align-items:center;display:flex}.workspace-row .row-icon .iconify{font-size:22px}.workspace-row .row-main{flex:1;min-width:0}.workspace-row .row-main strong{letter-spacing:-.45px;color:#000;white-space:nowrap;text-overflow:ellipsis;font:800 15px/18px Inter;display:block;overflow:hidden}.workspace-row .row-main small{letter-spacing:-.3px;color:var(--muted);margin-top:3px;font:500 12px/15px Inter;display:block}.workspace-row .row-action{letter-spacing:-.4px;color:var(--blue);flex:none;font:800 14px/16px Inter}.workspace-grid{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:10px;display:grid}.workspace-tile{text-align:left;color:#000;min-height:150px}.workspace-tile.active{background:var(--blue);color:#fff;box-shadow:inset 7px 0 12px -12px #000000d9,inset -7px 0 12px -12px #000000d9,0 10px 20px #377de72e}.workspace-tile.active>.iconify{color:var(--blue);background:#fff}.workspace-tile strong{letter-spacing:-.7px;font:800 20px/23px Inter;display:block}.workspace-tile span{letter-spacing:-.35px;color:var(--muted);margin-top:6px;font:500 13px/18px Inter;display:block}.workspace-tile.active span{color:#ffffffd1}.workspace-empty{text-align:center;letter-spacing:-.35px;color:var(--muted);border:1px dashed #377de747;border-radius:22px;padding:30px;font:700 14px/18px Inter}.module-workspace{flex-direction:column;flex:none;gap:12px;min-height:max-content;padding-bottom:18px;display:flex}.module-hero{background:var(--blue-soft);border:1px solid #377de72e;border-radius:30px;justify-content:space-between;align-items:flex-start;gap:18px;padding:18px;display:flex}.module-hero span{letter-spacing:-.25px;color:var(--blue);margin-bottom:5px;font:800 11px/13px Inter;display:block}.module-hero h2{letter-spacing:-1.2px;color:#000;font:900 32px/34px Inter}.module-hero p{letter-spacing:-.4px;max-width:650px;color:var(--muted-2);margin-top:7px;font:500 14px/20px Inter}.module-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.module-list-filters{grid-template-columns:repeat(5,minmax(105px,1fr));gap:10px;margin:0 0 10px;display:grid}.product-workspace{flex-direction:column;flex:none;gap:10px;min-height:max-content;padding-bottom:18px;display:flex}.product-toolbar{background:var(--blue-soft);border-radius:30px;grid-template-columns:minmax(0,1fr) auto;gap:10px;min-height:62px;padding:10px;display:grid}.product-toolbar .tabs{background:0 0;width:100%;height:auto;padding:0}.product-actions{background:0 0;border-radius:28px;justify-content:flex-end;align-items:center;gap:10px;min-width:302px;padding:0;display:flex}.product-search-pill{color:#1c274c;letter-spacing:-.4px;background:#fff;border:1px solid #377de747;border-radius:100px;align-items:center;gap:8px;width:150px;height:41px;padding:0 13px;font:500 14px/1 Inter;display:flex}.product-search-pill .iconify{font-size:20px}.product-search-pill input{letter-spacing:-.4px;width:100%;min-width:0;color:var(--ink-2);background:0 0;border:0;outline:0;font:500 14px/1 Inter}.product-actions .edit-btn{color:#fff;background:#000;border:1px solid #0000;border-radius:100px;min-width:136px;height:41px;box-shadow:inset 7px 0 12px -12px #ffffff80,inset -7px 0 12px -12px #ffffff80,0 8px 18px #0000001f}.product-table-card,.product-card-section{background:#fff;border:2px solid #377de759;border-radius:30px;flex:none;padding:10px;box-shadow:inset 20px -20px 36px #377de70a}.product-table-card{padding-top:10px}.product-filters{flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:10px;margin-bottom:10px;display:flex}.table-controlbar{background:#fff;border-bottom:1px solid #0000000d;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;margin-bottom:10px;padding-bottom:10px;display:grid}.table-controlbar .product-filters{margin-bottom:0}.table-view-actions{justify-content:flex-end;align-items:center;gap:8px;display:flex}.table-view-actions .table-filter{background:#f0f1f3;width:auto;min-width:86px}.table-mode{border:1px solid var(--line-2);color:#1c274c;background:#f0f1f3;border-radius:14px;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.table-mode.active{color:#000;background:#fff;border-color:#0000000f;box-shadow:0 8px 18px #00000024}.table-mode .iconify{font-size:19px}.table-filter{letter-spacing:-.4px;width:auto;min-width:0;height:36px;color:var(--ink-3);background:#f0f1f3;border:0;border-radius:100px;flex:none;justify-content:center;align-items:center;gap:6px;padding:0 16px;font:500 14px/1 Inter;display:flex}.table-filter.active{background:var(--blue);color:#fff;border-color:#0000;box-shadow:inset 7px 0 12px -12px #000000d9,inset -7px 0 12px -12px #000000d9,0 8px 18px #377de729}.product-table{border-radius:18px;width:100%;padding-bottom:4px;overflow:auto}.product-table-row{letter-spacing:-.35px;min-width:1180px;min-height:74px;color:var(--ink-3);grid-template-columns:42px 70px minmax(190px,1.4fr) 90px 120px 140px 110px 130px 80px 80px 90px 90px 70px;align-items:center;gap:12px;padding:12px;font:600 13px/16px Inter;display:grid}.product-table-row[role=button]{text-align:left;letter-spacing:-.35px;cursor:pointer;background:0 0;border:0;width:100%;font:600 13px/16px Inter}.product-table-row[role=button]:hover,.product-table-row[role=button]:focus-visible{background:linear-gradient(90deg,#377de70b,#377de700);outline:0}.product-table-row.head{min-height:56px;color:var(--ink-3);background:#f0f1f3;border-radius:16px;font-weight:800}.product-table-row:not(.head)+.product-table-row{border-top:1px solid #0000000a}.product-table-row .check{border:2px solid #233454;border-radius:8px;width:24px;height:24px;display:block}.table-photo{width:52px;height:52px;color:var(--muted);background:#e4e8ef;border-radius:12px;justify-content:center;align-items:center;font:700 11px/1 Inter;display:flex}.table-product strong{letter-spacing:-.45px;color:#000;font:800 14px/17px Inter;display:block}.table-product small{letter-spacing:-.3px;color:var(--muted);align-items:center;gap:5px;margin-top:5px;font:500 11px/13px Inter;display:flex}.table-product small .iconify{font-size:12px}.product-table-row button{letter-spacing:-.35px;color:var(--ink-3);text-align:left;background:0 0;border:0;font:800 13px/16px Inter}.table-actions{align-items:center;gap:7px;display:flex}.table-actions button{width:32px;height:32px;color:var(--ink-2);background:#f0f1f3;border-radius:12px;justify-content:center;align-items:center;display:flex}.table-actions button .iconify{font-size:16px}.product-card-section{min-height:310px}.product-card-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;display:grid}.product-card-grid .pcard{min-height:300px}.pcard{cursor:pointer}.home-dashboard{flex-direction:column;flex:none;gap:12px;min-height:max-content;padding-bottom:18px;display:flex}.home-breadcrumb{letter-spacing:-.35px;height:38px;color:var(--muted);align-items:center;gap:8px;font:500 14px/1 Inter;display:flex}.home-breadcrumb strong{color:#000}.home-breadcrumb em{color:var(--ink-3);background:#eceef4;border-radius:500px;padding:5px 10px;font-size:12px;font-style:normal}.finance-grid{grid-template-columns:minmax(360px,1.7fr) minmax(220px,.8fr) minmax(220px,.8fr);gap:10px;display:grid}.balance-card,.mini-finance,.goal-widget,.cashflow-widget,.promo-widget,.report-widget,.dashboard-table-card{background:#fff;border:1px solid #00000012;border-radius:24px;padding:16px;box-shadow:0 16px 40px #1a22340f,inset 18px -18px 35px #377de709}.widget-head{align-items:center;gap:10px;display:flex}.widget-head strong{letter-spacing:-.5px;color:#000;font:800 16px/19px Inter}.widget-head button{height:30px;color:var(--muted);background:#fff;border:1px solid #00000014;border-radius:100px;align-items:center;gap:5px;margin-left:auto;padding:0 10px;font:700 11px/1 Inter;display:flex}.widget-icon{border-radius:17px;flex:none;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.widget-icon.blue{color:var(--blue);background:#377de71f}.widget-icon.green{color:#fff;background:#09b928}.widget-icon.red{color:#fff;background:#ff2b22}.widget-icon .iconify{font-size:19px}.balance-card{position:relative;overflow:hidden}.balance-card h2{letter-spacing:-2px;color:#202226;margin-top:28px;font:900 46px/1 Inter}.balance-card p{color:var(--ink-3);align-items:center;gap:6px;margin-top:12px;font:600 12px/16px Inter;display:flex}.balance-card p .iconify{color:#11b63c}.balance-bars{grid-template-columns:repeat(3,16px);align-items:end;gap:4px;display:grid;position:absolute;top:92px;right:22px}.balance-bars span{background:linear-gradient(#bbd7ff,#0766ff);border-radius:2px;width:16px}.balance-bars span:nth-child(3n){background:#ceff1a}.widget-actions{grid-template-columns:1fr 1fr 1fr;gap:10px;margin-top:28px;display:grid}.widget-actions button{color:#2a2a2a;background:#f3f3f3;border:0;border-radius:100px;justify-content:center;align-items:center;gap:8px;height:38px;font:800 12px/1 Inter;display:flex}.widget-actions .primary{color:#fff;background:#0875ff}.mini-finance h3{letter-spacing:-1.4px;color:#202226;margin-top:28px;font:800 36px/1 Inter}.mini-finance p{color:var(--ink-3);margin-top:14px;font:500 12px/17px Inter}.mini-finance p b{color:#10a931}.expense p b{color:#ff351f}.split{grid-template-columns:1fr 1fr;gap:12px;margin-top:28px;display:grid}.split span{color:var(--muted);border-left:3px solid #2e8bff;padding-left:10px;font:500 12px/16px Inter}.split span:nth-child(2){border-color:#c9ff21}.split b{color:#000;font:800 18px/22px Inter}.expense-meter{grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;height:38px;margin-top:24px;display:grid}.expense-meter span{background:#1e1e1e;border-radius:99px;height:6px}.expense-meter span:last-child{background:#c9ff21}.expense-meter strong{color:#fff;background:#0875ff;border-radius:12px;padding:9px 18px;font:800 13px/1 Inter}.home-widget-grid{grid-template-columns:1fr 1fr minmax(180px,.9fr) minmax(170px,.75fr);gap:10px;display:grid}.goal-widget{background:#fff}.goal-ring{color:#fff;background:#272727;border-radius:24px;flex-direction:column;justify-content:center;align-items:center;height:210px;margin-top:14px;display:flex;box-shadow:inset 18px 0 #0875ffd9,inset -18px 0 #ffffff08}.goal-ring strong{letter-spacing:-1.4px;font:900 36px/1 Inter}.goal-ring span{color:#ffffff8c;margin-top:8px;font:600 12px/1 Inter}.goal-row{background:#fff;border:1px solid #0000000d;border-radius:18px;grid-template-columns:1fr auto 70px;align-items:center;gap:8px;height:46px;margin-top:8px;padding:0 14px;display:grid}.goal-row b{font:800 14px/1 Inter}.goal-row span{color:var(--muted);font:700 12px/1 Inter}.goal-row i{background:linear-gradient(90deg,#05b72b 55%,#ffe5e5 55%);border-radius:10px;height:5px}.cashflow-widget{min-height:260px}.chart-bars{grid-template-columns:repeat(6,1fr);align-items:end;gap:10px;height:170px;margin-top:18px;display:grid}.chart-bars span{background:linear-gradient(#0875ff 0 50%,#c9ff21 50%);border-radius:18px 18px 8px 8px;min-height:36px;position:relative}.chart-bars span:nth-child(odd){background:#f0f0f0}.chart-labels{text-align:center;color:var(--muted);grid-template-columns:repeat(6,1fr);gap:10px;margin-top:8px;font:700 11px/1 Inter;display:grid}.promo-widget{background:linear-gradient(135deg,#fff,#f3f3f3);min-height:128px}.promo-widget button{float:right;color:#fff;background:#252525;border:0;border-radius:100px;align-items:center;gap:6px;padding:9px 13px;font:800 11px/1 Inter;display:flex}.promo-widget span{color:#fff;background:#0875ff;border-radius:100px;margin-top:38px;padding:7px 10px;font:800 10px/1 Inter;display:inline-block}.promo-widget strong,.report-widget strong{letter-spacing:-.7px;color:#202226;margin-top:10px;font:900 20px/24px Inter;display:block}.report-widget span{color:var(--muted);font:700 11px/1 Inter}.report-widget button{background:#fff;border:0;border-radius:99px;justify-content:space-between;width:100%;margin-top:34px;padding:10px 12px;font:800 12px/1 Inter;display:flex}.recent-grid{grid-template-columns:1fr;gap:14px;display:grid}.section-title{justify-content:space-between;align-items:center;margin:2px 0 8px;display:flex}.section-title h3{letter-spacing:-.6px;color:#202226;font:900 17px/20px Inter}.section-title button{height:32px;color:var(--ink-3);background:#fff;border:1px solid #00000014;border-radius:10px;align-items:center;gap:5px;padding:0 10px;font:800 12px/1 Inter;display:flex}.recent-cards,.folder-cards{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.recent-card,.folder-card{background:#fff;border-radius:22px;min-height:150px;padding:14px;position:relative;overflow:hidden;box-shadow:0 16px 38px #1a223412}.doc-preview{background:linear-gradient(#f0f2f5,#fff);border-radius:16px;align-items:flex-start;height:82px;padding:14px;display:flex}.doc-preview span{color:#fff;background:#2f80ed;border-radius:18px;justify-content:center;align-items:center;width:34px;height:34px;font:900 16px/1 Inter;display:flex}.recent-card strong,.folder-card strong{letter-spacing:-.45px;color:#1f2328;margin-top:11px;font:800 14px/17px Inter;display:block}.recent-card small,.folder-card small{color:var(--muted);margin-top:5px;font:500 11px/14px Inter;display:block}.recent-card em{color:var(--muted);font-style:normal;position:absolute;bottom:16px;right:13px}.folder-card{background:linear-gradient(145deg,#fff,#f8f8ff);min-height:138px}.folder-card:before{content:"";opacity:.7;background:linear-gradient(90deg,#e7d7ff,#b994ff);border-radius:12px;width:120px;height:56px;position:absolute;top:18px;right:10px;transform:skew(-18deg)}.folder-card.dark{color:#fff;background:#2a1847}.folder-card.dark strong,.folder-card.dark small{color:#fff}.folder-card>.iconify{color:#7b49ff;font-size:24px;position:relative}.folder-card.dark>.iconify{color:#ff6b4a}.avatars{display:flex;position:absolute;bottom:16px;right:18px}.avatars span,.avatar-stack{background:linear-gradient(135deg,#ffd8ba,#43302b);border:2px solid #fff;border-radius:50%;width:24px;height:24px;margin-left:-8px;display:block}.dashboard-table-card{padding:10px}.dashboard-table-tabs{align-items:center;gap:10px;margin-bottom:10px;display:flex}.dashboard-table-tabs button{height:36px;color:var(--muted);background:0 0;border:0;border-radius:10px;padding:0 12px;font:800 12px/1 Inter}.dashboard-table-tabs button.active{color:#2f2350;background:#f3f0ff}.dashboard-table-tabs label{width:260px;height:36px;color:var(--muted);border:1px solid #00000014;border-radius:12px;align-items:center;gap:8px;margin-left:auto;padding:0 12px;display:flex}.dashboard-table-tabs input{background:0 0;border:0;outline:0;width:100%;font:600 12px/1 Inter}.dashboard-table{border-radius:18px;padding-bottom:4px;overflow:auto}.dash-row{text-align:left;letter-spacing:-.35px;width:100%;min-width:820px;min-height:74px;color:var(--ink-3);background:0 0;border:0;border-bottom:1px solid #0000000a;grid-template-columns:42px minmax(210px,1.35fr) minmax(120px,.75fr) minmax(120px,.75fr) minmax(110px,.65fr) minmax(130px,.75fr) 48px;align-items:center;gap:12px;padding:12px;font:600 13px/16px Inter;display:grid}button.dash-row{cursor:pointer}button.dash-row:hover{background:linear-gradient(90deg,#377de709,#377de700)}.dash-row.head{min-height:56px;color:var(--ink-3);text-transform:none;background:#f0f1f3;border-bottom:0;border-radius:16px;font:800 13px/16px Inter}.dash-row .check{background:#fff;border:2px solid #233454;border-radius:8px;width:24px;height:24px;display:block}.dash-row strong{color:#202226;letter-spacing:-.45px;font:800 14px/17px Inter;display:block}.dash-row small{color:var(--muted);letter-spacing:-.25px;margin-top:4px;font:600 11px/13px Inter;display:block}.toast-stack{z-index:120;pointer-events:none;width:min(390px,100vw - 32px);position:fixed;bottom:26px;right:26px}.floating-toast{pointer-events:auto;background:linear-gradient(#fffffff5,#f6faffeb) padding-box padding-box,linear-gradient(135deg,#377de775,#ffffff59,#377de738) border-box;border:1px solid #377de742;border-radius:24px;grid-template-columns:42px minmax(0,1fr) 32px;align-items:center;gap:12px;padding:12px;animation:.42s cubic-bezier(.16,1,.3,1) toastIn;display:grid;box-shadow:0 24px 56px #1424462e,inset 16px -16px 34px #377de714}.toast-icon{color:#fff;background:var(--blue);border-radius:16px;justify-content:center;align-items:center;width:42px;height:42px;display:flex;box-shadow:0 10px 22px #377de73d}.toast-icon .iconify{font-size:22px}.floating-toast strong{letter-spacing:-.42px;color:#111;font:800 14px/17px Inter;display:block}.floating-toast p{letter-spacing:-.3px;color:var(--muted);margin-top:3px;font:500 12px/16px Inter}.floating-toast button{width:32px;height:32px;color:var(--ink-3);background:#f0f1f3;border:0;border-radius:12px;justify-content:center;align-items:center;display:flex}.floating-toast button .iconify{font-size:19px}@keyframes toastIn{0%{opacity:0;transform:translate(28px)translateY(10px)scale(.96)}to{opacity:1;transform:translate(0)translateY(0)scale(1)}}.detail-backdrop{z-index:110;-webkit-backdrop-filter:blur(12px);background:#0a182d38;justify-content:center;align-items:center;padding:24px;animation:.18s ease-out modalFade;display:flex;position:fixed;inset:0}.detail-modal{background:linear-gradient(#fffffff7,#f6fafff0) padding-box padding-box,linear-gradient(135deg,#377de785,#ffffff57,#377de73d) border-box;border:1px solid #377de747;border-radius:30px;width:min(540px,100vw - 32px);padding:16px;animation:.32s cubic-bezier(.16,1,.3,1) modalRise;position:relative;box-shadow:0 30px 80px #0f1e3c3d,inset 22px -22px 48px #377de714}.detail-close{width:36px;height:36px;color:var(--ink-3);background:#f0f1f3;border:0;border-radius:14px;justify-content:center;align-items:center;display:flex;position:absolute;top:13px;right:13px}.detail-close .iconify{font-size:21px}.detail-head{grid-template-columns:58px minmax(0,1fr);align-items:center;gap:13px;padding-right:42px;display:grid}.detail-icon{width:58px;height:58px;color:var(--blue);background:#377de71f;border-radius:20px;justify-content:center;align-items:center;display:flex}.detail-icon .iconify{font-size:29px}.detail-head span:not(.detail-icon){letter-spacing:-.25px;color:var(--blue);margin-bottom:4px;font:800 11px/13px Inter;display:block}.detail-head h2{letter-spacing:-.9px;color:#111;white-space:nowrap;text-overflow:ellipsis;font:900 24px/27px Inter;overflow:hidden}.detail-head p{letter-spacing:-.35px;color:var(--muted);margin-top:4px;font:600 13px/16px Inter}.detail-metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:16px;display:grid}.detail-metrics div{background:#fff;border:1px solid #377de724;border-radius:18px;min-width:0;padding:11px 12px}.detail-metrics small{letter-spacing:-.25px;color:var(--muted);font:700 11px/13px Inter;display:block}.detail-metrics strong{letter-spacing:-.62px;color:#111;white-space:nowrap;text-overflow:ellipsis;margin-top:4px;font:900 16px/20px Inter;display:block;overflow:hidden}.detail-actions{gap:10px;margin-top:14px;display:flex}.detail-actions button{height:46px;color:var(--ink-2);letter-spacing:-.35px;background:#fff;border:1px solid #377de738;border-radius:100px;flex:1;justify-content:center;align-items:center;gap:8px;font:800 13px/1 Inter;display:flex}.detail-actions button:first-child{background:var(--blue);color:#fff;border-color:#0000;box-shadow:0 12px 24px #377de73d}.detail-actions button .iconify{font-size:18px}@keyframes modalFade{0%{opacity:0}to{opacity:1}}@keyframes modalRise{0%{opacity:0;transform:translateY(18px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}@media (max-width:640px){.toast-stack{width:auto;bottom:18px;left:16px;right:16px}.floating-toast{border-radius:22px;grid-template-columns:38px minmax(0,1fr) 30px}.toast-icon{border-radius:15px;width:38px;height:38px}.detail-backdrop{align-items:flex-end;padding:14px}.detail-modal{border-radius:28px;width:100%}.detail-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-actions{flex-direction:column}}@media (max-width:1500px){.finance-grid{grid-template-columns:1fr 1fr}.balance-card{grid-column:1/-1}.home-widget-grid{grid-template-columns:1fr 1fr}.recent-cards,.folder-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.product-filters{grid-template-columns:repeat(4,minmax(105px,1fr))}}@media (max-width:1100px){.finance-grid,.home-widget-grid,.module-grid,.workspace-stats,.recent-cards,.folder-cards,.product-toolbar{grid-template-columns:1fr}.product-actions{justify-content:flex-start}.dashboard-table-tabs{flex-wrap:wrap}.dashboard-table-tabs label{width:100%;margin-left:0}}.receipt-backdrop{z-index:80;-webkit-backdrop-filter:blur(14px);background:#0b182a38;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.receipt-modal{background:linear-gradient(#fffffff5,#f5f9fff0) padding-box padding-box,linear-gradient(135deg,#377de77a,#ffffff4d,#377de742) border-box;border:1px solid #377de742;border-radius:30px;width:min(520px,100vw - 32px);max-height:calc(100vh - 48px);padding:16px;overflow:auto;box-shadow:0 30px 80px #0f1e3c47,inset 22px -22px 45px #377de714}.receipt-head{align-items:flex-start;gap:12px;display:flex}.receipt-icon{background:var(--blue);color:#fff;border-radius:18px;flex:none;justify-content:center;align-items:center;width:52px;height:52px;display:flex}.receipt-icon .iconify{font-size:28px}.receipt-kicker{letter-spacing:-.25px;color:var(--blue);text-transform:uppercase;font:700 11px/13px Inter}.receipt-head h2{letter-spacing:-.9px;color:#000;margin-top:3px;font:800 22px/25px Inter}.receipt-head p{letter-spacing:-.35px;color:var(--muted);margin-top:5px;font:500 13px/18px Inter}.receipt-close{width:38px;height:38px;color:var(--ink-2);background:#fff;border:1px solid #377de733;border-radius:100px;flex:none;justify-content:center;align-items:center;margin-left:auto;display:flex}.receipt-close .iconify{font-size:22px}.qris-box{background:#fff;border:1px solid #377de72e;border-radius:24px;align-items:center;gap:12px;margin-top:14px;padding:12px;display:flex}.qris-code{width:86px;height:86px;color:var(--blue);background:linear-gradient(90deg,#111 10px,#0000 10px) 0 0/20px 20px,linear-gradient(#111 10px,#0000 10px) 0 0/20px 20px,#fff;border:8px solid #fff;border-radius:22px;justify-content:center;align-items:center;display:flex;box-shadow:inset 0 0 0 1px #0000001f}.qris-code .iconify{background:#fff;border-radius:10px;font-size:34px}.qris-box strong{letter-spacing:-.5px;color:#000;font:800 16px/19px Inter;display:block}.qris-box span{letter-spacing:-.3px;color:var(--muted);word-break:break-all;margin-top:4px;font:500 12px/17px Inter;display:block}.receipt-info-box{background:linear-gradient(135deg,#377de714,#fff)}.receipt-info-icon{background:#377de71a;border:0;box-shadow:inset 0 0 0 1px #377de729}.receipt-info-icon .iconify{color:var(--blue);background:0 0;font-size:34px}.receipt-items{flex-direction:column;gap:8px;margin-top:14px;display:flex}.receipt-item{background:#fff;border:1px solid #377de729;border-radius:20px;align-items:center;gap:10px;padding:10px;display:flex}.status-dot{background:#39c56a;border-radius:100px;flex:none;width:11px;height:11px;box-shadow:0 0 0 5px #39c56a1f}.status-dot.processing,.status-dot.pending,.status-dot.ready{background:var(--blue);box-shadow:0 0 0 5px #377de71f}.status-dot.failed{background:#ff4b4b;box-shadow:0 0 0 5px #ff4b4b1f}.receipt-item-main{flex:1;min-width:0}.receipt-item-main strong{letter-spacing:-.45px;color:#000;white-space:nowrap;text-overflow:ellipsis;font:800 14px/17px Inter;display:block;overflow:hidden}.receipt-item-main span{letter-spacing:-.25px;color:var(--muted);margin-top:3px;font:500 11px/14px Inter;display:block}.receipt-item-side{text-align:right;flex:none}.receipt-item-side span{letter-spacing:-.2px;color:var(--blue);text-transform:capitalize;font:700 10px/12px Inter;display:block}.receipt-item-side strong{letter-spacing:-.4px;color:#000;margin-top:4px;font:800 13px/15px Inter;display:block}.receipt-summary{background:#377de714;border:1px solid #377de729;border-radius:22px;gap:9px;margin-top:14px;padding:12px;display:grid}.receipt-summary div{letter-spacing:-.35px;color:var(--muted);justify-content:space-between;gap:12px;font:600 13px/16px Inter;display:flex}.receipt-summary strong{color:#000;font-weight:800}.receipt-actions{gap:10px;margin-top:14px;display:flex}.receipt-secondary,.receipt-primary{letter-spacing:-.35px;border-radius:100px;justify-content:center;align-items:center;gap:8px;height:46px;font:800 14px/1 Inter;display:flex}.receipt-secondary{color:var(--ink-2);background:#fff;border:1px solid #377de738;flex:1}.receipt-primary{background:var(--blue);color:#fff;border:0;flex:1.25;box-shadow:0 12px 24px #377de747}.receipt-primary .iconify{font-size:18px}.breadcrumb{letter-spacing:-.35px;color:#38393e8c;margin:0 0 2px 5px;font:500 11px/12px Inter}.loading-card{color:#38393e;background:#fff;border-radius:28px;place-items:center;gap:14px;min-height:260px;font:600 18px/1.35 Inter;display:grid}.user .txt{flex-direction:column;align-items:flex-end;display:flex}.user .name,.user .role{display:block}.cta:disabled{opacity:1;cursor:pointer;filter:none}nextjs-portal{display:none!important}.m-row.is-selected,.q-row.is-selected,.tab.is-selected,.chip.is-selected,.method.is-selected,.edit-btn.is-selected,.cta.is-selected{animation:none!important}.m-row:active,.q-row:active,.tab:active,.chip:active,.method:active{box-shadow:none!important;filter:brightness(.98)!important;transform:translateY(1px)scale(.995)!important}.m-row.active,.tab.active,.chip.active,.method.active{box-shadow:inset 7px 0 12px -12px #000000d9,inset -7px 0 12px -12px #000000d9,0 6px 15px #377de729!important}.m-row.is-selected:after,.q-row.is-selected:after,.tab.is-selected:after,.chip.is-selected:after,.method.is-selected:after,.edit-btn.is-selected:after,.cta.is-selected:after{animation:.62s cubic-bezier(.22,.61,.36,1) activeRingClean!important}@keyframes activeRingClean{0%{opacity:.56;background:#377de738;transform:scale(.98);box-shadow:0 0 #377de747,0 8px 18px #377de724}58%{opacity:.22;background:#377de71f;transform:scale(1.09);box-shadow:0 0 0 7px #377de71f,0 12px 24px #377de71f}to{opacity:0;background:#377de700;transform:scale(1.18);box-shadow:0 0 0 16px #377de700,0 16px 30px #377de700}}@media (min-width:901px){html,body{height:100%;overflow:hidden}body{overflow:hidden;height:100vh!important}.stage,.frame,.rail,.card{height:calc(100vh - 16px);min-height:0}.rail,.side{overflow:hidden}.work,.canvas,.lcol,.rcol{min-height:0}.work{height:100%}.canvas{height:100%;overflow:hidden}.canvas.right-hidden{overflow:hidden auto}.lcol,.rcol{overscroll-behavior:contain;scrollbar-width:none;height:100%;overflow-y:auto}.canvas.right-hidden .lcol{height:auto;min-height:100%;overflow:visible}.canvas.right-hidden .rcol{width:0!important;height:0!important;position:absolute!important;overflow:hidden!important}.lcol::-webkit-scrollbar{display:none}.rcol::-webkit-scrollbar{display:none}}.side h2,.topbar h1{font-weight:600!important}.side .m-row,.side .m-row.active,.q-row,.dash-row,.dash-row.head,.workspace-stat small,td{font-weight:500!important}.dash-row small,td small,.pill-search,.user .role,.section-sub{font-weight:400!important}.workspace-stat,.workspace-tile{background:linear-gradient(145deg,#fff,#f8faff)!important;border:1px solid #235ce81f!important;border-radius:20px!important;padding:16px!important;box-shadow:0 12px 28px #20417d0f!important}.module-table-card{background:#fffffff5!important;border:1px solid #235ce81f!important;border-radius:22px!important;padding:16px!important;box-shadow:0 18px 50px #1d366914!important}.dash-row.head{color:#41506c!important;background:#f1f5fb!important}.dash-row{border-bottom-color:#edf1f7!important}.side .m-row.active .l-ico,.side .m-row.active:hover .l-ico{color:#fff!important;background:0 0!important;border-radius:0!important}.side .m-row.active .l-ico .iconify{color:#fff!important}@media (min-width:1101px) and (max-width:1280px){.card{grid-template-columns:minmax(200px,224px) minmax(0,1fr)!important}.side{grid-template-rows:minmax(0,1fr) auto!important;width:100%!important;overflow:hidden!important}.side .side-title{display:grid!important}.side .search,.side .grp-h{display:flex!important}.side .div,.side .upgrade{display:block!important}.side .panel,.side .upgrade{border-radius:24px!important;width:100%!important;padding:10px!important}.side .m-row,.side .q-row{border-radius:20px!important;justify-content:flex-start!important;width:100%!important;height:41px!important;padding:0 11px!important}.side .q-row,.side .m-row span:not(.l-ico){display:flex!important}.side .m-row .l-ico{width:24px!important;height:24px!important}.side .m-row .l-ico .iconify{font-size:21px!important}}.side .side-title{z-index:3!important;background:#e4f0fe!important;margin:0 0 2px!important;position:sticky!important;top:0!important}.side .panel{scrollbar-width:none;min-height:0!important;overflow:hidden auto!important}.side .panel::-webkit-scrollbar{display:none}.side .upgrade{height:auto!important;min-height:0!important;padding:12px 10px!important}.side .upgrade .t{padding:0 4px!important}@media (max-height:1000px) and (min-width:901px){.rail{gap:6px!important}.rail .logo{flex-basis:54px!important;height:54px!important}.rail .nav-item{gap:4px!important;min-height:62px!important}.rail .nav-item .icon,.rail .btm .b{height:50px!important;min-height:50px!important}.rail .nav-item .icon .iconify,.rail .btm .b .iconify{font-size:20px!important}.rail .btm{gap:6px!important}}@media (max-height:850px) and (min-width:901px){.rail{gap:5px!important;padding-top:8px!important;padding-bottom:8px!important}.rail .logo{flex-basis:50px!important;width:42px!important;height:50px!important}.rail .brand-txt{font-size:9px!important;line-height:10px!important}.rail .sep{flex-basis:1px!important;margin:4px 0!important}.rail .nav-item{gap:3px!important;min-height:56px!important}.rail .nav-item .icon,.rail .btm .b{width:42px!important;height:43px!important;min-height:43px!important}.rail .nav-item .icon .iconify,.rail .btm .b .iconify{font-size:19px!important}.rail .nav-item .label{min-height:10px!important;font-size:9px!important;line-height:10px!important}.rail .btm{gap:6px!important}}.mitra-host{width:100%}.mitra-host .canvas{background:0 0;border:0;border-radius:0;width:100%;height:auto;min-height:0;padding:0;position:relative;top:auto;left:auto;overflow:visible}.mitra-host .canvas.right-hidden{grid-template-rows:auto;grid-template-columns:minmax(0,1fr);gap:0;overflow:visible}.mitra-host .canvas:not(.right-hidden){grid-template-columns:minmax(0,1fr) minmax(300px,360px);align-items:start;gap:12px}@media (max-width:860px){.mitra-host .canvas:not(.right-hidden){grid-template-columns:minmax(0,1fr)}}.mitra-host .lcol,.mitra-host .lcol.home-mode,.mitra-host .lcol.product-mode,.mitra-host .lcol.module-mode{width:100%;height:auto;min-height:0;padding:0;position:relative;top:auto;left:auto;overflow:visible}.mitra-host .rcol{height:auto;position:relative;top:auto;left:auto;overflow:visible}.admin-loading-line{z-index:9999;pointer-events:none;opacity:0;border-radius:0 0 999px 999px;height:3px;transition:opacity .18s;position:fixed;top:0;left:8px;right:8px;overflow:hidden}.admin-loading-line.is-active{opacity:1}.admin-loading-line:before{content:"";background:linear-gradient(90deg,#0b57fe00,#0b57fe 36%,#7db2ff 64%,#0b57fe00);border-radius:999px;width:42%;animation:1.18s cubic-bezier(.22,1,.36,1) infinite adminLoadingSweep;position:absolute;inset:0;box-shadow:0 0 18px #0b57fe61}@keyframes adminLoadingSweep{0%{transform:translate(-120%)}58%{transform:translate(145%)}to{transform:translate(145%)}}.user-menu-wrap{position:relative}.user-popover{border:1px solid var(--line,#e6e6e6);z-index:90;background:#fff;border-radius:16px;width:220px;padding:10px;position:absolute;top:48px;right:0;box-shadow:0 20px 50px #1428502e}.user-popover>div{border-bottom:1px solid #edf1f7;padding:7px 9px 10px}.user-popover strong,.user-popover small{display:block}.user-popover small{color:var(--muted);margin-top:3px;font-size:10px}.user-popover button{color:#1a1a1a;cursor:pointer;background:0 0;border:0;border-radius:10px;align-items:center;gap:8px;width:100%;padding:10px;font:700 12px Inter;display:flex}.user-popover button:hover{background:#f2f6fd}.user-popover button.logout{color:var(--minus)}.mitra-host .lcol.widget-mode{width:100%;height:auto;min-height:0;padding:0;display:block;position:relative;top:auto;left:auto;overflow:visible}#stage{--motion:.25s cubic-bezier(.22,.61,.36,1)!important}.mitra-host .canvas{transition:grid-template-columns .26s cubic-bezier(.22,.61,.36,1),gap .26s!important}#stage button{transition:transform .12s,filter .12s,background .16s}#stage button:active{filter:brightness(.98);transform:translateY(1px)scale(.985)}.mitra-host .module-workspace,.mitra-host .product-workspace,.mitra-host .module-table-card,.mitra-host .workspace-stat,.mitra-host .workspace-list,.mitra-host .rcol,.mitra-host .rcol>*{border-color:var(--line,#e8e4e3);background:#fff}.mitra-host .module-grid>*{background:#fff}.mitra-btn{cursor:pointer;border:1px solid #0000;border-radius:12px;justify-content:center;align-items:center;gap:7px;height:38px;padding:0 18px;font:700 13px Inter;display:inline-flex}.mitra-btn.ghost{color:#1a1a1a;border-color:var(--line,#e6e6e6);background:#f2f4f8}.mitra-btn.primary{background:var(--blue,#0060ff);color:#fff}.mitra-btn.danger{color:#fff;background:#e5484d}.mitra-confirm-text{color:var(--muted,#5a6472);margin:0;font:500 13.5px/1.55 Inter}.mitra-notice{border:1px solid var(--line,#e6e6e6);z-index:1200;background:#fff;border-radius:999px;align-items:center;gap:12px;max-width:min(580px,92vw);padding:10px 14px 10px 12px;font-family:Inter;animation:.36s cubic-bezier(.22,1,.36,1) mnRise;display:flex;position:fixed;bottom:26px;left:50%;transform:translate(-50%);box-shadow:0 20px 55px #10182838}@keyframes mnRise{0%{opacity:0;transform:translate(-50%,28px)}to{opacity:1;transform:translate(-50%)}}.mitra-notice .mn-ico{width:36px;height:36px;color:var(--blue,#0060ff);background:#eef4ff;border-radius:50%;flex-shrink:0;place-items:center;font-size:20px;display:grid}.mitra-notice[data-tone=success] .mn-ico{color:#12b76a;background:#e7f8ef}.mitra-notice[data-tone=error] .mn-ico{color:#e5484d;background:#fdecec}.mitra-notice .mn-body{flex-direction:column;gap:1px;min-width:0;padding:0 2px;display:flex}.mitra-notice .mn-body strong{letter-spacing:-.2px;color:#1a1a1a;white-space:nowrap;text-overflow:ellipsis;font:700 13px/16px Inter;overflow:hidden}.mitra-notice .mn-body span{color:var(--muted,#74747c);white-space:nowrap;text-overflow:ellipsis;font:500 11.5px/15px Inter;overflow:hidden}.mitra-notice .mn-action{background:var(--blue,#0060ff);color:#fff;cursor:pointer;white-space:nowrap;border:0;border-radius:999px;flex-shrink:0;height:36px;padding:0 16px;font:700 12px Inter}.mitra-notice .mn-close{width:30px;height:30px;color:var(--muted,#9aa1ad);cursor:pointer;background:0 0;border:0;border-radius:50%;flex-shrink:0;place-items:center;font-size:18px;display:grid}.mitra-notice .mn-close:hover{color:#1a1a1a;background:#f2f4f8}.mitra-notice.has-action .mn-close{margin-left:-4px}.detail-backdrop{-webkit-backdrop-filter:blur(6px)!important;background:#1018286b!important}.detail-modal{border:1px solid var(--line,#e8e4e3)!important;background:#fff!important;border-radius:24px!important;box-shadow:0 30px 90px #0f1e3c47!important}.detail-icon{color:var(--blue,#0060ff)!important;background:#eef4ff!important;border-radius:16px!important}.detail-head span:not(.detail-icon){color:var(--blue,#0060ff)!important}.detail-head h2{color:#1a1a1a!important;letter-spacing:-.6px!important;font-weight:800!important}.detail-metrics div{border:1px solid var(--line,#e8e4e3)!important;background:#f9fafc!important;border-radius:14px!important}.detail-close{color:#5a6472!important;background:#f2f4f8!important;border-radius:12px!important}.detail-close:hover{color:#1a1a1a!important;background:#e9edf3!important}.detail-actions button{border-radius:12px!important}html,body{background:#e9ebf0!important}#stage{background:linear-gradient(#eef0f4 0%,#e6e8ee 100%)!important}.mitra-host{background:0 0}.mitra-host .tabs,.mitra-host .chips,.mitra-host .editbar,.mitra-host .chips.r1,.mitra-host .chips.r2,.mitra-host .toolbar,.mitra-host .seg,.mitra-host .pill,.mitra-host .star-pill{background:#f1f3f7!important;border-color:#e6e8ee!important}.mitra-host .tab,.mitra-host .chip{color:#5a6472!important;background:0 0!important;border-color:#e6e8ee!important}.mitra-host .tab.active,.mitra-host .chip.active{background:var(--blue,#0060ff)!important;border-color:var(--blue,#0060ff)!important;color:#fff!important}.mitra-host .pcard{background:#fff!important;border-color:#eceef3!important}.mitra-host .pcard.active{border-color:var(--blue,#0060ff)!important}.mitra-host .ic-btn,.mitra-host .pill-btn,.mitra-host .pill-icon,.mitra-host .pill-search,.mitra-host .user,.mitra-host .add,.mitra-host .sum-box,.mitra-host .cust .fld{background:#fff!important;border-color:#e6e8ee!important}.mitra-host .rcol,.mitra-host .ohead,.mitra-host .ometa .mpill{background:#fff!important;border-color:#eceef3!important}