*{box-sizing:border-box}body{color:#172033;background:#f5f7fb;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Arial,sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer;border:0}button:disabled{opacity:.55;cursor:not-allowed}.app{min-height:100vh;display:flex}aside{color:#fff;z-index:20;background:#101828;flex-direction:column;width:260px;display:flex;position:fixed;inset:0 auto 0 0}.brand{border-bottom:1px solid #ffffff14;align-items:center;gap:12px;height:84px;padding:18px 20px;display:flex}.brandmark{color:#101828;background:#fff;border-radius:12px;flex:none;place-items:center;width:44px;height:44px;display:grid;position:relative;overflow:hidden}.brandmark img{object-fit:contain;width:100%;height:100%;position:absolute;inset:0}.brandmark span{font-weight:900}.brand b{font-size:14px;display:block}.brand small{color:#98a2b3;letter-spacing:.08em;margin-top:3px;font-size:10px;display:block}nav{gap:5px;padding:18px 12px;display:grid}nav button{color:#aab4c3;text-align:left;background:0 0;border-radius:10px;align-items:center;gap:12px;width:100%;padding:12px 14px;font-weight:600;display:flex}nav button:hover,nav button.active{color:#fff;background:#1d2939}nav i{text-align:center;width:22px;font-style:normal}.userbox{border-top:1px solid #ffffff14;align-items:center;gap:10px;margin-top:auto;padding:16px;display:flex}.avatar{background:#344054;border-radius:50%;place-items:center;width:38px;height:38px;font-weight:800;display:grid}.usertext{flex:1;min-width:0}.usertext b,.usertext small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.usertext small{color:#98a2b3;margin-top:3px}.logout{color:#98a2b3;background:0 0;font-size:20px}.scrim{display:none}main{width:calc(100% - 260px);margin-left:260px}header{background:#fff;border-bottom:1px solid #e4e7ec;align-items:center;gap:15px;height:84px;padding:16px 30px;display:flex}header h1{margin:0;font-size:22px}header p{color:#667085;margin:4px 0 0;font-size:13px}.hamb{background:0 0;font-size:24px;display:none}.live{color:#12b76a;align-items:center;gap:7px;margin-left:auto;font-size:13px;display:flex}.live em{background:#12b76a;border-radius:50%;width:8px;height:8px}.content{max-width:1500px;margin:auto;padding:28px}.hero{color:#fff;background:linear-gradient(135deg,#111827,#243b53);border-radius:18px;justify-content:space-between;align-items:center;gap:20px;padding:28px;display:flex}.hero h2{margin:8px 0;font-size:28px}.hero p{color:#d0d5dd;margin:0}.eyebrow{letter-spacing:.12em;color:#667085;font-size:11px;font-weight:800}.hero .eyebrow{color:#98a2b3}.primary{color:#fff;background:#111827;border-radius:9px;padding:10px 15px;font-weight:700}.primary:hover{background:#1d2939}.primary.big{width:100%;padding:13px}.ghost{color:#344054;background:#fff;border:1px solid #d0d5dd;border-radius:9px;padding:9px 13px;font-weight:600}.danger,.ghostdanger{color:#b42318}.cards{grid-template-columns:repeat(3,1fr);gap:15px;margin:18px 0;display:grid}.card{background:#fff;border:1px solid #e4e7ec;border-radius:15px;padding:20px}.cardicon{color:#667085;font-size:22px}.card small{color:#667085;margin-top:12px;font-weight:700;display:block}.card strong{margin-top:4px;font-size:26px;display:block}.panel{background:#fff;border:1px solid #e4e7ec;border-radius:15px;margin-bottom:18px;padding:20px}.panelhead{justify-content:space-between;align-items:center;gap:15px;margin-bottom:18px;display:flex}.panelhead h3{margin:0;font-size:17px}.panelhead p{color:#667085;margin:4px 0 0;font-size:13px}.storecards{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.mini-store{border:1px solid #eaecf0;border-radius:12px;padding:16px}.mini-store b,.mini-store strong,.mini-store small{display:block}.mini-store strong{margin-top:8px;font-size:26px}.mini-store small{color:#667085}.toolbar{align-items:center;gap:10px;margin-bottom:16px;display:flex}.search{background:#fff;border:1px solid #d0d5dd;border-radius:9px;flex:1;align-items:center;height:42px;padding:0 10px;display:flex}.search span{color:#667085;font-size:20px}.search input{border:0;outline:0;flex:1;min-width:100px;padding:0 10px}.search kbd{color:#667085;background:#f2f4f7;border-radius:5px;padding:4px 7px;font-size:11px}.filters{background:#f8fafc;border:1px solid #eaecf0;border-radius:10px;flex-wrap:wrap;gap:10px;margin-bottom:15px;padding:12px;display:flex}.filters label{flex:1;min-width:170px}.filters label,.stack label,.formgrid label{color:#475467;flex-direction:column;gap:6px;font-size:12px;font-weight:700;display:flex}.filters input,.filters select,.stack input,.stack textarea,.formgrid input,.formgrid select,.formgrid textarea,.expenseform input{color:#101828;background:#fff;border:1px solid #d0d5dd;border-radius:8px;outline:0;padding:9px 10px}.filters input:focus,.filters select:focus,.stack input:focus,.formgrid input:focus,.formgrid select:focus,.formgrid textarea:focus{border-color:#667085}.tablewrap{overflow:auto}table{border-collapse:collapse;width:100%;min-width:900px}th,td{text-align:left;border-bottom:1px solid #eaecf0;padding:13px 10px;font-size:13px}th{color:#667085;letter-spacing:.06em;font-size:11px}tbody tr:hover{background:#fafafa}.code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.vehiclecell{align-items:center;gap:10px;display:flex}.bikeph{background:#f2f4f7;border-radius:9px;place-items:center;width:36px;height:36px;display:grid}.vehiclecell span b,.vehiclecell span small{display:block}.vehiclecell small{color:#667085;margin-top:3px}.status{align-items:center;gap:6px;font-size:12px;font-weight:700;display:inline-flex}.status i{background:#12b76a;border-radius:50%;width:7px;height:7px}.status.sold i{background:#f04438}.status.stock{color:#027a48}.status.sold{color:#b42318}.status.large{font-size:14px}.view{color:#344054;background:0 0;font-weight:700}.pager{color:#667085;justify-content:space-between;align-items:center;margin-top:15px;font-size:13px;display:flex}.pager div{align-items:center;gap:10px;display:flex}.pager button{background:#fff;border:1px solid #d0d5dd;border-radius:7px;width:32px;height:32px}.loading{text-align:center;color:#667085;justify-content:center;align-items:center;gap:10px;padding:45px;display:flex}.loading span{border:2px solid #d0d5dd;border-top-color:#111827;border-radius:50%;width:18px;height:18px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.error{color:#b42318;background:#fef3f2;border:1px solid #fecdca;border-radius:9px;margin:10px 0;padding:11px 13px}.empty{text-align:center;color:#667085;padding:50px}.empty div{margin-bottom:8px;font-size:30px}.empty b,.empty span{display:block}.empty span{margin-top:5px;font-size:13px}.empty.small{padding:30px}.backrow{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.back{color:#475467;background:0 0;font-weight:700}.actions{gap:8px;display:flex}.detailhead{background:#fff;border:1px solid #e4e7ec;border-radius:15px;justify-content:space-between;align-items:center;gap:20px;margin-bottom:18px;padding:22px;display:flex}.detailhead h2{margin:5px 0;font-size:25px}.detailhead p{color:#667085;margin:0}.detailgrid{grid-template-columns:1.2fr .8fr;gap:18px;display:grid}.grid{grid-template-columns:repeat(2,1fr);gap:15px;display:grid}.grid div{border-bottom:1px solid #f2f4f7;padding-bottom:12px}.grid small,.grid strong{display:block}.grid small{color:#667085;font-size:11px}.grid strong{margin-top:3px;font-size:14px}.note{background:#f8fafc;border-radius:9px;margin-top:15px;padding:12px}.note small,.note p{display:block}.note p{margin:5px 0 0}.bigmoney{font-size:24px}.expenses{gap:7px;display:grid}.expense{border-bottom:1px solid #f2f4f7;align-items:center;gap:10px;padding:10px 0;display:flex}.expense span{flex:1}.expense span b,.expense span small{display:block}.expense small{color:#667085}.expense button{color:#b42318;background:0 0;font-size:18px}.expenseform{grid-template-columns:1fr .7fr 1fr auto;gap:7px;margin-top:12px;display:grid}.gallery{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.photo{background:#f2f4f7;border-radius:10px;height:190px;position:relative;overflow:hidden}.photo img{object-fit:cover;cursor:pointer;width:100%;height:100%}.photodel{color:#b42318;background:#fff;border-radius:50%;width:30px;height:30px;font-weight:800;position:absolute;top:7px;right:7px}.uploadline{align-items:center;gap:8px;display:flex}.uploadline input{max-width:260px}.formgrid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.full{grid-column:1/-1}.stack{gap:12px;display:grid}.check{align-items:center;flex-direction:row!important;display:flex!important}.check input{width:auto}.modal{z-index:50;background:#1018288c;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modalbox{background:#fff;border-radius:15px;width:min(760px,100%);max-height:90vh;padding:20px;overflow:auto}.modalhead{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.modalhead h2{margin:0;font-size:19px}.modalhead button{color:#667085;background:0 0;font-size:25px}.suppliergrid{gap:10px;display:grid}.supplier{border:1px solid #eaecf0;border-radius:12px;grid-template-columns:42px 1fr auto auto;align-items:center;gap:12px;padding:14px;display:grid}.supplieravatar{background:#f2f4f7;border-radius:10px;place-items:center;width:42px;height:42px;font-weight:800;display:grid}.supplier b,.supplier small{display:block}.supplier small{color:#667085;margin-top:3px}.supplier>strong{font-size:22px}.supplier>strong small{font-size:11px;font-weight:500}.supplieractions{gap:6px;display:flex}.logo-setting{border:1px solid #eaecf0;border-radius:12px;align-items:center;gap:20px;padding:20px;display:flex}.logo-setting .brandmark{border:1px solid #eaecf0;width:90px;height:90px}.logo-setting>div:last-child{gap:8px;display:grid}.logo-setting small{color:#667085}.notice{background:#f8fafc;border-radius:10px;gap:5px;margin-top:18px;padding:14px;display:grid}.notice span{color:#667085;font-size:13px}.toast{color:#fff;z-index:100;background:#101828;border-radius:10px;padding:12px 16px;position:fixed;bottom:24px;right:24px;box-shadow:0 10px 30px #0000002e}.toast.bad{background:#b42318}.login{background:#f5f7fb;grid-template-columns:1.2fr .8fr;min-height:100vh;display:grid}.login-art{background:linear-gradient(135deg,#101828,#344054);place-items:center;display:grid}.art-card{color:#fff;text-align:center}.art-card .brandmark{width:70px;height:70px;margin:0 auto 20px}.art-card>b,.art-card>small{display:block}.art-card>b{font-size:24px}.art-card>small{letter-spacing:.12em;color:#d0d5dd;margin-top:5px}.art-card p{color:#d0d5dd}.loginbox{background:#fff;border:1px solid #eaecf0;border-radius:18px;width:min(420px,100% - 40px);margin:auto;padding:30px}.loginbox>.brandmark{display:none}.loginbox h1{margin:0;font-size:25px}.loginbox>p{color:#667085;margin-top:7px}.loginbox label{color:#475467;margin-top:16px;font-size:12px;font-weight:700;display:block}.loginbox input{border:1px solid #d0d5dd;border-radius:9px;outline:0;width:100%;margin-top:6px;padding:11px;display:block}.loginbox .error{margin-top:12px}.loginbox .primary{margin-top:16px}@media (width<=1000px){aside{transition:all .2s;transform:translate(-100%)}aside.open{transform:none}.scrim{display:none}.app:has(aside.open) .scrim{z-index:15;background:#0000004d;display:block;position:fixed;inset:0}main{width:100%;margin-left:0}.hamb{display:block}.cards,.storecards,.detailgrid{grid-template-columns:1fr}.gallery{grid-template-columns:repeat(2,1fr)}}@media (width<=700px){.content{padding:15px}header{padding:12px 15px}.hero{padding:20px;display:block}.hero .primary{margin-top:15px}.toolbar{flex-wrap:wrap}.search{flex-basis:100%;order:1}.filters label{min-width:100%}.detailhead{display:block}.detailhead .status{margin-top:12px}.formgrid,.expenseform,.gallery{grid-template-columns:1fr}.photo{height:220px}.supplier{grid-template-columns:42px 1fr}.supplier>strong,.supplieractions{grid-column:2}.login{display:block}.login-art{display:none}.loginbox{padding:24px}.grid{grid-template-columns:1fr}.uploadline{flex-wrap:wrap}}.image-link-form{align-items:center;gap:10px;margin:0 0 16px;display:flex}.image-link-form input{flex:1;min-width:0}.image-preview{border:1px dashed var(--line,#dfe3e8);background:var(--soft,#f7f8fa);border-radius:12px;margin:0 0 18px;padding:10px}.image-preview small{color:#667085;margin-bottom:8px;display:block}.image-preview img{object-fit:contain;background:#fff;border-radius:10px;width:auto;max-width:320px;height:auto;max-height:220px;display:block}.gallery .photo img{cursor:pointer}@media (width<=640px){.image-link-form{flex-direction:column;align-items:stretch}.image-preview img{max-width:100%}}.data-tools{grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:22px;display:grid}.toolcard{background:#fff;border:1px solid #eaecf0;border-radius:12px;gap:9px;padding:16px;display:grid}.toolcard>b{font-size:15px}.toolcard small{color:#667085;min-height:42px;line-height:1.5}.toolcard input[type=file]{width:100%;font-size:12px}.importbox{gap:12px;display:grid}.importsteps{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.importsteps>div{color:#475467;background:#f8fafc;border:1px solid #eaecf0;border-radius:9px;padding:10px;font-size:12px}.importsteps b{color:#101828}.importactions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.filepick{color:#344054;cursor:pointer;background:#fff;border:1px solid #d0d5dd;border-radius:9px;align-items:center;padding:9px 13px;font-weight:600;display:inline-flex;position:relative;overflow:hidden}.filepick input{opacity:0;cursor:pointer;position:absolute;inset:0}.importnote{color:#7a2e0e;background:#fffaeb;border:1px solid #fedf89;border-radius:9px;padding:10px 12px;font-size:12px}.importpreview{border:1px solid #eaecf0;border-radius:10px;padding:10px}.importpreview .tablewrap{max-height:300px;margin-top:8px}.importpreview table{min-width:900px}.importpreview th,.importpreview td{padding:8px;font-size:11px}@media (width<=900px){.data-tools{grid-template-columns:1fr}.importsteps{grid-template-columns:1fr 1fr}}@media (width<=600px){.importsteps{grid-template-columns:1fr}.importactions{flex-direction:column;align-items:stretch}.filepick{justify-content:center}}.profilebtn{white-space:nowrap;padding:6px 8px;font-size:11px}@media (width<=700px){.profilebtn{padding:5px;font-size:10px}.userbox{gap:6px}.usertext{min-width:0}.usertext b{text-overflow:ellipsis;white-space:nowrap;max-width:95px;overflow:hidden}}.report-page .panelhead{align-items:flex-start}.report-filters{align-items:end;margin:18px 0}.report-filters label{min-width:180px}.report-cards{margin:18px 0}.report-table table{min-width:720px}.report-total{background:#f8fafc}.report-foot{color:#667085;justify-content:space-between;gap:12px;margin-top:14px;font-size:12px;display:flex}@media print{aside,header,.report-filters,.actions,.toast{display:none!important}main{width:100%;margin:0}.content{padding:0}.panel{box-shadow:none;border:0}.report-cards{display:none}.report-page .panelhead{display:block}.report-page .panelhead h3{font-size:24px}.report-table{overflow:visible}.report-table table{min-width:0}.report-foot{margin-top:24px}}