:root{color-scheme:light;--ink: #111111;--ink-2: #2a2a2a;--muted: #6b6b6b;--muted-2: #8a8a8a;--line: #e6e6e6;--line-2: #f0f0f0;--field: #d6d6d6;--bg: #fafafa;--card: #ffffff;--green: #14633f;--green-2: #0f4e31;--green-bg: #e7f2ec;--green-fg: #14633f;--green-dot: #1e8a5b;--amber-fg: #8a5a0f;--amber-bg: #fbf1e2;--amber-dot: #b5781b;--red: #942929;--red-bg: #fbe9e9;--red-fg: #942929;--red-dot: #c23b3b;--blue: #1b4fb0;--blue-bg: #e8effb;--blue-fg: #1b4fb0;--blue-dot: #2b6ce6;--neutral-bg: #efefef;--neutral-fg: #4a4a4a;--neutral-dot: #8a8a8a;font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--ink);background:var(--bg)}*{box-sizing:border-box}html,body,#root{height:100%;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;font:400 17px/1.5 Plus Jakarta Sans,sans-serif}button,input,select,textarea{font-family:inherit}a{text-decoration:none;color:inherit}.tnum{font-variant-numeric:tabular-nums}select{-moz-appearance:none;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%236B6B6B' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='m6 9 6 6 6-6'/></svg>");background-repeat:no-repeat;background-position:right 14px center;padding-right:40px}@keyframes tf-up{0%{opacity:0;transform:translate(-50%,16px)}to{opacity:1;transform:translate(-50%)}}@keyframes tf-fade{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:tf-fade .25s ease}.login{display:flex;height:100vh;width:100%}.login-brand{flex:1;background:var(--ink);color:#fff;display:flex;flex-direction:column;justify-content:space-between;padding:56px 52px;min-width:0}.login-brand .logo{display:flex;align-items:center;gap:14px}.brand-mark{width:52px;height:52px;border-radius:16px;background:#fff;color:#111;display:flex;align-items:center;justify-content:center;flex-shrink:0}.login-brand .logo-name{font:800 24px Plus Jakarta Sans;letter-spacing:-.02em}.login-hero{font:800 44px/1.1 Plus Jakarta Sans;letter-spacing:-.03em;max-width:15ch}.login-sub{font:400 20px/1.6 Plus Jakarta Sans;color:#a6a6a6;max-width:42ch;margin-top:20px}.login-stats{display:flex;gap:32px;color:#a6a6a6;font:600 16px Plus Jakarta Sans}.login-stats span{display:block;color:#fff;font:800 26px Plus Jakarta Sans}.login-form-wrap{flex:1;display:flex;align-items:center;justify-content:center;padding:40px;min-width:0}.login-form{width:100%;max-width:420px}.login-form h1{font:800 30px Plus Jakarta Sans;letter-spacing:-.02em;margin:0}.login-form .lede{color:var(--muted);font-size:18px;margin:10px 0 32px}.login-form label{display:block;font:600 16px Plus Jakarta Sans;margin-bottom:8px}.login-form input{width:100%;height:54px;padding:0 18px;border:1.5px solid var(--field);border-radius:14px;font-size:18px;background:#fff;margin-bottom:20px}.login-form .forgot{text-align:right;margin:-6px 0 26px}.login-form .forgot a{color:var(--blue);font:600 16px Plus Jakarta Sans}.login-form .demo-note{text-align:center;color:var(--muted-2);font-size:15px;margin-top:24px}.shell{display:flex;height:100vh;width:100%}.sidebar{width:264px;flex-shrink:0;background:var(--ink);color:#fff;display:flex;flex-direction:column;padding:22px 16px}.sidebar .logo{display:flex;align-items:center;gap:12px;padding:4px 12px 22px}.sidebar .logo .brand-mark{width:44px;height:44px;border-radius:13px}.sidebar .logo-name{font:800 22px Plus Jakarta Sans;letter-spacing:-.02em}.sidebar nav{flex:1;overflow-y:auto;scrollbar-width:thin}.nav-item{display:flex;align-items:center;gap:14px;width:100%;text-align:left;border:none;cursor:pointer;padding:0 16px;height:52px;border-radius:14px;margin-bottom:4px;background:transparent;color:#a6a6a6;font:500 17px Plus Jakarta Sans}.nav-item:hover{background:#ffffff14;color:#fff}.nav-item.active{background:#ffffff24;color:#fff;font-weight:700}.nav-item .icon{display:flex;flex-shrink:0}.nav-badge{margin-left:auto;background:#c23b3b;color:#fff;border-radius:999px;min-width:24px;height:24px;padding:0 7px;display:inline-flex;align-items:center;justify-content:center;font:700 13px Plus Jakarta Sans}.logout-btn{display:flex;align-items:center;gap:14px;width:100%;border:none;cursor:pointer;padding:0 16px;height:52px;border-radius:14px;background:transparent;color:#a6a6a6;font:500 17px Plus Jakarta Sans;margin-top:8px}.logout-btn:hover{background:#ffffff14;color:#fff}.main-col{flex:1;display:flex;flex-direction:column;min-width:0}.topbar{height:78px;flex-shrink:0;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:20px;padding:0 32px}.mobile-menu{display:none;width:46px;height:46px;flex-shrink:0;align-items:center;justify-content:center;border:1.5px solid var(--line);border-radius:12px;background:#fff;color:var(--ink);cursor:pointer}.search-shell{position:relative;flex:1;max-width:520px}.search-shell .search-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:var(--muted-2);display:flex}.search-shell input{width:100%;height:50px;padding:0 16px 0 46px;border:1.5px solid var(--line);border-radius:999px;font-size:17px;background:var(--bg)}.topbar-right{display:flex;align-items:center;gap:16px;margin-left:auto}.role-pill{display:flex;align-items:center;gap:8px;background:var(--bg);border:1.5px solid var(--line);border-radius:999px;padding:0 8px 0 16px;height:50px}.role-pill span{font:600 15px Plus Jakarta Sans;color:var(--muted);white-space:nowrap}.role-pill select{height:38px;border:none;background:transparent;font:700 16px Plus Jakarta Sans;color:var(--ink);cursor:pointer;padding-left:4px}.icon-circle{width:50px;height:50px;border-radius:999px;border:1.5px solid var(--line);background:#fff;color:#4a4a4a;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0}.icon-circle:hover{background:var(--bg)}.avatar{width:46px;height:46px;border-radius:999px;background:var(--ink);color:#fff;display:flex;align-items:center;justify-content:center;font:700 16px Plus Jakarta Sans;flex-shrink:0}.content{flex:1;overflow-y:auto;padding:32px}.page{margin:0 auto}.page-1200{max-width:1200px}.page-1300{max-width:1300px}.page-1400{max-width:1400px}.page-900{max-width:900px}.page-820{max-width:820px}h1.title{font:800 30px Plus Jakarta Sans;letter-spacing:-.02em;margin:0}.lede{color:var(--muted);font-size:18px;margin:6px 0 28px}.page-head{display:flex;align-items:flex-end;gap:16px;margin-bottom:24px;flex-wrap:wrap}.page-head .grow{flex:1;min-width:200px}.page-head .lede{margin:6px 0 0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:none;border-radius:999px;cursor:pointer;font:700 17px Plus Jakarta Sans;white-space:nowrap;transition:background .16s ease,border-color .16s ease,color .16s ease}.btn-lg{height:52px;padding:0 24px}.btn-md{height:50px;padding:0 22px;font-size:16px}.btn-sm{height:42px;padding:0 16px;font-size:15px}.btn-primary{background:var(--ink);color:#fff}.btn-primary:hover{background:var(--ink-2)}.btn-secondary{background:#fff;color:var(--ink);border:1.5px solid var(--field)}.btn-secondary:hover{background:var(--bg)}.btn-ghost{background:#fff;color:var(--muted);border:1.5px solid var(--line)}.btn-ghost:hover{background:var(--bg)}.btn-success{background:var(--green);color:#fff}.btn-success:hover{background:var(--green-2)}.btn-danger{background:var(--red);color:#fff}.btn-amber{background:var(--amber-fg);color:#fff}.icon-btn{width:40px;height:40px;border-radius:10px;border:1.5px solid var(--line);background:#fff;color:#4a4a4a;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;transition:background .16s ease,color .16s ease,border-color .16s ease}.icon-btn+.icon-btn{margin-left:6px}.icon-btn:hover{background:var(--bg)}.icon-btn.view:hover{background:var(--ink);color:#fff;border-color:var(--ink)}.icon-btn.danger:hover{background:var(--red-bg);color:var(--red);border-color:#f3c6c6}.back-btn{display:inline-flex;align-items:center;gap:6px;height:42px;padding:0 16px 0 12px;background:#fff;border:1.5px solid var(--line);border-radius:999px;font:600 16px Plus Jakarta Sans;color:#4a4a4a;cursor:pointer;margin-bottom:20px}.back-btn:hover{background:var(--bg)}.pill-btn{height:40px;padding:0 18px;border-radius:999px;border:1.5px solid var(--field);background:#fff;color:var(--ink);cursor:pointer;font:700 15px Plus Jakarta Sans}.pill-btn:hover{background:var(--bg)}.stock-btn{height:38px;padding:0 14px;border-radius:10px;cursor:pointer;font:700 14px Plus Jakarta Sans;vertical-align:middle;border:1.5px solid transparent}.stock-btn+.stock-btn,.stock-btn+.icon-btn{margin-left:6px}.stock-in{border-color:#bfe0cc;background:var(--green-bg);color:var(--green)}.stock-in:hover{background:#d6ebdf}.stock-out{border-color:#e6d3b0;background:var(--amber-bg);color:var(--amber-fg)}.stock-out:hover{background:#f5e7d0}.icon-btn.sm{width:38px;height:38px}.card{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:24px}.card-title{font:700 20px Plus Jakarta Sans;margin-bottom:16px}.stat-grid{display:grid;gap:16px;margin-bottom:28px}.stat-grid.auto-200{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.stat-grid.auto-210{grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}.stat-grid.auto-160{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));margin-bottom:20px}.stat{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:22px}.stat.sm{border-radius:16px;padding:18px 20px}.stat-label{color:var(--muted);font:600 15px Plus Jakarta Sans}.stat.sm .stat-label{font-size:14px}.stat-value{font:800 40px Plus Jakarta Sans;letter-spacing:-.02em;margin-top:8px}.stat-value.money{font-size:34px}.stat.sm .stat-value{font-size:24px;margin-top:4px}.stat.sm .stat-value.text{font-size:20px;margin-top:6px}.c-green{color:var(--green)}.c-blue{color:var(--blue)}.c-red{color:var(--red)}.c-amber{color:var(--amber-fg)}.two-col{display:grid;grid-template-columns:1.4fr 1fr;gap:20px}.two-col.detail{grid-template-columns:1.6fr 1fr}.two-col.even{grid-template-columns:1fr 1fr}.two-col.reports{grid-template-columns:1fr 1.4fr}.col-stack{display:flex;flex-direction:column;gap:20px}.list-row{display:flex;align-items:center;gap:14px;padding:14px 12px;border-radius:12px}.list-row.clickable{cursor:pointer}.list-row.clickable:hover{background:var(--bg)}.list-row .grow{flex:1;min-width:0}.row-strong{font:700 17px Plus Jakarta Sans}.row-strong .muted{color:var(--muted-2);font-weight:500}.row-sub{color:var(--muted);font-size:15px}.row-amount{font:700 17px Plus Jakarta Sans;min-width:82px;text-align:right}.mini-row{display:flex;align-items:center;gap:10px;padding:10px 0;border-top:1px solid #f5f5f5}.mini-row.clickable{cursor:pointer}.mini-row .grow{flex:1;min-width:0}.mini-title{font:600 16px Plus Jakarta Sans}.mini-sub{color:var(--muted);font-size:14px}.card-heading{display:flex;align-items:center;gap:8px;font:700 20px Plus Jakarta Sans;margin-bottom:14px}.card-heading .icon{display:flex}.badge{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:5px 12px;font:600 14px Plus Jakarta Sans;white-space:nowrap}.badge .dot{width:8px;height:8px;border-radius:999px;flex-shrink:0}.badge-success{background:var(--green-bg);color:var(--green-fg)}.badge-success .dot{background:var(--green-dot)}.badge-pending{background:var(--amber-bg);color:var(--amber-fg)}.badge-pending .dot{background:var(--amber-dot)}.badge-danger{background:var(--red-bg);color:var(--red-fg)}.badge-danger .dot{background:var(--red-dot)}.badge-verify{background:var(--blue-bg);color:var(--blue-fg)}.badge-verify .dot{background:var(--blue-dot)}.badge-neutral{background:var(--neutral-bg);color:var(--neutral-fg)}.badge-neutral .dot{background:var(--neutral-dot)}.table-card{background:var(--card);border:1px solid var(--line);border-radius:18px;overflow:hidden}.table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse}thead tr{background:var(--bg);text-align:left}th{padding:16px 20px;font:700 14px Plus Jakarta Sans;color:var(--muted);text-transform:uppercase;letter-spacing:.03em;white-space:nowrap}td{padding:16px 20px;border-top:1px solid var(--line-2);font-size:16px;vertical-align:middle;color:var(--ink);white-space:nowrap}td.cell-wrap{white-space:normal}tbody tr:hover{background:var(--bg)}td .muted,.muted{color:var(--muted-2)}.cell-strong{font:800 17px Plus Jakarta Sans}.cell-strong-16{font:800 16px Plus Jakarta Sans}.cell-b{font:700 16px Plus Jakarta Sans}.cell-sub{color:var(--muted);font-size:14px}.right{text-align:right}.nowrap{white-space:nowrap}.truck-cell{display:flex;align-items:center;gap:14px}.filter-bar{display:flex;gap:14px;margin-bottom:18px;flex-wrap:wrap}.filter-search{position:relative;flex:1;min-width:200px}.filter-search .search-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:var(--muted-2);display:flex}.filter-search input{width:100%;height:50px;padding:0 16px 0 46px;border:1.5px solid var(--line);border-radius:14px;font-size:17px;background:#fff}.filter-select{height:50px;border:1.5px solid var(--line);border-radius:14px;font:600 16px Plus Jakarta Sans;background:#fff;padding:0 40px 0 18px;cursor:pointer}.photo-slot{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;background:#f2f2f2;color:var(--muted-2);border:1px dashed #d0d0d0;overflow:hidden;text-align:center;flex-shrink:0}.photo-slot .icon{display:flex}.photo-slot .ph-label{font:600 12px Plus Jakarta Sans;padding:0 6px}.field label{display:block;font:600 16px Plus Jakarta Sans;margin-bottom:8px}.field.sm label{font-size:15px}.field input,.field select,.field textarea,.f-input{width:100%;height:54px;border:1.5px solid var(--field);border-radius:14px;font-size:17px;background:#fff;padding:0 18px}.field select{padding:0 40px 0 18px;cursor:pointer}.field textarea{min-height:96px;padding:14px 18px;resize:vertical;height:auto}.form-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:18px}.form-grid-2 .span-2{grid-column:1 / -1}.stepper{display:flex;align-items:center;margin-bottom:28px}.step{display:flex;align-items:center;gap:10px;flex:1}.step:last-child{flex:0}.step-num{width:40px;height:40px;border-radius:999px;display:flex;align-items:center;justify-content:center;font:800 17px Plus Jakarta Sans;background:#f5f5f5;color:var(--muted-2);flex-shrink:0}.step.active .step-num,.step.done .step-num{background:var(--ink);color:#fff}.step-label{font:600 15px Plus Jakarta Sans;color:var(--muted-2);white-space:nowrap}.step.active .step-label,.step.done .step-label{color:var(--ink);font-weight:700}.step-line{flex:1;height:2px;background:var(--line);margin:0 8px}.step-title{font:700 22px Plus Jakarta Sans;margin-bottom:6px}.step-desc{color:var(--muted);font-size:16px;margin:0 0 20px}.parts-box{border:1px solid var(--line);border-radius:14px;overflow:hidden}.part-line{display:flex;align-items:center;gap:12px;padding:14px 18px;border-top:1px solid var(--line-2);background:var(--bg)}.part-line:first-child{border-top:none}.part-line .grow{flex:1;font:600 16px Plus Jakarta Sans}.part-total{display:flex;justify-content:space-between;padding:14px 18px;border-top:1px solid var(--line);font:800 17px Plus Jakarta Sans}.review-box{border:1px solid var(--line);border-radius:14px;overflow:hidden}.review-row{display:flex;padding:14px 18px;border-top:1px solid var(--line-2)}.review-row:first-child{border-top:none}.review-row .k{width:180px;color:var(--muted);font:600 15px Plus Jakarta Sans}.review-row .v{font:600 16px Plus Jakarta Sans}.wizard-nav{display:flex;align-items:center;gap:12px;margin-top:26px}.wizard-nav .spacer{margin-right:auto}.remove-x{width:36px;height:36px;border-radius:10px;border:1.5px solid var(--line);background:#fff;color:var(--red);cursor:pointer;display:flex;align-items:center;justify-content:center}.remove-x:hover{background:var(--red-bg)}.bar-chart{display:flex;align-items:flex-end;gap:16px;height:190px}.bar-col{flex:1;display:flex;flex-direction:column;align-items:center;gap:8px;height:100%;justify-content:flex-end}.bar-col .val{font:700 13px Plus Jakarta Sans;color:var(--muted)}.bar-col .bar{width:100%;max-width:46px;background:var(--ink);border-radius:8px 8px 0 0}.bar-col .label{font:700 14px Plus Jakarta Sans;color:#4a4a4a}.hbar{margin-bottom:16px}.hbar-head{display:flex;justify-content:space-between;font:600 15px Plus Jakarta Sans;margin-bottom:6px}.hbar-head .muted{color:var(--muted)}.hbar-track{height:12px;background:var(--line-2);border-radius:999px;overflow:hidden}.hbar-fill{height:100%;border-radius:999px}.hbar-fill.red{background:#c23b3b}.hbar-fill.blue{background:var(--blue)}.report-row{display:flex;align-items:center;gap:14px;padding:16px 0;border-top:1px solid var(--line-2)}.report-row:first-of-type{border-top:none}.report-row .grow{flex:1;min-width:0}.report-row .name{font:700 17px Plus Jakarta Sans}.report-row .desc{color:var(--muted);font-size:15px}.activity-card{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:12px 24px 24px}.activity-row{display:flex;align-items:flex-start;gap:16px;padding:18px 0;border-top:1px solid var(--line-2)}.activity-row:first-child{border-top:none}.activity-dot{width:14px;height:14px;border-radius:999px;flex-shrink:0;margin-top:5px}.activity-avatar{width:44px;height:44px;border-radius:999px;background:#f5f5f5;color:#4a4a4a;display:flex;align-items:center;justify-content:center;font:700 16px Plus Jakarta Sans;flex-shrink:0}.activity-row .grow{flex:1;min-width:0}.activity-action{font:700 17px Plus Jakarta Sans}.activity-meta{color:var(--muted);font-size:15px;margin-top:2px}.activity-time{color:var(--muted-2);font:600 14px Plus Jakarta Sans;white-space:nowrap;text-align:right}.detail-head{display:flex;align-items:flex-start;gap:20px;flex-wrap:wrap;margin-bottom:24px}.detail-head .grow{flex:1;min-width:200px}.detail-id{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.detail-id .big{font:800 30px Plus Jakarta Sans;letter-spacing:-.02em}.detail-sub{color:var(--muted);font-size:18px;margin-top:4px}.detail-actions{display:flex;gap:10px;flex-wrap:wrap}.history-item{padding:16px 0;border-top:1px solid var(--line-2)}.history-item:first-of-type{border-top:none}.history-top{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.history-top .id{font:800 16px Plus Jakarta Sans}.history-top .meta{color:var(--muted-2);font-size:15px}.history-top .badge{margin-left:auto}.history-work{font-size:16px;margin-top:6px}.history-detail{color:var(--muted);font-size:15px;margin-top:4px}.history-detail strong{color:var(--ink)}.doc-row{display:flex;align-items:center;gap:12px;padding:14px 0;border-top:1px solid var(--line-2)}.doc-row:first-of-type{border-top:none}.doc-row .icon{display:flex;color:var(--muted)}.doc-row .grow{flex:1;min-width:0;font:600 16px Plus Jakarta Sans}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#11111173;display:flex;align-items:center;justify-content:center;z-index:60;padding:20px}.modal{background:#fff;border-radius:22px;width:100%;max-width:520px;padding:28px;box-shadow:0 24px 60px #00000040;animation:tf-fade .2s ease}.modal-head{display:flex;align-items:center;gap:12px;margin-bottom:20px}.modal-head .title{font:800 22px Plus Jakarta Sans;letter-spacing:-.02em;flex:1}.modal-close{width:40px;height:40px;border-radius:999px;border:1.5px solid var(--line);background:#fff;color:#4a4a4a;cursor:pointer;display:flex;align-items:center;justify-content:center}.modal-close:hover{background:var(--bg)}.modal .field+.field{margin-top:16px}.modal-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.modal .field label{font:600 15px Plus Jakarta Sans;margin-bottom:6px}.modal .field input,.modal .field select{height:50px;border-radius:12px;font-size:16px;padding:0 16px}.modal .field select{padding:0 36px 0 16px}.modal-actions{display:flex;gap:12px;margin-top:24px;justify-content:flex-end}.modal-body{color:#4a4a4a;font-size:17px;line-height:1.5;margin:0 0 8px}.toast{position:fixed;bottom:28px;left:50%;transform:translate(-50%);z-index:80;color:#fff;padding:16px 24px;border-radius:14px;font:700 16px Plus Jakarta Sans;box-shadow:0 14px 40px #00000040;display:flex;align-items:center;gap:10px;animation:tf-up .3s ease}.toast .icon{display:flex}.toast-success{background:var(--green)}.toast-danger{background:var(--red)}.toast-verify{background:var(--blue)}.settings-actions{margin-top:22px}@media (max-width: 1080px){.two-col,.two-col.detail,.two-col.even,.two-col.reports,.form-grid-2{grid-template-columns:1fr}}@media (max-width: 860px){.sidebar{position:fixed;z-index:50;height:100vh;transform:translate(-100%);transition:transform .2s ease}.shell.nav-open .sidebar{transform:translate(0)}.shell.nav-open:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:#1116;z-index:40}.mobile-menu{display:flex}.topbar{padding:0 16px;gap:12px}.content{padding:20px 16px}.role-pill span{display:none}.modal-grid{grid-template-columns:1fr}}@media (max-width: 720px){.login-brand,.stepper .step-label{display:none}.search-shell{max-width:none}}