:root {
  --bg: #f3f5f4;
  --surface: #ffffff;
  --surface-2: #f8faf9;
  --ink: #17201c;
  --muted: #6f7c75;
  --line: #e2e8e4;
  --brand: #49d679;
  --brand-dark: #1e8f49;
  --brand-soft: #e9f9ef;
  --danger: #d94a4a;
  --danger-soft: #fff0f0;
  --warning: #c4841c;
  --warning-soft: #fff7e7;
  --sidebar: #101714;
  --sidebar-2: #17211c;
  --radius: 16px;
  --shadow: 0 10px 30px rgba(16, 23, 20, 0.08);
  --font: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

* { box-sizing: border-box; }
html, body { margin: 0; min-height: 100%; font-family: var(--font); color: var(--ink); background: var(--bg); }
button, input, select, textarea { font: inherit; }
button { cursor: pointer; }
.hidden { display: none !important; }

.auth-shell {
  min-height: 100vh;
  display: grid;
  grid-template-columns: 1.1fr .9fr;
  background: var(--surface);
}
.auth-hero {
  min-height: 100vh;
  padding: 64px;
  color: #fff;
  background:
    radial-gradient(circle at 25% 20%, rgba(73,214,121,.24), transparent 33%),
    radial-gradient(circle at 80% 72%, rgba(73,214,121,.14), transparent 30%),
    var(--sidebar);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.brand-lockup { display: flex; align-items: center; gap: 12px; font-weight: 800; letter-spacing: -.02em; }
.brand-mark { width: 42px; height: 42px; border-radius: 13px; display: grid; place-items: center; background: var(--brand); color: #0f2417; font-weight: 900; }
.auth-hero h1 { max-width: 680px; font-size: clamp(38px, 5vw, 72px); line-height: .98; margin: 0; letter-spacing: -.05em; }
.auth-hero p { max-width: 610px; color: #c4d0c9; font-size: 18px; line-height: 1.6; }
.auth-panel { padding: 56px; display: grid; place-items: center; background: #fbfcfb; }
.auth-card { width: min(460px, 100%); }
.auth-card h2 { margin: 0 0 8px; font-size: 32px; letter-spacing: -.03em; }
.auth-card > p { margin: 0 0 28px; color: var(--muted); }
.form-group { margin: 0 0 18px; }
.form-group label { display: block; font-size: 13px; font-weight: 700; margin-bottom: 8px; color: #4e5e55; }
.input, .select, .textarea {
  width: 100%; border: 1px solid var(--line); background: #fff; color: var(--ink);
  border-radius: 12px; padding: 13px 14px; outline: none; transition: .15s ease;
}
.input:focus, .select:focus, .textarea:focus { border-color: #8bdca6; box-shadow: 0 0 0 4px rgba(73,214,121,.12); }
.textarea { min-height: 90px; resize: vertical; }
.btn { border: 0; border-radius: 12px; padding: 12px 16px; font-weight: 750; transition: .15s ease; display: inline-flex; align-items: center; justify-content: center; gap: 8px; }
.btn:hover { transform: translateY(-1px); }
.btn-primary { color: #082412; background: var(--brand); }
.btn-dark { background: var(--sidebar); color: #fff; }
.btn-secondary { background: #eef2ef; color: #27342d; }
.btn-danger { background: var(--danger-soft); color: var(--danger); }
.btn-outline { background: transparent; color: var(--ink); border: 1px solid var(--line); }
.btn-sm { padding: 8px 11px; border-radius: 9px; font-size: 13px; }
.btn-block { width: 100%; }
.demo-box { margin-top: 28px; padding: 16px; border: 1px dashed #cdd8d1; border-radius: 14px; background: #fff; }
.demo-box strong { display: block; font-size: 13px; margin-bottom: 10px; }
.demo-buttons { display: flex; gap: 8px; flex-wrap: wrap; }
.demo-chip { border: 1px solid var(--line); border-radius: 999px; padding: 8px 10px; background: #fff; font-size: 12px; color: #46534c; }
.error-text { color: var(--danger); font-size: 13px; margin-top: 10px; }

.selector-shell { min-height: 100vh; padding: 36px; background: linear-gradient(180deg, #f7faf8 0%, #eef3f0 100%); }
.selector-top { max-width: 1120px; margin: 0 auto 70px; display: flex; justify-content: space-between; align-items: center; }
.user-pill { display: flex; align-items: center; gap: 10px; }
.avatar { width: 38px; height: 38px; border-radius: 50%; display: grid; place-items: center; background: #dff5e7; color: #17653a; font-weight: 850; }
.selector-wrap { max-width: 1120px; margin: 0 auto; }
.selector-wrap h1 { margin: 0; font-size: clamp(34px, 5vw, 56px); letter-spacing: -.045em; }
.selector-wrap > p { color: var(--muted); margin: 12px 0 34px; font-size: 17px; }
.business-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; }
.business-card { border: 1px solid var(--line); background: #fff; border-radius: 22px; padding: 28px; box-shadow: var(--shadow); transition: .18s ease; text-align: left; }
.business-card:hover { transform: translateY(-4px); border-color: #bcd8c6; box-shadow: 0 16px 44px rgba(16,23,20,.12); }
.business-card-head { display: flex; align-items: center; justify-content: space-between; }
.business-icon { width: 60px; height: 60px; border-radius: 17px; display: grid; place-items: center; background: var(--brand-soft); font-size: 28px; }
.business-card h3 { font-size: 24px; margin: 30px 0 8px; }
.business-card p { margin: 0; color: var(--muted); min-height: 44px; }
.business-meta { margin-top: 22px; padding-top: 18px; border-top: 1px solid var(--line); display: flex; justify-content: space-between; font-size: 13px; color: var(--muted); }
.role-badge { padding: 5px 9px; background: #eef4f0; border-radius: 999px; color: #3c4a42; font-weight: 700; text-transform: capitalize; }

.app-shell { min-height: 100vh; display: grid; grid-template-columns: 258px minmax(0, 1fr); }
.sidebar { position: sticky; top: 0; height: 100vh; padding: 20px 14px; background: var(--sidebar); color: #d7e1db; display: flex; flex-direction: column; z-index: 10; }
.sidebar .brand-lockup { padding: 6px 10px 20px; color: #fff; }
.business-switch { margin: 6px 4px 18px; padding: 11px 12px; border: 1px solid #2b3931; background: var(--sidebar-2); border-radius: 12px; color: #fff; display: flex; justify-content: space-between; align-items: center; }
.business-switch small { display: block; color: #8da098; font-size: 11px; margin-bottom: 3px; }
.business-switch strong { font-size: 13px; }
.nav-label { font-size: 10px; text-transform: uppercase; letter-spacing: .11em; color: #68786f; margin: 18px 12px 8px; font-weight: 800; }
.nav { display: grid; gap: 4px; }
.nav button { width: 100%; border: 0; color: #aab8b0; background: transparent; padding: 11px 12px; border-radius: 10px; text-align: left; display: flex; align-items: center; gap: 11px; font-weight: 650; }
.nav button:hover { color: #fff; background: #18231d; }
.nav button.active { color: #fff; background: #213229; box-shadow: inset 3px 0 0 var(--brand); }
.nav-icon { width: 21px; text-align: center; opacity: .95; }
.sidebar-footer { margin-top: auto; padding: 14px 8px 4px; border-top: 1px solid #24322b; }
.sidebar-user { display: flex; align-items: center; gap: 10px; }
.sidebar-user .avatar { width: 34px; height: 34px; font-size: 12px; }
.sidebar-user strong { display: block; font-size: 12px; color: #fff; }
.sidebar-user small { color: #71837a; font-size: 11px; }
.sidebar-footer button { margin-left: auto; background: none; border: 0; color: #7e9086; font-size: 18px; }
.main { min-width: 0; }
.topbar { height: 76px; background: rgba(255,255,255,.92); backdrop-filter: blur(12px); border-bottom: 1px solid var(--line); display: flex; align-items: center; justify-content: space-between; padding: 0 30px; position: sticky; top: 0; z-index: 8; }
.mobile-menu { display: none; border: 0; background: #eef2ef; width: 40px; height: 40px; border-radius: 10px; }
.topbar h2 { margin: 0; font-size: 20px; letter-spacing: -.02em; }
.topbar-right { display: flex; align-items: center; gap: 10px; }
.content { padding: 28px 30px 56px; max-width: 1540px; margin: 0 auto; }
.page-head { display: flex; justify-content: space-between; align-items: flex-start; gap: 20px; margin-bottom: 24px; }
.page-head h1 { margin: 0; font-size: 30px; letter-spacing: -.035em; }
.page-head p { margin: 7px 0 0; color: var(--muted); }
.head-actions { display: flex; gap: 10px; flex-wrap: wrap; }

.kpi-grid { display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: 16px; margin-bottom: 22px; }
.kpi { background: var(--surface); border: 1px solid var(--line); border-radius: var(--radius); padding: 20px; box-shadow: 0 2px 12px rgba(16,23,20,.035); }
.kpi-top { display: flex; justify-content: space-between; align-items: center; color: var(--muted); font-size: 13px; font-weight: 650; }
.kpi-icon { width: 36px; height: 36px; border-radius: 10px; display: grid; place-items: center; background: var(--brand-soft); }
.kpi-value { font-size: 32px; font-weight: 850; letter-spacing: -.04em; margin: 16px 0 5px; }
.kpi-foot { color: var(--muted); font-size: 12px; }
.kpi.warning .kpi-icon { background: var(--warning-soft); }

.grid-2 { display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(310px, .65fr); gap: 18px; }
.card { background: var(--surface); border: 1px solid var(--line); border-radius: var(--radius); box-shadow: 0 2px 12px rgba(16,23,20,.035); overflow: hidden; }
.card-head { padding: 18px 20px; border-bottom: 1px solid var(--line); display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.card-head h3 { margin: 0; font-size: 15px; }
.card-body { padding: 20px; }
.list { display: grid; gap: 12px; }
.activity-item { display: flex; align-items: flex-start; gap: 12px; }
.activity-icon { width: 34px; height: 34px; flex: 0 0 34px; border-radius: 9px; display: grid; place-items: center; background: #eef3f0; font-size: 13px; }
.activity-item strong { display: block; font-size: 13px; }
.activity-item p { margin: 3px 0 0; color: var(--muted); font-size: 12px; }
.bar-row { display: grid; grid-template-columns: minmax(110px, 1fr) 2.3fr 44px; align-items: center; gap: 12px; margin: 13px 0; font-size: 12px; }
.bar-track { height: 8px; border-radius: 999px; background: #edf1ee; overflow: hidden; }
.bar-fill { height: 100%; border-radius: 999px; background: var(--brand); }
.empty { padding: 44px 20px; text-align: center; color: var(--muted); }
.empty-icon { font-size: 36px; margin-bottom: 12px; }

.toolbar { display: flex; gap: 10px; flex-wrap: wrap; margin-bottom: 14px; }
.search-wrap { position: relative; flex: 1 1 260px; }
.search-wrap .input { padding-left: 38px; }
.search-icon { position: absolute; left: 13px; top: 50%; transform: translateY(-50%); color: #8a978f; }
.toolbar .select { width: auto; min-width: 150px; }
.table-card { background: var(--surface); border: 1px solid var(--line); border-radius: var(--radius); overflow: hidden; }
.table-wrap { width: 100%; overflow: auto; }
table { width: 100%; border-collapse: collapse; font-size: 13px; }
th { padding: 12px 16px; text-align: left; color: #6a776f; font-size: 11px; text-transform: uppercase; letter-spacing: .06em; background: #fafcfb; border-bottom: 1px solid var(--line); white-space: nowrap; }
td { padding: 14px 16px; border-bottom: 1px solid #edf1ee; vertical-align: middle; }
tr:last-child td { border-bottom: 0; }
tbody tr:hover { background: #fbfdfc; }
.product-name { font-weight: 750; }
.subtle { color: var(--muted); font-size: 12px; }
.qty { font-size: 15px; font-weight: 800; }
.status { display: inline-flex; align-items: center; gap: 6px; border-radius: 999px; padding: 5px 8px; font-size: 11px; font-weight: 750; }
.status.good { color: #207344; background: #eaf8ef; }
.status.low { color: #a16213; background: #fff4dd; }
.status.out { color: #b33c3c; background: #ffecec; }
.status-dot { width: 6px; height: 6px; border-radius: 50%; background: currentColor; }
.row-actions { display: flex; justify-content: flex-end; gap: 7px; }
.icon-btn { width: 34px; height: 34px; border: 1px solid var(--line); border-radius: 9px; background: #fff; color: #4e5b54; }
.icon-btn:hover { background: #f0f5f2; }
.table-footer { padding: 12px 16px; border-top: 1px solid var(--line); color: var(--muted); font-size: 12px; display: flex; justify-content: space-between; }

.restock-card { background: #fff; border: 1px solid var(--line); border-radius: 14px; padding: 16px; display: grid; grid-template-columns: 1fr auto auto; align-items: center; gap: 14px; }
.restock-card h4 { margin: 0 0 5px; font-size: 14px; }
.restock-card p { margin: 0; color: var(--muted); font-size: 12px; }
.restock-qty { min-width: 94px; padding: 9px 12px; border-radius: 10px; background: var(--warning-soft); color: #8a5b10; font-size: 12px; font-weight: 800; text-align: center; }
.restock-list { display: grid; gap: 10px; }

.staff-card { display: grid; grid-template-columns: 1fr auto; align-items: center; gap: 16px; padding: 16px 18px; border-bottom: 1px solid var(--line); }
.staff-card:last-child { border-bottom: 0; }
.staff-person { display: flex; align-items: center; gap: 12px; }
.staff-person .avatar { width: 42px; height: 42px; }
.staff-person strong { display: block; font-size: 14px; }
.staff-person p { margin: 4px 0 0; color: var(--muted); font-size: 12px; }
.access-pills { display: flex; gap: 7px; flex-wrap: wrap; justify-content: flex-end; }
.access-pill { border-radius: 999px; padding: 6px 9px; font-size: 11px; font-weight: 750; background: #edf3ef; color: #496057; }

.coming { min-height: 420px; display: grid; place-items: center; text-align: center; }
.coming h2 { margin-bottom: 8px; }
.coming p { max-width: 520px; color: var(--muted); line-height: 1.6; }
.coming-icon { font-size: 46px; }

.modal-backdrop { position: fixed; inset: 0; z-index: 50; background: rgba(5, 11, 8, .56); display: grid; place-items: center; padding: 20px; }
.modal { width: min(560px, 100%); max-height: min(760px, 92vh); overflow: auto; background: #fff; border-radius: 20px; box-shadow: 0 30px 80px rgba(0,0,0,.2); }
.modal-head { padding: 20px 22px; border-bottom: 1px solid var(--line); display: flex; align-items: center; justify-content: space-between; }
.modal-head h3 { margin: 0; font-size: 18px; }
.close-btn { width: 34px; height: 34px; border: 0; border-radius: 9px; background: #f0f3f1; }
.modal-body { padding: 22px; }
.modal-actions { padding: 16px 22px; border-top: 1px solid var(--line); display: flex; justify-content: flex-end; gap: 9px; }
.segmented { display: grid; grid-template-columns: 1fr 1fr; padding: 4px; background: #eff3f0; border-radius: 12px; gap: 4px; margin-bottom: 18px; }
.segmented button { border: 0; padding: 10px; border-radius: 9px; background: transparent; font-weight: 750; color: #66746c; }
.segmented button.active { background: #fff; color: var(--ink); box-shadow: 0 2px 8px rgba(0,0,0,.06); }
.form-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.check-grid { display: grid; gap: 10px; }
.check-card { padding: 12px; border: 1px solid var(--line); border-radius: 12px; display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.check-card label { margin: 0; font-weight: 700; font-size: 13px; }

.toast { position: fixed; right: 22px; bottom: 22px; z-index: 90; background: #15211a; color: #fff; border-radius: 12px; padding: 13px 16px; box-shadow: 0 12px 30px rgba(0,0,0,.18); font-size: 13px; animation: toastIn .22s ease; }
@keyframes toastIn { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: translateY(0); } }

@media (max-width: 1050px) {
  .kpi-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
  .grid-2 { grid-template-columns: 1fr; }
}
@media (max-width: 850px) {
  .auth-shell { grid-template-columns: 1fr; }
  .auth-hero { display: none; }
  .auth-panel { min-height: 100vh; padding: 30px 22px; }
  .business-grid { grid-template-columns: 1fr; }
  .selector-shell { padding: 24px 18px; }
  .selector-top { margin-bottom: 48px; }
  .app-shell { grid-template-columns: 1fr; }
  .sidebar { position: fixed; left: -270px; width: 258px; transition: left .18s ease; box-shadow: 20px 0 50px rgba(0,0,0,.18); }
  .sidebar.open { left: 0; }
  .mobile-menu { display: inline-grid; place-items: center; }
  .topbar { padding: 0 18px; }
  .content { padding: 22px 18px 50px; }
  .page-head { flex-direction: column; }
  .head-actions { width: 100%; }
}
@media (max-width: 620px) {
  .kpi-grid { grid-template-columns: 1fr; }
  .form-grid { grid-template-columns: 1fr; }
  .restock-card { grid-template-columns: 1fr; }
  .staff-card { grid-template-columns: 1fr; }
  .access-pills { justify-content: flex-start; }
  .selector-top .user-pill > div:not(.avatar) { display: none; }
  .topbar-right .btn span { display: none; }
}
.flow{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.flow b{padding:10px 12px;background:#f3f7f4;border-radius:10px;font-size:12px}.big-money{font-size:36px;font-weight:850;letter-spacing:-.04em}.sync-mini{font-size:12px;font-weight:700;color:#4c6257}.channel{display:inline-flex;padding:5px 8px;border-radius:999px;font-size:11px;font-weight:800;background:#eef2f0}.channel.tiktok{background:#eff0f1}.channel.shopee{background:#fff0e9}.integration-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.integration-card{display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:14px;background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:20px}.integration-card h3{margin:0 0 5px}.integration-card p{margin:0;color:var(--muted);font-size:12px}.integration-logo{width:48px;height:48px;border-radius:14px;background:#101714;color:white;display:grid;place-items:center;font-weight:900;font-size:20px}@media(max-width:760px){.integration-grid{grid-template-columns:1fr}.integration-card{grid-template-columns:auto 1fr}.integration-card .status,.integration-card .btn{grid-column:2}}
.kpi-link{appearance:none;text-align:left;width:100%;cursor:pointer;font:inherit;color:inherit}.kpi-link:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(20,40,30,.08);border-color:#b8c9bf}.head-actions{display:flex;gap:9px;flex-wrap:wrap}.restock-text{width:100%;min-height:300px;resize:vertical;line-height:1.55;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.week-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px}.day-cell{border:1px solid var(--line);border-radius:12px;padding:12px;display:flex;flex-direction:column;gap:3px;min-width:0}.day-cell b{font-size:12px}.day-cell span,.day-cell small{font-size:10px;color:var(--muted)}.day-cell strong{font-size:24px;margin-top:8px}@media(max-width:850px){.week-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:500px){.week-grid{grid-template-columns:1fr}}

.finance-hero{overflow:hidden}.finance-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border-top:1px solid var(--border)}.finance-stat{appearance:none;border:0;border-right:1px solid var(--border);background:transparent;text-align:left;padding:24px;cursor:pointer;color:inherit}.finance-stat:last-child{border-right:0}.finance-stat:hover{background:rgba(127,127,127,.06)}.finance-stat span,.finance-stat small{display:block;color:var(--muted)}.finance-stat strong{display:block;font-size:30px;margin:7px 0}.finance-stat small{font-size:12px}@media(max-width:800px){.finance-kpis{grid-template-columns:1fr}.finance-stat{border-right:0;border-bottom:1px solid var(--border)}}

/* BRODA — refined workspace theme */
:root{--bg:#f6f7f9;--ink:#202b29;--muted:#76817e;--line:#e7ebea;--border:var(--line);--brand:#c4ee98;--brand-dark:#285647;--brand-soft:#edf4e9;--sidebar:#173d33;--sidebar-2:#20483e;--radius:15px;--shadow:0 6px 22px #193d3305}
body{font-size:14px;-webkit-font-smoothing:antialiased}button,input{ -webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:3px solid #64a991;outline-offset:4px}button{transition:background .18s,box-shadow .18s,transform .18s}.ui-icon{width:20px;height:20px;flex-shrink:0;vertical-align:middle}.app-shell{grid-template-columns:236px minmax(0,1fr)}.sidebar{padding:28px 16px 18px;background:var(--sidebar)}.brand-mark{width:37px;height:40px;border-radius:11px;font-style:italic;font-size:26px;letter-spacing:-4px;padding-right:4px}.brand-word{font-size:23px;letter-spacing:1.2px}.brand-word>span{display:block;font-size:8px;font-weight:500;letter-spacing:1.6px;margin-top:3px;color:#a6bdb3}.sidebar .brand-lockup{gap:10px;padding:0 8px 30px}.business-switch{margin:0 0 20px;padding:14px 12px;border-color:#ffffff1c;background:#ffffff06;border-radius:10px;text-align:left}.business-switch small{color:#9bb4a9;font-size:10px}.business-switch strong{font-size:13px;letter-spacing:.5px}.nav-label{color:#95b1a4;font-size:9px;letter-spacing:1.7px;margin:6px 12px 13px}.nav{gap:6px}.nav button{font-size:12px;font-weight:500;padding:12px;color:#b9cdc4;border-radius:8px;gap:12px}.nav button.active{color:#183b2f;background:var(--brand);box-shadow:none;font-weight:650}.nav button:hover:not(.active){background:#ffffff0b}.nav-icon{display:flex}.sidebar-footer{border-color:#ffffff17;padding-top:20px}.sidebar-user small{color:#a0baae;text-transform:capitalize}.sidebar-user .avatar{background:#ffffff13;color:#d8e8de;border:1px solid #ffffff20}.sidebar-footer button{color:#bdd0c6}.topbar{height:78px;background:#fff;padding:0 36px}.topbar h2{font-size:14px;font-weight:600}.topbar-right{gap:23px}.warehouse-label{font-size:11px;color:var(--muted);display:flex;align-items:center;gap:7px}.location-dot{width:6px;height:6px;border-radius:100%;background:#589f7a}.top-avatar{width:32px;height:32px;font-size:12px;background:#eef2e9}.content{padding:34px 36px 20px;max-width:1500px}.eyebrow{font-size:9px;font-weight:650;letter-spacing:1.7px;margin-bottom:10px;color:#7e8984}.page-head{margin-bottom:28px}.page-head h1{font-size:29px;letter-spacing:-1.1px;font-weight:650;line-height:1.25}.page-head p{font-size:12px;line-height:1.65;margin-top:9px}.green-period{color:#77a55f}.date-chip{background:white;border:1px solid var(--line);border-radius:8px;padding:10px 13px;display:flex;align-items:center;gap:9px;font-size:11px;white-space:nowrap;color:#59665f;margin-top:18px}.date-chip .ui-icon{width:15px;height:15px}.finance-hero{border:1px solid #e0e7dd;background:#fff;border-radius:16px;padding:23px 25px 25px;box-shadow:var(--shadow)}.finance-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.finance-heading .eyebrow{font-size:8px;letter-spacing:1.4px}.finance-heading h3{margin:6px 0 0;font-size:16px;font-weight:600}.text-link{background:none;border:0;color:#476b5c;font-size:11px;font-weight:600;padding:6px 0;display:inline-flex;align-items:center;gap:8px;white-space:nowrap}.text-link .ui-icon{width:15px;height:15px}.finance-kpis{border:0;gap:20px}.finance-stat{padding:15px 20px 12px 0;border:0;border-right:1px solid var(--line);border-radius:0}.finance-stat>span{font-size:11px;color:#626e66;display:flex;align-items:center;gap:8px}.finance-stat strong{font-size:34px;letter-spacing:-1.3px;font-weight:650;margin:15px 0 10px;font-variant-numeric:tabular-nums}.finance-stat small{font-size:10px}.stat-symbol{font-style:normal;border-radius:5px;background:#f0f5eb;color:#567849;width:22px;height:22px;display:grid;place-items:center;font-size:16px}.finance-stat:nth-child(2) .stat-symbol{color:#b47952;background:#fcf1e9}.finance-stat.net-stat{border:0;background:#edf5e5;padding:17px 21px;border-radius:11px}.net-stat>span{justify-content:space-between;color:#36543c}.net-stat .ui-icon{width:19px;height:19px}.net-stat strong{color:#294c36}.net-stat small{color:#71816c}.section-heading{display:flex;align-items:center;justify-content:space-between;margin:28px 0 14px}.section-heading h3{font-size:14px;font-weight:600;margin:0}.section-heading>span{font-size:10px;color:#88918d}.kpi-grid{gap:14px;margin-bottom:24px}.kpi{padding:19px 18px;border-radius:12px;box-shadow:var(--shadow)}.kpi-top{font-size:11px;font-weight:500}.kpi-icon{width:30px;height:30px;border-radius:8px;background:#f0f4ee;color:#6b8763}.kpi-icon .ui-icon{width:16px;height:16px}.kpi:nth-child(2) .kpi-icon{background:#fcf3e7;color:#bd9355}.kpi:nth-child(3) .kpi-icon{background:#f0edf9;color:#9583bb}.kpi:nth-child(4) .kpi-icon{background:#e9f4ef;color:#6e9b87}.kpi-value{font-size:30px;margin:9px 0 12px;font-weight:600;letter-spacing:-1px}.kpi-foot{font-size:10px}.card{box-shadow:var(--shadow);border-radius:13px}.card-head{padding:20px 22px;border-bottom:1px solid #eff1ef}.card-head h3{font-size:13px;font-weight:600}.card-head p{font-size:10px;margin:6px 0 0}.card-body{padding:20px 22px}.dashboard-details{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:20px}.category-bars{display:grid;gap:19px}.category-row>div:first-child{display:flex;justify-content:space-between;margin-bottom:9px;font-size:11px;color:#68756e}.category-row strong{font-size:11px;color:#3c5044;font-weight:600}.category-row small{font-size:9px;color:#929b94;font-weight:400}.bar-track{height:6px;background:#f0f3ed}.bar-fill{background:#9dbb8d}.category-row:nth-child(2n) .bar-fill{background:#b8cba9}.category-row:nth-child(3n) .bar-fill{background:#6e9476}.attention-dot{width:7px;height:7px;background:#d2a35f;border-radius:50%}.action-row{display:flex;align-items:center;gap:11px;width:100%;padding:5px 0 20px;margin-bottom:17px;background:none;border:0;border-bottom:1px solid #edf0eb;text-align:left;color:var(--ink)}.action-row>span:nth-child(2){flex:1}.action-row strong,.action-row small{display:block}.action-row strong{font-size:11px;font-weight:600;line-height:1.5}.action-row small{font-size:10px;color:var(--muted);margin-top:5px;line-height:1.5}.action-row>.ui-icon{width:14px;color:#94a198}.action-icon{width:35px;height:37px;border-radius:9px;display:grid;place-items:center;flex-shrink:0}.action-icon .ui-icon{width:17px}.amber{background:#fbf1df;color:#b58d47}.lilac{background:#efebf8;color:#9a88bd}.rate-panel{background:#f6f8f4;border:1px solid #edf0e9;border-radius:10px;padding:17px 18px;margin-top:22px}.rate-panel>span{font-size:10px;color:#6c7d6b}.rate-panel strong{display:block;font-size:27px;margin-top:11px;font-weight:600;letter-spacing:-.7px}.rate-panel strong small{font-size:10px;letter-spacing:0;color:#83907b;font-weight:400}.rate-panel p{font-size:10px;color:#8a9485;margin:9px 0 0}.recent-orders{margin-top:22px}.workspace-footer{display:flex;justify-content:space-between;color:#9aa39e;font-size:9px;margin:24px 0 0}.btn{border-radius:8px;font-size:12px;font-weight:600;padding:11px 14px}.btn-primary{background:#244e3e;color:white}.btn-primary:hover{background:#32634e}.btn-secondary{background:white;border:1px solid #dfe5e1;color:#526459}.input,.select,.textarea{border-radius:8px;font-size:12px;padding:12px 13px}.table-card{border-radius:12px}th{background:#f9faf8;font-size:9px;letter-spacing:.7px;font-weight:600;padding:13px 20px}td{padding:15px 20px;font-size:11px}td b{font-weight:600}.status{font-size:10px;font-weight:500;padding:5px 9px}.status:before{content:'';width:4px;height:4px;border-radius:50%;background:currentColor}.status.good{background:#eff5e9;color:#68864e}.status.low{background:#fbf2df;color:#af8543}.channel{font-weight:500;font-size:10px;border-radius:5px}.subtle{font-size:11px}.auth-hero{padding:56px;background:radial-gradient(ellipse at 85% 95%,#49735b 0,transparent 55%),#173d33;position:relative;overflow:hidden}.auth-hero:after{content:'B';position:absolute;right:-30px;bottom:-170px;font-size:650px;color:#ffffff04;font-weight:900;font-style:italic;pointer-events:none}.auth-hero h1{font-weight:600;line-height:1.08;font-size:clamp(45px,5.5vw,78px);letter-spacing:-3px}.auth-hero p{font-size:15px;max-width:390px;margin-bottom:45px}.auth-panel{background:#f8f9f6}.auth-card h2{font-size:35px;font-weight:600;letter-spacing:-1px}.auth-card>p{font-size:13px;margin-top:12px}.auth-card .eyebrow{margin-bottom:17px}.demo-box{background:#f1f4ed;border:0;border-radius:10px;padding:20px}.demo-box strong{font-size:11px;font-weight:500;color:#7a8778}.demo-chip{font-size:11px;border-radius:7px}.selector-shell{background:#f6f7f3}.business-card{box-shadow:none;border-radius:16px}.business-card h3{font-weight:600}.modal{border-radius:16px}.modal-backdrop{backdrop-filter:blur(4px)}
@media(min-width:1500px){.content{padding-top:42px}.dashboard-details{grid-template-columns:1.35fr 1fr}.category-bars{gap:22px}}
@media(max-width:1100px){.app-shell{grid-template-columns:215px minmax(0,1fr)}.content{padding:28px 24px}.topbar{padding:0 24px}.finance-stat strong{font-size:28px}.finance-kpis{gap:14px}.dashboard-head h1{font-size:25px}.dashboard-details{grid-template-columns:1fr}.kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:850px){.app-shell{grid-template-columns:1fr}.sidebar{width:236px;left:-250px}.sidebar.open{left:0;box-shadow:0 0 0 100vmax #0a1e1966}.sidebar.open .nav{position:relative}.topbar{height:65px}.finance-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}.date-chip{margin-top:0}.dashboard-head{gap:14px}.auth-hero{display:none}.auth-card{max-width:400px}}
@media(max-width:620px){.content{padding:25px 16px}.topbar{padding:0 16px}.warehouse-label{display:none}.page-head h1{font-size:25px}.finance-hero{padding:19px 17px}.finance-kpis{grid-template-columns:1fr;gap:10px}.finance-stat{padding:14px 8px;border-right:0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:1fr auto;align-items:center;gap:8px}.finance-stat strong{font-size:27px;margin:0}.finance-stat small{grid-column:1/-1}.finance-stat.net-stat{padding:17px 13px}.net-stat>span{justify-content:flex-start;gap:8px}.finance-heading{margin-bottom:12px}.kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px}.kpi{padding:15px 13px}.kpi-top{font-size:10px;gap:5px}.kpi-foot{font-size:9px;line-height:1.6}.kpi-icon{width:25px;height:25px;flex-shrink:0}.kpi-value{font-size:27px}.section-heading>span{display:none}.card-head,.card-body{padding:18px 16px}.head-actions .btn{flex:1}.workspace-footer>span:last-child{display:none}.week-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.form-grid{grid-template-columns:1fr}.date-chip{font-size:10px}.finance-heading .text-link{font-size:10px}.auth-panel{padding:30px 24px}.auth-card h2{font-size:30px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* Imported finance history */
.finance-filters label{display:grid;gap:7px;color:var(--muted);font-size:11px}.finance-filters{margin-bottom:20px;gap:14px}.finance-filters .select{min-width:160px}.import-note{background:#edf4e9;border:1px solid #dce8d6;border-radius:12px;padding:17px 20px;margin-bottom:20px;font-size:12px}.import-note p{font-size:11px;color:#65745f;line-height:1.7;margin:6px 0 0}.finance-review{border:1px solid #ead7af;background:#fffbf3;border-radius:12px;margin-bottom:20px;padding:17px 20px}.finance-review p{font-size:11px;line-height:1.6;color:#8b7248}.finance-review summary,.finance-monthly summary{cursor:pointer;font-size:12px;font-weight:600}.finance-monthly{margin-bottom:20px}.finance-monthly>summary{padding:18px 20px}.finance-view{width:auto;max-width:260px}.source-cell{max-width:370px;line-height:1.6;overflow-wrap:anywhere}.btn:disabled{opacity:.4;cursor:default;transform:none}.finance-review table{background:transparent}.finance-monthly .card-body>details{margin-top:18px}.table-footer{gap:16px;align-items:center;flex-wrap:wrap}@media(max-width:620px){.finance-filters label{flex:1;min-width:135px}.finance-filters .select{width:100%;min-width:0}.finance-view{max-width:190px;font-size:10px}.source-cell{min-width:220px}.finance-review{padding:15px 12px}}
/* Custom order workspace */
.sidebar .nav{overflow-y:auto}.broda-workspace{cursor:default}.custom-overview{display:grid;grid-template-columns:repeat(4,1fr);background:white;border:1px solid var(--line);border-radius:13px;margin-bottom:24px;padding:19px 8px}.custom-overview>div{padding:0 20px;border-right:1px solid var(--line);display:flex;align-items:center;gap:12px}.custom-overview>div:last-child{border:0}.custom-overview strong{font-size:25px;font-weight:600}.custom-overview span{font-size:11px;color:var(--muted)}.custom-board-hint{align-self:center;margin-left:auto;font-size:10px}.custom-board{display:flex;gap:15px;overflow-x:auto;align-items:stretch;padding-bottom:20px;min-height:420px;scroll-snap-type:x proximity}.custom-column{flex:0 0 265px;background:#edf0ef;border:1px solid #e3e8e5;border-radius:12px;padding:14px 11px;scroll-snap-align:start;min-width:0}.custom-column>header{display:flex;align-items:center;gap:8px;padding:0 2px}.custom-column h3{font-size:12px;font-weight:650;margin:0}.stage-dot{width:7px;height:7px;border-radius:50%;background:var(--stage-color)}.stage-count{margin-left:auto;background:#fff9;border-radius:5px;font-size:10px;padding:3px 7px;color:#6d7971}.stage-description{font-size:9px;color:#859089;line-height:1.5;min-height:28px;margin:11px 2px 14px}.custom-card-list{display:grid;gap:12px}.custom-task{display:block;text-align:left;width:100%;padding:15px;background:white;border:1px solid #e1e7e2;border-top:3px solid var(--stage-color);border-radius:9px;box-shadow:0 3px 7px #173d3305;color:var(--ink);cursor:grab}.custom-task:hover{box-shadow:0 5px 15px #173d3312;transform:translateY(-2px)}.custom-task-top{display:flex;justify-content:space-between;gap:8px;font-size:8px;color:#8c9690}.custom-urgent{color:#a4644a;background:#fbebe1;padding:2px 5px;border-radius:4px}.custom-task h4{font-size:13px;line-height:1.5;margin:12px 0 5px;overflow-wrap:anywhere}.custom-task>p{font-size:11px;color:#7a857f;margin:0 0 12px}.custom-task-tags{display:flex;flex-wrap:wrap;gap:5px}.custom-task-tags span{font-size:9px;padding:4px 6px;border-radius:4px;background:#f1f4ef;color:#698062}.custom-task-price{font-size:12px;margin-top:15px}.custom-task-price>span{display:block;font-size:9px;color:var(--muted);margin-top:4px}.custom-task footer{display:flex;align-items:center;justify-content:space-between;margin-top:14px;padding-top:12px;border-top:1px solid #f0f2ef;font-size:9px;color:#7d8881}.custom-assignee{width:23px;height:23px;border-radius:50%;display:grid;place-items:center;background:#e9efe5;color:#6c8260;font-size:8px}.custom-late{color:#b45b46}.custom-drop-empty{font-size:10px;text-align:center;color:#a1aaa4;border:1px dashed #d2dcd5;border-radius:8px;padding:25px 10px}.custom-local-note{font-size:10px}.custom-modal{width:min(850px,100%)}.custom-section-title{font-size:11px;letter-spacing:.7px;text-transform:uppercase;color:#587260;padding-bottom:12px;border-bottom:1px solid var(--line);margin:20px 0 20px;font-weight:650}.custom-section-title:first-child{margin-top:0}.custom-form fieldset{margin:0;padding:0;border:0;min-width:0}.custom-form fieldset:disabled{opacity:.7}.custom-approval{display:flex;align-items:center;gap:9px;padding:14px;background:#eff5e9;border-radius:8px;font-size:12px;line-height:1.5}.custom-approval input{accent-color:#376748}.custom-estimate{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:17px 20px;background:#edf4e7;border-radius:9px}.custom-estimate span{font-size:11px;color:#6c7c62}.custom-estimate strong{display:block;font-size:25px;margin-top:8px;font-weight:600;color:#34553a}.custom-history{display:grid;gap:13px;max-height:250px;overflow:auto}.custom-history>div{border-left:2px solid #dce7d5;padding:2px 13px}.custom-history strong{display:block;font-size:11px;line-height:1.6;font-weight:500;white-space:pre-wrap;overflow-wrap:anywhere}.custom-history small{display:block;font-size:9px;color:var(--muted);margin-top:5px}.custom-modal .modal-actions{position:sticky;bottom:0;background:#fff;z-index:1}.custom-form>.subtle{line-height:1.65}@media(max-width:620px){.custom-overview{grid-template-columns:repeat(2,1fr);gap:18px;padding:18px 0}.custom-overview>div:nth-child(2){border:0}.custom-overview>div{padding:0 15px;gap:10px}.custom-overview span{font-size:10px}.custom-board-hint{width:100%;margin:4px 0}.custom-column{flex-basis:260px}.custom-modal .modal-actions{flex-wrap:wrap}.custom-estimate strong{font-size:22px}}

/* Minimal custom order flow */
.custom-board-simple .custom-column{flex:1 0 215px}.custom-simple-modal{width:min(520px,100%)}.custom-brief-preview{font-size:11px;color:#758179;line-height:1.65;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;white-space:pre-wrap}.custom-platform{color:#65805c;background:#edf3e8;padding:4px 7px;border-radius:5px;font-size:9px}.custom-task footer strong{font-weight:550;font-size:10px;overflow-wrap:anywhere;max-width:150px}.custom-return{margin-top:12px;margin-bottom:18px}.custom-stage-note{font-size:12px;line-height:1.7;color:#66806b;background:#f0f5ec;border-radius:8px;padding:14px}.custom-activity{margin-top:18px}.custom-activity summary{font-size:11px;color:#7b8880;cursor:pointer;margin-bottom:14px}.custom-simple-form .textarea{min-height:95px}.custom-simple-form fieldset{border:0;padding:0;margin:0;min-width:0}@media(max-width:620px){.custom-board-simple .custom-column{flex:0 0 255px}}
/* Shipped, receipt and reusable design archive */
.custom-task-open{appearance:none;display:block;width:100%;border:0;padding:0;background:transparent;text-align:left;color:inherit;cursor:pointer}.custom-task-open>p{font-size:11px;color:#7a857f;margin:0 0 12px}.custom-received-check{display:flex;align-items:center;gap:8px;margin:15px 0 0;padding:12px 0 0;border-top:1px solid #e6ece5;font-size:11px;color:#51705b;cursor:pointer;line-height:1.5}.custom-received-check input{accent-color:#376748;width:15px;height:15px;flex-shrink:0}.custom-task-top{flex-wrap:wrap}.custom-archive{margin-top:24px}.archive-search{padding:16px 20px;border-bottom:1px solid var(--line)}.archive-search .input{max-width:430px}.custom-archive td{min-width:105px}.custom-archive td:first-child{min-width:180px}.custom-assets{margin-top:22px;display:grid;gap:9px}.custom-assets h4{font-size:12px;font-weight:600;margin:0 0 4px}.custom-asset{border:1px solid #e1e8df;border-radius:9px;background:#f7f9f5;text-align:left;padding:13px 15px;color:var(--ink)}.custom-asset span,.custom-asset strong,.custom-asset small{display:block}.custom-asset span{font-size:9px;text-transform:uppercase;letter-spacing:.7px;color:#7a8b72}.custom-asset strong{font-size:12px;overflow-wrap:anywhere;margin:6px 0;font-weight:550}.custom-asset small{font-size:10px;color:var(--muted)}.custom-design-preview{display:block;max-width:100%;max-height:450px;object-fit:contain;border:1px solid var(--line);border-radius:8px;background:#f2f4ef;margin:12px auto}input[type=file].input{padding:10px;font-size:11px}input[type=file]::file-selector-button{border:0;border-radius:5px;padding:8px 10px;background:#e8f0e2;color:#3d5c3e;margin-right:10px;cursor:pointer}.custom-simple-form .custom-received-check{margin:12px 0 20px}

/* BRODA / Singapore + Batam */
:root{--bg:#f4f4ed;--ink:#202c27;--brand:#bded67;--brand-dark:#214d38;--sidebar:#152e25;--line:#e1e5da;--radius:16px}body{background:var(--bg)}.regional-shell .sidebar{padding:26px 18px 18px}.broda-brand{display:flex;flex-direction:column;align-items:flex-start;padding:0 12px 22px;text-decoration:none}.broda-brand img{width:142px;height:53px;object-fit:contain}.broda-brand span{color:#a4b5a7;letter-spacing:3px;font-size:8px;margin-top:7px}.sidebar-location{border-top:1px solid #ffffff18;border-bottom:1px solid #ffffff18;padding:20px 8px;margin-bottom:22px}.sidebar-location .eyebrow{display:block;color:#99b2a3;font-size:8px}.sidebar-location p{font-size:10px;color:#a5bcad;margin:12px 0 0}.site-switch{display:inline-flex;gap:4px;padding:4px;background:#e9ece3;border-radius:10px}.site-switch button{border:0;background:transparent;border-radius:7px;padding:9px 14px;font:inherit;font-size:11px;cursor:pointer;color:#6a766b;white-space:nowrap}.site-switch button.active{background:#fff;color:#243c29;box-shadow:0 2px 5px #132b1210;font-weight:650}.sidebar .site-switch{display:flex;background:#ffffff0c}.sidebar .site-switch button{padding:8px 10px;flex:1;color:#b9c8bd}.sidebar .site-switch button.active{background:#bded67;color:#203b22}.sidebar-art{margin-top:auto;padding:28px 10px 20px;display:flex;align-items:center;gap:8px;opacity:.8}.sidebar-art img{width:66px;height:78px;object-fit:contain}.sidebar-art span{font-size:9px;color:#c8d8c9;line-height:1.6;letter-spacing:1.8px}.sidebar-footer{margin-top:0}.sidebar-user strong{font-size:12px}.sidebar-user button{background:none;border:0;margin-left:auto;cursor:pointer;font-size:22px}.topbar-title{display:flex;align-items:center;gap:15px}.topbar{background:#f9faf5;border-bottom:1px solid var(--line)}.topbar-title .subtle{font-size:10px;border-left:1px solid var(--line);padding-left:15px}.content{padding-top:26px}.site-badge{display:inline-flex;align-items:center;gap:5px;white-space:nowrap;border-radius:5px;padding:5px 8px;font-size:9px;font-weight:650;letter-spacing:.3px}.site-badge.sg{background:#e5f1d2;color:#487034}.site-badge.batam{background:#efe6fc;color:#755298}.brand-hero{position:relative;display:flex;align-items:center;justify-content:space-between;min-height:270px;border-radius:20px;background:#e8eddb;overflow:hidden;padding:32px 40px;margin-bottom:28px}.brand-hero:after{content:'';position:absolute;right:-80px;top:-140px;width:470px;height:470px;border-radius:50%;border:1px solid #a2b78350;pointer-events:none;box-shadow:0 0 0 40px #abc78d12,0 0 0 80px #abc78d0b}.brand-hero>div{position:relative;z-index:1}.brand-hero .eyebrow{color:#6b8055}.brand-hero h1{font-size:42px;line-height:1.04;letter-spacing:-1.8px;font-weight:750;margin:12px 0}.brand-hero p{font-size:12px;color:#72816a;line-height:1.7}.brand-hero>img{width:225px;height:250px;object-fit:contain;position:relative;z-index:1;transform:rotate(7deg);margin-right:36px}.hero-location{margin-top:18px}.hero-location .site-switch{background:#d7e0cb}.theme-batam .brand-hero{background:#e9e2ef}.theme-batam .brand-hero .eyebrow{color:#7d658c}.theme-batam .hero-location .site-switch{background:#ddd2e7}.theme-batam .nav button.active{background:#ddc8ef}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:26px 0 15px}.section-heading h3{font-size:13px;font-weight:650;margin:0}.text-link{background:none;border:0;color:#45673c;cursor:pointer;font-size:11px;font-weight:600;padding:8px 0}.dashboard-finance{grid-template-columns:repeat(3,minmax(0,1fr))}.regional-finance-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:22px}.location-finance{background:#fff;border:1px solid var(--line);border-left:3px solid #a3cb72;border-radius:13px;padding:18px 20px}.location-finance.batam{border-left-color:#b596cb}.location-finance>div{display:flex;justify-content:space-between;align-items:center;gap:10px}.location-finance small{font-size:10px;color:var(--muted)}.location-finance dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:22px 0 0}.location-finance dt{font-size:9px;color:var(--muted);margin-bottom:6px}.location-finance dd{font-size:17px;font-weight:650;margin:0;overflow-wrap:anywhere}.studio-note{background:linear-gradient(90deg,#193126ee,#193126c9),url('assets/broda-pattern.jpg') center/cover;color:#f0f5e6;overflow:hidden}.studio-note .card-body{padding:30px}.studio-note .eyebrow{color:#bbd88f}.studio-note h3{font-size:25px;letter-spacing:-.7px;max-width:290px;line-height:1.2;margin:15px 0}.studio-note p{font-size:12px;line-height:1.8;color:#acbdad;max-width:280px}.studio-note img{width:105px;height:48px;object-fit:contain;margin-top:18px}.inventory-tabs{display:flex;gap:6px;align-items:center;margin-bottom:28px;border-bottom:1px solid var(--line);padding-bottom:14px}.inventory-tabs>button{border:0;border-radius:8px;background:none;padding:10px 16px;font-size:12px;color:#788271;cursor:pointer}.inventory-tabs>button.active{background:#233e2c;color:#f1f7e9}.inventory-tabs>.site-badge{margin-left:auto}.region-filter{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;font-size:11px;color:var(--muted)}.region-filter .select{width:auto;min-width:180px}.fx-pending{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:10px;font-size:12px}.custom-board-simple{min-height:320px;gap:12px}.custom-board-simple .custom-column{flex:1 0 205px;background:#e9ece3;border-color:#dfe4d7;padding:16px 11px}.custom-column h3{font-size:11px}.custom-task{border-top:0;box-shadow:0 3px 8px #1c381009;border-radius:10px;padding:16px}.custom-task h4{font-size:13px}.complete-drop{display:flex;align-items:center;gap:15px;border:1px dashed #a7be8f;background:#ecf3e2;border-radius:12px;padding:16px 21px;margin-bottom:26px}.complete-drop>span{display:grid;place-items:center;width:30px;height:30px;background:#d8eac2;color:#3f6635;border-radius:50%}.complete-drop strong,.complete-drop small{display:block}.complete-drop strong{font-size:12px;color:#46633a}.complete-drop small{font-size:10px;color:#78866e;margin-top:5px}.minimal-archive{box-shadow:none;overflow:hidden}.minimal-archive .card-head{padding:16px 20px}.minimal-archive .card-head h3{font-size:12px;white-space:nowrap}.minimal-archive .card-head .input{max-width:220px;font-size:11px;padding:9px 11px}.archive-row{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:12px 20px;border-top:1px solid #eef0e9}.archive-row>span{display:flex;align-items:center;gap:18px;min-width:0}.archive-row b{font-size:12px;font-weight:550;overflow-wrap:anywhere}.archive-row small{color:var(--muted);font-size:10px;white-space:nowrap}.archive-row button{font-size:10px;white-space:nowrap}.team-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.team-member{padding:28px}.team-member .avatar{width:45px;height:45px;background:#e6efda;color:#5e7c45}.team-member h3{font-size:22px;letter-spacing:-.6px;margin:18px 0 8px}.team-member p{font-size:12px;color:#758170;line-height:1.8;min-height:44px}.team-member small{font-size:10px;color:#a2aa9c}.team-task{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 0;border-bottom:1px solid var(--line)}.team-task:last-child{border:0}.team-task strong{font-size:13px}.team-task p,.team-task small{font-size:11px;color:var(--muted)}.team-task .select{width:140px;flex-shrink:0}.branded-auth{position:relative;overflow:hidden;background:linear-gradient(130deg,#172e26ef,#172e26e8),url('assets/broda-pattern.jpg') center/cover;padding:48px}.auth-logo{width:175px;height:70px;object-fit:contain;object-position:left}.auth-copy{z-index:2;margin:auto 0;position:relative}.auth-copy .eyebrow{color:#a9cb82}.auth-copy h1{font-size:54px;line-height:1.08;letter-spacing:-2px}.auth-copy p{line-height:1.8;font-size:13px;color:#b0c1b3}.auth-alien{position:absolute;width:220px;height:290px;object-fit:contain;right:-38px;bottom:15px;transform:rotate(-12deg);opacity:.8}.auth-card h2{letter-spacing:-.8px;font-size:27px}.auth-panel{background:#f8f9f2}.btn-primary{background:#25492e;color:#fff}.btn-primary:hover{background:#345e3e}.card,.table-card{box-shadow:0 3px 12px #1c351003}.theme-batam .site-switch button.active{color:#654c7a}
@media(min-width:1500px){.brand-hero>img{margin-right:85px}.brand-hero{min-height:290px}}
@media(max-width:1100px){.location-finance dl{grid-template-columns:1fr;gap:10px}.location-finance dl>div{display:flex;justify-content:space-between;align-items:center}.location-finance dt{margin:0}.brand-hero>img{margin-right:0;width:190px}.brand-hero h1{font-size:36px}.sidebar-art{padding-top:18px}}
@media(max-width:760px){.regional-finance-grid,.team-grid{grid-template-columns:1fr}.dashboard-finance{grid-template-columns:1fr}.brand-hero{padding:26px;min-height:240px}.brand-hero h1{font-size:33px}.brand-hero>img{width:130px;height:180px;position:absolute;right:-18px;bottom:8px;opacity:.35}.brand-hero p{max-width:230px}.topbar{padding:0 18px}.topbar-right{gap:9px}.topbar-right .site-switch button{padding:8px;font-size:10px}.topbar-title .subtle,.top-avatar{display:none}.minimal-archive .card-head{flex-wrap:wrap;gap:10px}.archive-row>span{display:block}.archive-row small{display:block;margin-top:5px}.inventory-tabs{flex-wrap:wrap}.inventory-tabs button{padding:9px;font-size:11px}.inventory-tabs>.site-badge{margin-left:0}.auth-copy h1{font-size:38px}.auth-alien{width:140px;height:180px}.branded-auth{padding:28px}.team-task{align-items:flex-start}.team-task .select{width:118px}}

/* Shipping workflow, full navigation and fulfilment calendar */
.regional-shell .sidebar{height:auto;min-height:100vh;align-self:start;position:sticky;padding:18px 16px}.regional-shell .sidebar .nav{overflow:visible;flex-shrink:0;gap:3px}.regional-shell .sidebar .nav button{padding:10px 12px;min-height:37px}.regional-shell .broda-brand{padding:0 10px 14px}.regional-shell .broda-brand img{height:42px;width:127px}.regional-shell .sidebar-location{padding:13px 7px;margin-bottom:15px}.regional-shell .sidebar-art{display:none}.regional-shell .sidebar-footer{margin-top:24px;padding-top:15px}.regional-shell .sidebar-user{min-height:36px}.custom-board-simple .custom-column{flex:1 0 210px}.shipping-card-footer{display:grid;gap:9px;margin-top:16px;padding-top:12px;border-top:1px solid var(--line)}.shipping-card-footer .btn{width:100%;justify-content:center}.shipping-card-footer small{font-size:9px;color:var(--muted);text-align:center}.placeholder-note{font-size:12px;background:#f1eafa;border:1px solid #e1d4ed;color:#785b8c;padding:12px 16px;border-radius:10px;margin-bottom:18px;line-height:1.6}.profile-head{display:flex;align-items:center;justify-content:space-between}.profile-pay{background:#f5f7ef;border-radius:10px;padding:14px 16px;margin:18px 0}.profile-pay small,.profile-pay strong{display:block}.profile-pay strong{font-size:23px;font-weight:650;letter-spacing:-.6px;margin-top:7px}.team-member>.btn{display:block;margin-top:18px}.salary-note{padding:23px}.salary-note h3{margin:0 0 16px}.salary-note>span{display:block;color:var(--muted);font-size:11px}.salary-note>strong{display:block;font-size:28px;letter-spacing:-1px;margin:7px 0}.salary-note>p{font-size:11px;color:var(--muted);line-height:1.7}.fulfillment-calendar{overflow:hidden}.fulfillment-calendar .card-head{flex-wrap:wrap;gap:16px}.fulfillment-calendar .card-head h3{font-size:15px}.calendar-controls{display:flex;gap:7px;align-items:center}.calendar-controls .select{width:185px;font-size:12px}.calendar-controls .btn{padding:9px 12px}.calendar-legend{display:flex;gap:14px;align-items:center;flex-wrap:wrap;padding:0 22px 19px;font-size:10px;color:var(--muted)}.calendar-legend span{display:flex;align-items:center;gap:6px}.calendar-legend i{width:13px;height:13px;display:inline-block;border:1px solid #00000009;border-radius:3px}.week-color-0{background:#e7f0d8}.week-color-1{background:#e7e2f3}.calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;padding:0 20px 20px}.calendar-weekday{text-align:center;font-size:10px;color:#7b8873;padding:8px}.calendar-day{appearance:none;border:1px solid transparent;min-height:85px;padding:10px 9px;display:flex;flex-direction:column;align-items:flex-start;border-radius:7px;cursor:pointer;color:#40503c;gap:7px;font:inherit}.calendar-day>span{font-size:11px}.calendar-day>b{font-size:10px;font-weight:550;min-height:12px}.calendar-day>small{font-size:9px;white-space:nowrap}.calendar-day.outside-month{opacity:.42}.calendar-day.today>span{border-radius:50%;background:#31543a;color:white;min-width:22px;min-height:22px;display:grid;place-items:center;margin:-4px}.calendar-day.selected-week{border-color:#819472;box-shadow:inset 0 0 0 1px #819472}.calendar-day:hover:not(:disabled){filter:brightness(.97)}.calendar-day:disabled{cursor:default;opacity:.25}.calendar-week-detail{padding:22px;background:#f7f9f1;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:16px}.calendar-week-detail h3{font-size:16px;margin:8px 0}.calendar-week-detail p{font-size:12px;line-height:1.7;margin:6px 0}.calendar-week-detail small{font-size:10px;color:var(--muted)}.check-grid[hidden]{display:none}
@media(min-width:851px) and (max-height:740px){.regional-shell .sidebar{padding-top:12px;padding-bottom:12px}.regional-shell .sidebar .nav button{padding:7px 11px;min-height:32px}.regional-shell .sidebar .broda-brand img{height:34px}.regional-shell .sidebar-location{padding:10px 7px;margin-bottom:10px}.regional-shell .sidebar-footer{margin-top:16px}.regional-shell .sidebar .nav-label{margin-bottom:8px}}
@media(max-width:850px){.regional-shell .sidebar{position:fixed;height:auto;min-height:0;top:0;bottom:auto;padding:14px;z-index:30}.regional-shell .sidebar .nav{overflow:visible}.regional-shell .sidebar .nav button{padding:8px 10px;min-height:32px}.regional-shell .sidebar .broda-brand{padding-bottom:8px}.regional-shell .sidebar-location{padding:8px;margin-bottom:9px}.regional-shell .sidebar-footer{margin-top:14px}.regional-shell .sidebar-location p{display:none}.regional-shell .sidebar .nav-label{margin-bottom:8px}.regional-shell .sidebar .broda-brand span{display:none}.calendar-week-detail{align-items:flex-start;flex-direction:column}}
@media(max-width:540px){.calendar-grid{padding:0 8px 12px;gap:3px}.calendar-day{padding:8px 4px;min-height:72px;gap:5px}.calendar-day>small{font-size:7px}.calendar-day>b{font-size:8px}.calendar-controls{width:100%}.calendar-controls .select{flex:1}.calendar-legend{padding:0 14px 15px;font-size:9px}.calendar-week-detail{padding:18px}.calendar-week-detail p{font-size:11px}.custom-board-simple .custom-column{flex-basis:250px}}
/* Language, monthly payroll and clearance stock */
.language-picker{padding:12px 9px 0;display:flex;align-items:center;gap:8px}.language-picker label{font-size:10px;color:#a4bcae}.language-picker .select{min-width:0;width:145px;padding:7px 8px;font-size:10px;background:#203e30;color:#e6eddf;border-color:#ffffff20}.regional-shell .sidebar-footer{margin-top:14px}.payroll-panel{margin-bottom:24px}.payroll-panel .card-head{flex-wrap:wrap;gap:12px}.payroll-panel .card-head p{font-size:11px;line-height:1.6;max-width:570px;margin:6px 0 0}.payroll-note{padding:0 20px;margin:0 0 12px}.clearance-row{background:#fff0ef!important}.clearance-row td{color:#9e3936;border-bottom-color:#f1d6d2}.clearance-row .subtle{color:#af6d66}.row-actions{display:flex;flex-wrap:wrap;gap:6px}.btn-danger{background:#a83e37;color:#fff;border:1px solid #a83e37}.form-group[hidden]{display:none}
@media(max-height:740px){.regional-shell .sidebar .nav button{min-height:29px;padding:6px 10px}.language-picker{padding-top:8px}.regional-shell .sidebar-footer{margin-top:10px}}
/* Compact financial workspace */
.clean-finance-controls{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:22px}.clean-finance-controls .input,.clean-finance-controls .select{width:auto;min-width:150px;font-size:12px}.finance-tabs{display:flex;gap:5px;border-bottom:1px solid var(--line);margin:24px 0 18px;padding-bottom:10px;flex-wrap:wrap}.finance-tabs button{border:0;border-radius:7px;background:transparent;color:var(--muted);padding:9px 14px;font-size:12px;cursor:pointer}.finance-tabs button.active{background:#25492e;color:white}.compact-notice{font-size:11px;line-height:1.7;border:1px solid #e5dfbd;background:#faf8eb;color:#7e744b;padding:12px 16px;border-radius:10px;margin:12px 0 20px}.compact-notice a{color:inherit;margin-left:6px}.amount-income{color:#487447}.amount-expense{color:#83564b}.table-card .text-link+.text-link{margin-left:12px}.staff-person{display:flex;align-items:center;gap:12px}.staff-person small{display:block;color:var(--muted);font-size:10px;margin-top:5px}.staff-person .avatar{width:32px;height:32px;font-size:11px;background:#edf2e5}.compact-staff td{padding:18px 20px}.staff-details{margin-top:7px;font-size:10px;color:var(--muted);max-width:320px}.staff-details summary{cursor:pointer}.staff-details p{font-size:11px;line-height:1.7}.rare-settings{margin-top:22px}.rare-settings>summary{padding:18px 22px;cursor:pointer;font-size:12px;color:var(--muted)}.rare-settings>.card-body{border-top:1px solid var(--line)}.custom-cost-row{background:#f5f8ef}.custom-cancel-link{border:0;background:transparent;color:#a5746c;cursor:pointer;font-size:9px;padding:14px 0 0;display:block;width:100%;text-align:left}.custom-cancel-link:hover{color:#963f35}.archive-status{margin-left:auto;font-size:9px;color:#6b8561}.archive-status.cancelled{color:#a16a60}.minimal-archive .archive-row{padding-top:10px;padding-bottom:10px}.payroll-panel{box-shadow:none}.payroll-panel .card-head{padding:16px 20px}
@media(max-width:620px){.clean-finance-controls{gap:8px}.clean-finance-controls .select,.clean-finance-controls .input{flex:1;min-width:130px}.finance-tabs button{font-size:10px;padding:8px 10px}.compact-staff td{padding:14px 12px}.archive-status{font-size:8px}}

.manual-line{display:grid;grid-template-columns:minmax(150px,1fr) 70px 100px 40px;gap:8px;margin:10px 0}.manual-line .input{min-width:0}@media(max-width:600px){.manual-line{grid-template-columns:1fr 65px 80px 35px;gap:4px}}

.batch-order{border:1px solid var(--border,#dfe4df);border-radius:12px;padding:16px;margin-bottom:12px}.batch-order h4{margin:0 0 12px}.batch-line{display:grid;grid-template-columns:minmax(0,1fr) 72px 38px;gap:8px;align-items:end;margin-bottom:12px}.batch-picker{display:grid;gap:6px}.batch-line label{font-size:14px}.batch-line input{min-width:0}.daily-list{display:grid;gap:10px}.day-row{display:flex;align-items:center;justify-content:space-between;gap:16px;text-align:left;padding:20px;width:100%;cursor:pointer}.daily-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.day-channel{margin-top:16px}.stock-reminder{padding:16px;background:#fff7df;border:1px solid #e8d99f;border-radius:10px;margin:12px 0}.stock-reminder p{margin:8px 0}@media(max-width:650px){.day-row,.daily-heading{flex-wrap:wrap}.day-row>span:nth-child(2){width:100%;order:3}}