.sc-sungg-app{--_unused:0}*{box-sizing:border-box}html,body{margin:0;padding:0;background:#f4f7fb;color:#18212f;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:15px}body{min-height:100vh}a{color:inherit}.app-shell{display:grid;grid-template-columns:250px minmax(0,1fr);min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;padding:22px 16px;background:#0d1b2a;color:#fff;display:flex;flex-direction:column;z-index:20}.sidebar__footer{margin-top:auto;padding:16px 10px 4px;color:#9fb0c3;display:grid;gap:3px;font-size:12px}.brand{display:flex;align-items:center;gap:11px;padding:4px 8px 28px}.brand strong,.brand small{display:block}.brand small{color:#9fb0c3;margin-top:3px}.brand__mark{width:40px;height:40px;border-radius:10px;display:grid;place-items:center;background:#1457d9;font-weight:900}.sidebar-nav{display:grid;gap:6px}.sidebar-nav__item{display:flex;align-items:center;gap:12px;padding:11px 12px;border-radius:9px;color:#9fb0c3;text-decoration:none;font-weight:650}.sidebar-nav__item span{width:18px;text-align:center;opacity:.9}.sidebar-nav__item:hover,.sidebar-nav__item.is-active{background:rgba(255,255,255,.08);color:#fff}.sidebar-nav__item.is-active{box-shadow:inset 3px 0 #1457d9}.app-main{min-width:0}.topbar{min-height:76px;background:#fff;border-bottom:1px solid #e5e9f0;padding:14px 30px;display:flex;align-items:center;justify-content:space-between;gap:16px}.topbar h1{margin:2px 0 0;font-size:18px}.topbar__user{display:flex;align-items:center;gap:9px;font-weight:650}.avatar{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:#e8eefc;color:#1457d9;font-weight:800}.eyebrow{color:#1457d9;font-size:11px;letter-spacing:.11em;font-weight:800}.menu-toggle{display:none;border:0;background:transparent;font-size:24px}.page-heading{padding:28px 30px 18px;display:flex;align-items:flex-end;justify-content:space-between;gap:20px}.page-heading h2{margin:5px 0;font-size:28px}.page-heading p{margin:0;color:#6b7280}.page-heading__actions{display:flex;gap:9px}.button{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;min-height:42px;padding:.65rem 1rem;border-radius:9px;border:1px solid transparent;font-weight:700;text-decoration:none;cursor:pointer;transition:.2s ease}.button--primary{background:#1457d9;color:#fff}.button--primary:hover{background:#0f46b2}.button--secondary{background:#fff;color:#18212f;border-color:#e5e9f0}.button--secondary:hover{border-color:#b8c2d1}.dashboard-grid{padding:0 30px 18px;display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.stat-card{background:#fff;border:1px solid #e5e9f0;border-radius:12px;box-shadow:0 8px 28px rgba(16,24,40,.06);padding:19px}.stat-card__label,.stat-card__meta{display:block}.stat-card__label{color:#6b7280;font-size:13px;font-weight:650}.stat-card__value{display:block;margin:7px 0 3px;font-size:28px}.stat-card__meta{color:#6b7280;font-size:12px}.stat-card--accent{background:#1457d9;color:#fff;border-color:#1457d9}.stat-card--accent .stat-card__label,.stat-card--accent .stat-card__meta{color:rgba(255,255,255,.76)}.content-grid{padding:0 30px 30px;display:grid;grid-template-columns:minmax(0,1.6fr) minmax(280px,.8fr);gap:16px}.content-card{background:#fff;border:1px solid #e5e9f0;border-radius:12px;box-shadow:0 8px 28px rgba(16,24,40,.06);padding:20px;margin:0 30px 18px}.content-card__header{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:16px}.content-card__header h3{margin:4px 0 0;font-size:18px}.content-grid .content-card{margin:0}.text-link{color:#1457d9;text-decoration:none;font-weight:700;font-size:13px}.table-wrap{overflow-x:auto}.data-table{width:100%;border-collapse:collapse}.data-table th,.data-table td{padding:12px 10px;border-bottom:1px solid #e5e9f0;text-align:left;white-space:nowrap}.data-table th{color:#6b7280;font-size:12px;text-transform:uppercase;letter-spacing:.05em}.data-table td{font-size:14px}.data-table tfoot th{background:#f8fafc;color:#18212f}.text-right{text-align:right!important}.badge{display:inline-flex;padding:4px 8px;border-radius:999px;font-size:11px;font-weight:800}.badge--success{background:#e7f6ed;color:#198754}.badge--warning{background:#fff4dc;color:#b7791f}.quick-actions{display:grid;gap:10px}.quick-action{display:flex;align-items:center;gap:12px;padding:12px;border:1px solid #e5e9f0;border-radius:10px;text-decoration:none}.quick-action:hover{border-color:#b9c5d6}.quick-action strong,.quick-action small{display:block}.quick-action small{margin-top:3px;color:#6b7280;font-size:12px}.quick-action__icon{width:38px;height:38px;border-radius:9px;display:grid;place-items:center;background:#eef3ff;color:#1457d9;font-size:20px}.form-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.field{display:grid;gap:7px}.field>span{font-weight:700;font-size:13px}.field input,.field select{width:100%;min-height:42px;padding:9px 11px;border:1px solid #e5e9f0;border-radius:8px;background:#fff;color:#18212f;font:inherit;outline:none}.field input:focus,.field select:focus{border-color:#1457d9;box-shadow:0 0 0 3px rgba(20,87,217,.1)}.table-input{width:75px;min-height:36px;padding:6px 8px;border:1px solid #e5e9f0;border-radius:7px}.table-input--product{width:100%;min-width:220px}.summary-card{max-width:560px;margin-left:auto;margin-right:30px}.summary-row{display:flex;justify-content:space-between;padding:11px 0;border-bottom:1px solid #e5e9f0}.summary-row--total{font-size:17px;border-bottom:0;padding-bottom:0}.empty-state{margin:30px;padding:50px;text-align:center;background:#fff;border:1px solid #e5e9f0;border-radius:12px;box-shadow:0 8px 28px rgba(16,24,40,.06)}@media(max-width:1050px){.dashboard-grid{grid-template-columns:repeat(2,1fr)}.content-grid{grid-template-columns:1fr}}@media(max-width:760px){.app-shell{grid-template-columns:1fr}.sidebar{position:fixed;left:-270px;width:250px;transition:left .2s ease}.sidebar.is-open{left:0}.menu-toggle{display:block}.topbar{padding:12px 18px}.topbar__user>span:last-child{display:none}.page-heading{padding:22px 18px 15px;align-items:flex-start;flex-direction:column}.page-heading h2{font-size:23px}.page-heading__actions{width:100%}.dashboard-grid{padding:0 18px 18px;grid-template-columns:1fr 1fr}.content-grid{padding:0 18px 18px}.content-card{margin-left:18px;margin-right:18px;padding:16px}.summary-card{margin-left:auto;margin-right:18px}.form-grid{grid-template-columns:1fr}}@media(max-width:480px){.dashboard-grid{grid-template-columns:1fr}.page-heading__actions{flex-direction:column}.button{width:100%}}
.print-sheet{background:#fff;margin:20px 30px 40px;padding:28px;border:1px solid #e5e9f0;max-width:1100px}.print-header{display:flex;justify-content:space-between;gap:30px;border-bottom:2px solid #18212f;padding-bottom:15px;margin-bottom:16px}.print-header h1{margin:0 0 5px;font-size:22px}.print-meta{min-width:220px;display:grid;gap:5px}.print-table{width:100%;border-collapse:collapse}.print-table th,.print-table td{border:1px solid #222;padding:6px 7px}.print-table th{text-align:center;font-size:12px}.print-table td:not(:nth-child(2)){text-align:center}.print-summary{width:390px;margin-left:auto;margin-top:18px;border:1px solid #222}.print-summary>div{display:grid;grid-template-columns:25px 1fr 70px;padding:6px 9px;border-bottom:1px solid #ccc}.print-summary>div:last-child{border-bottom:0}.print-summary .selisih{grid-template-columns:1fr 70px;background:#f4f4f4}.signature{display:grid;grid-template-columns:1fr 1fr;margin-top:55px}.catatan-print{border:1px solid #222;min-height:90px;margin-top:35px;padding:10px}@media print{@page{size:F4 portrait;margin:10mm}body{background:#fff;font-size:11px}.sidebar,.topbar,.no-print,.page-heading{display:none!important}.app-shell{display:block}.app-main{width:100%}.print-sheet{margin:0;padding:0;border:0;max-width:none}.print-table th,.print-table td{padding:4px 5px}}
.badge--neutral{background:#eef1f5;color:#596579}
.form-result{margin-top:12px;min-height:20px;color:#b7791f;font-weight:650}
.inline-form{display:grid;grid-template-columns:1fr 2fr 1fr auto auto;gap:12px;align-items:end}
.text-button{border:0;background:transparent;color:#1457d9;font-weight:700;cursor:pointer;padding:4px}
.text-button--danger{color:#b42318}
.workflow-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}
.workflow-actions .button{width:auto}
.filter-action{display:flex;align-items:end}
.button--small{min-height:34px;padding:.45rem .7rem;font-size:12px}
.import-help{padding:12px 14px;margin-bottom:16px;border:1px solid #e5e9f0;background:#f8fafc;border-radius:8px}
.transaction-table .js-expected,.transaction-table .js-selisih{text-align:center;font-weight:700}
.print-sheet{background:#fff;margin:20px 30px 40px;padding:28px;border:1px solid #e5e9f0;max-width:1100px}
.print-header{display:flex;justify-content:space-between;gap:30px;border-bottom:2px solid #18212f;padding-bottom:15px;margin-bottom:16px}
.print-header h1{margin:0 0 5px;font-size:22px}
.print-meta{min-width:220px;display:grid;gap:5px}
.print-table{width:100%;border-collapse:collapse}
.print-table th,.print-table td{border:1px solid #222;padding:6px 7px}
.print-table th{text-align:center;font-size:11px}
.print-table td:not(:nth-child(2)){text-align:center}
.print-summary{width:420px;margin-left:auto;margin-top:18px;border:1px solid #222}
.print-summary>div{display:grid;grid-template-columns:28px 1fr 80px;padding:6px 9px;border-bottom:1px solid #ccc}
.print-summary>div:last-child{border-bottom:0}
.print-summary .selisih{grid-template-columns:28px 1fr 80px;background:#f4f4f4}
.signature{display:grid;grid-template-columns:1fr 1fr;margin-top:55px}
.catatan-print{border:1px solid #222;min-height:90px;margin-top:35px;padding:10px}
@media(max-width:760px){.inline-form{grid-template-columns:1fr}.filter-action{align-items:stretch}.print-sheet{margin:10px;padding:14px}.print-header{flex-direction:column}.print-summary{width:100%}}
@media print{
 @page{size:F4 portrait;margin:10mm}
 body{background:#fff;font-size:11px}
 .sidebar,.topbar,.no-print,.page-heading{display:none!important}
 .app-shell{display:block}.app-main{width:100%}
 .print-sheet{margin:0;padding:0;border:0;max-width:none}
 .print-table th,.print-table td{padding:4px 5px}
}
.button--danger-outline{border-color:#e0b4b4;color:#b42318}.button--danger-outline:hover{border-color:#b42318;background:#fff5f5}

.stock-filter{grid-template-columns:2fr 1fr 1fr auto}.stock-summary{grid-template-columns:repeat(4,1fr)}.stock-code{font-size:22px}.stock-ledger td,.stock-ledger th{vertical-align:middle}.stock-note{margin-top:16px;padding:12px 14px;background:#f8fafc;border:1px solid #e5e9f0;border-radius:8px;color:#596579;font-size:13px}.stock-note code{background:#eef1f5;padding:2px 5px;border-radius:4px}@media(max-width:760px){.stock-filter{grid-template-columns:1fr}.stock-summary{grid-template-columns:1fr 1fr}}@media print{.stock-summary{padding:0 0 15px;grid-template-columns:repeat(4,1fr)}.stock-summary .stat-card{box-shadow:none;border:1px solid #bbb}.stock-ledger{font-size:10px}.stock-note{font-size:10px}}


/* v0.6 stock dashboard */
.report-columns{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);gap:20px;margin:20px 0}
.mini-report{display:grid;gap:0}
.mini-report>div{display:flex;justify-content:space-between;gap:20px;padding:14px 0;border-bottom:1px solid rgba(0,0,0,.08)}
.mini-report>div:last-child{border-bottom:0}
.mini-report span{color:#667085}
.report-period{font-size:13px;color:#667085}
.stat-card--danger{border-color:#d92d20}
.button--small{padding:7px 10px;font-size:12px}
.print-signature{display:none}
@media (max-width:900px){.report-columns{grid-template-columns:1fr}}
@media print{
  .no-print,.site-header,.site-footer,.main-nav,.page-heading__actions{display:none!important}
  .app-shell{max-width:none!important;padding:0!important}
  .content-card{box-shadow:none!important;border:1px solid #ddd!important}
  .report-columns{display:grid;grid-template-columns:1fr 1fr}
  .print-signature{display:grid;grid-template-columns:1fr 1fr;gap:80px;margin-top:50px;text-align:center}
  .stock-note{font-size:10px}
}


/* v0.7 import/export */
.button-row{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.field-help{font-size:12px;color:#667085}
.import-summary{padding:12px 0}
.check-list{margin:0;padding-left:20px;line-height:1.8}


/* v0.8 F4 report */
.report-filter{display:grid;grid-template-columns:repeat(3,minmax(160px,1fr)) auto;gap:14px;align-items:end}
.filter-actions{display:flex;gap:8px;align-items:center}
.f4-paper{background:#fff;max-width:21cm;min-height:29.7cm;margin:20px auto;padding:12mm;box-shadow:0 3px 18px rgba(0,0,0,.08);color:#111}
.f4-header{display:flex;justify-content:space-between;gap:20px;border-bottom:2px solid #111;padding-bottom:10px;margin-bottom:12px}
.f4-header h1{font-size:18px;margin:0 0 5px}.f4-header p{margin:2px 0;font-size:11px}
.f4-meta{text-align:right;font-size:11px}.f4-table{width:100%;border-collapse:collapse;font-size:9px}
.f4-table th,.f4-table td{border:1px solid #222;padding:4px;text-align:center;vertical-align:middle}
.f4-table th{font-weight:700}.f4-table .left{text-align:left}.f4-table .right{text-align:right}
.f4-signatures{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:35px;text-align:center;font-size:11px}
@media(max-width:900px){.report-filter{grid-template-columns:1fr}.f4-paper{padding:8px}.f4-table{font-size:8px}}
@media print{
  @page{size:F4 portrait;margin:8mm}
  body{background:#fff!important}
  .no-print,.site-header,.site-footer,.admin-bar{display:none!important}
  .app-shell{margin:0!important;padding:0!important}
  .f4-paper{box-shadow:none;margin:0;max-width:none;min-height:0;padding:0}
  .f4-table{font-size:8.5px}
  .f4-table th,.f4-table td{padding:3px}
  .f4-signatures{page-break-inside:avoid}
}


/* v0.9 Dashboard Analitik */
.stats-grid{display:grid;grid-template-columns:repeat(6,minmax(130px,1fr));gap:14px;margin:18px 0}
.stat-card{background:#fff;border:1px solid #e6e8ec;border-radius:12px;padding:16px;min-height:112px;display:flex;flex-direction:column;justify-content:space-between}
.stat-card span{font-size:12px;color:#667085}.stat-card strong{font-size:25px;line-height:1.1}.stat-card small{font-size:11px;color:#98a2b3}
.dashboard-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:18px 0}
.chart-card{min-height:310px}.chart-card canvas{max-height:230px}
@media(max-width:1100px){.stats-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:700px){.stats-grid,.dashboard-grid{grid-template-columns:1fr}.stat-card{min-height:95px}}

/* v0.9 analytics charts without external JS dependency */
.mini-chart{display:flex;flex-direction:column;gap:9px;max-height:245px;overflow:auto}
.mini-chart__row{display:grid;grid-template-columns:minmax(70px,110px) 1fr 55px;gap:8px;align-items:center;font-size:11px}
.mini-chart__row>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mini-chart__track{height:10px;background:#edf0f3;border-radius:999px;overflow:hidden}
.mini-chart__track i{display:block;height:100%;width:0;border-radius:999px;transition:width .25s ease}