:root{
    --bg:#f7f2e8;--surface:rgba(255,255,255,.78);--text:#101827;--muted:#667085;--line:rgba(16,24,39,.11);--navy:#0f172a;--blue:#1f3c88;--green:#10a66a;--gold:#e2bd64;--red:#d9485f;--shadow:0 22px 70px rgba(15,23,42,.13);--soft-shadow:0 12px 38px rgba(15,23,42,.09);--radius-xl:30px;--radius-lg:22px;--container:1200px
}
*{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;text-size-adjust:100%}body{margin:0;min-height:100vh;color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;line-height:1.6;background:radial-gradient(circle at 10% 0%,rgba(226,189,100,.34),transparent 30rem),radial-gradient(circle at 85% 8%,rgba(31,60,136,.16),transparent 28rem),linear-gradient(180deg,var(--bg),#fff 45%,#fbfaf6);overflow-x:hidden}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.container{width:min(var(--container),calc(100% - 32px));margin-inline:auto}.topbar{position:sticky;top:0;z-index:30;border-bottom:1px solid rgba(16,24,39,.08);background:rgba(247,242,232,.76);backdrop-filter:blur(18px)}.nav{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:18px}.brand{display:inline-flex;align-items:center;gap:12px}.brand.center{justify-content:center;margin-bottom:20px}.brand-logo{width:46px;height:46px;display:grid;place-items:center;border-radius:17px;color:#fff;background:linear-gradient(135deg,var(--navy),var(--blue));font-weight:950;box-shadow:0 14px 32px rgba(31,60,136,.26)}.brand strong,.brand small{display:block;line-height:1.2}.brand small{color:var(--muted);font-size:12px}.nav-links{display:flex;align-items:center;gap:10px}.nav-links a{padding:10px 13px;border-radius:999px;color:rgba(16,24,39,.72);font-weight:800;font-size:14px}.nav-links a:hover{background:rgba(31,60,136,.08);color:var(--blue)}.nav-toggle{display:none;border:1px solid var(--line);background:rgba(255,255,255,.7);border-radius:14px;padding:10px 13px}.hero{padding:62px 0 44px}.hero.compact{padding-bottom:24px}.hero-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:42px;align-items:center}.pill,.section-kicker,.status-badge{display:inline-flex;align-items:center;width:fit-content;border-radius:999px;font-size:12px;font-weight:950}.pill{margin-bottom:16px;padding:8px 12px;color:var(--blue);border:1px solid rgba(31,60,136,.13);background:rgba(31,60,136,.07)}h1,h2,h3,p{margin-top:0}h1{margin-bottom:18px;max-width:760px;font-size:clamp(42px,7vw,78px);line-height:.94;letter-spacing:-.075em}h2{margin-bottom:8px;font-size:clamp(26px,3vw,38px);line-height:1.05;letter-spacing:-.045em}p{color:var(--muted)}.hero p{max-width:680px;font-size:18px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}.btn{min-height:48px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:999px;padding:13px 18px;color:#fff;background:linear-gradient(135deg,var(--blue),#2956b8);box-shadow:0 14px 34px rgba(31,60,136,.25);font-weight:950;cursor:pointer;transition:.18s ease}.btn:hover{transform:translateY(-2px);filter:brightness(1.03)}.btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.btn-ghost{color:var(--blue);border:1px solid rgba(31,60,136,.14);background:rgba(255,255,255,.72);box-shadow:none}.btn-soft{color:var(--text);background:rgba(16,24,39,.07);border:1px solid var(--line);box-shadow:none}.hero-card{padding:24px;border:1px solid rgba(255,255,255,.7);border-radius:var(--radius-xl);background:rgba(255,255,255,.72);box-shadow:var(--shadow);backdrop-filter:blur(20px)}.card-head{display:flex;gap:8px;margin-bottom:20px}.card-head span{width:12px;height:12px;border-radius:999px;background:var(--green)}.card-head span:nth-child(2){background:var(--gold)}.card-head span:nth-child(3){background:var(--blue)}.mini-title{margin-bottom:14px;color:var(--muted);font-size:13px;font-weight:900;text-transform:uppercase;letter-spacing:.12em}.mock-list{display:grid;gap:12px}.mock-list div{display:flex;justify-content:space-between;gap:14px;padding:18px;border-radius:20px;background:rgba(31,60,136,.06)}.mock-list span{color:var(--muted)}.calculator-section{padding:34px 0 80px}.app-grid{display:grid;grid-template-columns:minmax(0,1.04fr) minmax(380px,.96fr);gap:22px;align-items:start}.panel{border:1px solid rgba(16,24,39,.1);border-radius:var(--radius-xl);background:rgba(255,255,255,.78);box-shadow:var(--soft-shadow);backdrop-filter:blur(16px)}.form-panel,.result-panel,.wide-panel{padding:22px}.result-sticky{position:sticky;top:98px}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}.section-kicker{margin-bottom:7px;color:var(--blue);letter-spacing:.12em;text-transform:uppercase}details{margin-bottom:14px;border:1px solid var(--line);border-radius:22px;background:rgba(255,255,255,.58);overflow:hidden}summary{padding:17px 18px;cursor:pointer;font-weight:950;outline:none}details>label,details>.form-grid,details>.addon-box{margin:0 18px 18px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}label{display:block;color:rgba(16,24,39,.78);font-size:13px;font-weight:900}label small,small{display:block;margin-top:6px;color:var(--muted);font-weight:650}input,select,textarea{width:100%;margin-top:8px;border:1px solid rgba(16,24,39,.13);border-radius:16px;padding:13px 14px;outline:none;background:rgba(255,255,255,.86);color:var(--text);transition:.16s ease}textarea{resize:vertical}input:focus,select:focus,textarea:focus{border-color:rgba(31,60,136,.48);box-shadow:0 0 0 5px rgba(31,60,136,.08)}.addon-box{padding:16px;border-radius:18px;background:rgba(31,60,136,.045)}.checkbox-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:12px}.check-card{display:flex;align-items:flex-start;gap:10px;padding:12px;border-radius:16px;background:rgba(255,255,255,.74);border:1px solid rgba(16,24,39,.08)}.check-card input{width:auto;margin-top:4px}.check-card span{display:block;line-height:1.3}.status-badge{padding:8px 11px;color:var(--blue);background:rgba(31,60,136,.08);border:1px solid rgba(31,60,136,.13)}.price-grid,.summary-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.summary-cards{margin:18px 0}.price-card{padding:17px;border-radius:21px;background:rgba(16,24,39,.055);border:1px solid rgba(16,24,39,.08)}.price-card span,.profit-box span{display:block;margin-bottom:6px;color:var(--muted);font-size:12px;font-weight:850}.price-card strong{display:block;font-size:22px;line-height:1.12;letter-spacing:-.045em}.price-card.ideal{color:#fff;background:linear-gradient(135deg,var(--blue),#294fb0)}.price-card.ideal span{color:rgba(255,255,255,.74)}.price-card.safe strong{color:var(--green)}.breakdown,.message-box,.warning-box,.profit-box{margin-top:16px}.breakdown{padding:18px;border-radius:22px;border:1px solid var(--line);background:rgba(255,255,255,.62)}.breakdown h3{margin-bottom:12px}.breakdown-row{display:flex;justify-content:space-between;gap:14px;padding:9px 0;border-bottom:1px dashed rgba(16,24,39,.12)}.breakdown-row:last-child{border-bottom:0}.breakdown-row span{color:var(--muted)}.profit-box{display:grid;grid-template-columns:1fr 1fr;gap:12px}.profit-box>div{padding:16px;border-radius:20px;background:rgba(16,166,106,.08);border:1px solid rgba(16,166,106,.13)}.profit-box strong{color:var(--green);font-size:20px}.warning-box{display:grid;gap:8px}.warning{padding:12px 13px;border-radius:16px;color:#813042;background:rgba(217,72,95,.08);border:1px solid rgba(217,72,95,.16);font-size:13px;font-weight:750}.warning.ok{color:#176348;background:rgba(16,166,106,.08);border-color:rgba(16,166,106,.16)}.message-box textarea{min-height:160px}.action-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}.action-grid .btn:first-child{grid-column:1/-1}.action-grid.single .btn:first-child{grid-column:auto}.mini-note{margin:12px 0 0;font-size:13px}.mini-note.success,.alert.success{color:#176348}.mini-note.error,.alert.error{color:var(--red)}.footer{padding:28px 0;border-top:1px solid var(--line)}.footer-inner{display:flex;justify-content:space-between;gap:16px;color:var(--muted)}.footer-inner strong{color:var(--text)}.history-page{padding:44px 0 80px}.history-title{font-size:clamp(30px,5vw,52px)}.filter-bar{display:grid;grid-template-columns:1fr 220px auto;gap:10px;margin-bottom:18px}.table-wrap{overflow-x:auto;border-radius:20px;border:1px solid var(--line)}table{width:100%;border-collapse:collapse;min-width:980px;background:rgba(255,255,255,.82)}th,td{padding:14px;border-bottom:1px solid rgba(16,24,39,.08);text-align:left;vertical-align:top}th{color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.08em;background:rgba(16,24,39,.04)}td small{margin-top:2px}.empty-state{padding:32px;border:1px dashed var(--line);border-radius:22px;color:var(--muted);text-align:center}.row-actions{white-space:nowrap}.mini-btn{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:999px;padding:9px 13px;color:#fff;background:var(--blue);font-weight:900;cursor:pointer}.danger-btn{border:0;border-radius:999px;padding:12px 16px;color:#fff;background:var(--red);font-weight:950;cursor:pointer}.danger-btn.small{padding:8px 12px;font-size:12px}.detail-grid{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:22px;align-items:start}.detail-section{margin-top:18px;padding-top:18px;border-top:1px solid var(--line)}.kv-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.kv-grid div{padding:14px;border-radius:16px;background:rgba(16,24,39,.045)}.kv-grid span{display:block;color:var(--muted);font-size:12px}.stack-form{display:grid;gap:14px}.delete-form{margin-top:18px}.auth-body{display:grid;min-height:100vh;place-items:center;padding:22px}.auth-card{width:min(460px,100%);padding:26px;border:1px solid var(--line);border-radius:var(--radius-xl);background:rgba(255,255,255,.8);box-shadow:var(--shadow)}.auth-card h1{font-size:42px}.alert{padding:13px 14px;border-radius:16px;margin:14px 0;border:1px solid var(--line);background:rgba(255,255,255,.72)}.alert.success{background:rgba(16,166,106,.08);border-color:rgba(16,166,106,.16)}.alert.error{background:rgba(217,72,95,.08);border-color:rgba(217,72,95,.16)}.settings-grid{display:grid;gap:22px}.settings-form{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:14px 0 24px}.settings-form textarea,.settings-form .btn{grid-column:1/-1}.settings-row{display:grid;grid-template-columns:46px 1fr 1fr 2fr 110px 90px 110px 80px 2fr auto;gap:8px;align-items:center}.settings-row.addon-row{grid-template-columns:46px 1fr 2fr 110px 80px auto}.settings-row input,.settings-row select,.settings-form input,.settings-form select,.settings-form textarea{margin-top:0}.inline-check,.tiny-check{display:flex;align-items:center;gap:8px}.tiny-check input,.inline-check input{width:auto;margin:0}.inline-delete{margin-top:8px}.small-table table{min-width:1100px}.addon-new{grid-template-columns:1fr 2fr 140px 100px 120px auto}.compact-list{max-width:650px}
@media(max-width:980px){.hero-grid,.app-grid,.detail-grid{grid-template-columns:1fr}.result-sticky{position:static}.nav-toggle{display:block}.nav-links{position:fixed;top:76px;left:16px;right:16px;display:grid;gap:8px;padding:14px;border:1px solid var(--line);border-radius:22px;background:rgba(255,255,255,.94);box-shadow:var(--shadow);transform:translateY(-12px);opacity:0;pointer-events:none;transition:.18s}.nav-links.open{transform:translateY(0);opacity:1;pointer-events:auto}.nav-links a{width:100%}.settings-form,.settings-row,.settings-row.addon-row,.addon-new{grid-template-columns:1fr}.filter-bar{grid-template-columns:1fr}.small-table table{min-width:800px}}
@media(max-width:680px){.container{width:min(100% - 24px,var(--container))}.nav{min-height:68px}.hero{padding-top:42px}h1{font-size:clamp(38px,13vw,56px)}.hero p{font-size:16px}.hero-actions,.hero-actions .btn,.action-grid{width:100%;grid-template-columns:1fr}.form-panel,.result-panel,.wide-panel{padding:14px;border-radius:22px}.panel-head{align-items:flex-start;flex-direction:column}.form-grid,.checkbox-grid,.price-grid,.profit-box,.summary-cards,.kv-grid{grid-template-columns:1fr}details>label,details>.form-grid,details>.addon-box{margin-inline:12px}summary{padding-inline:14px}.price-card strong{font-size:24px}.footer-inner{flex-direction:column}.auth-card h1{font-size:34px}}


/* Stage 1 & 2 Workflow Extensions - keeps existing visual language */
.soft-badge{background:rgba(16,24,39,.06);color:var(--muted);border-color:rgba(16,24,39,.1)}
.status-masuk{color:var(--blue);background:rgba(31,60,136,.08)}
.status-dicek,.status-menunggu_acc{color:#8a5d06;background:rgba(226,189,100,.18);border-color:rgba(226,189,100,.32)}
.status-dikerjakan,.status-menunggu_sparepart{color:#114d8a;background:rgba(31,60,136,.08)}
.status-selesai,.status-sudah_diambil{color:#176348;background:rgba(16,166,106,.08);border-color:rgba(16,166,106,.18)}
.status-batal{color:#813042;background:rgba(217,72,95,.08);border-color:rgba(217,72,95,.18)}
.tiny-actions{margin-top:0;align-items:center}.tiny-actions .btn{min-height:42px}.full-link{width:100%;margin-top:14px}.one-col{grid-template-columns:1fr}.template-row{grid-template-columns:46px 1fr 1.4fr 3fr 90px auto auto;margin-bottom:10px}.template-row textarea{margin-top:0;min-height:54px}.timeline-list{display:grid;gap:10px}.timeline-list>div{padding:14px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.62)}.timeline-list span{display:block;color:var(--muted);font-size:12px}.timeline-list b{display:block;margin:4px 0}.timeline-list p{margin:0}.invoice-body{background:#f7f2e8}.invoice-wrap{width:min(900px,calc(100% - 24px));margin:34px auto}.invoice-card{padding:34px}.invoice-head{display:flex;justify-content:space-between;gap:24px;border-bottom:1px solid var(--line);padding-bottom:20px;margin-bottom:20px}.invoice-head h1{font-size:38px;margin:0}.invoice-head p{margin:4px 0 0}.invoice-head div:last-child{text-align:right}.invoice-head strong,.invoice-head span{display:block}.invoice-kv{margin:18px 0}.invoice-foot{display:flex;justify-content:space-between;gap:20px;margin-top:22px;color:var(--muted);font-size:13px}.no-print{margin-top:22px}@media print{.topbar,.no-print{display:none!important}body{background:#fff}.invoice-wrap{width:100%;margin:0}.invoice-card{box-shadow:none;border:0;border-radius:0}.invoice-head h1{font-size:28px}}@media(max-width:980px){.template-row{grid-template-columns:1fr}.invoice-head,.invoice-foot{flex-direction:column;text-align:left}.invoice-head div:last-child{text-align:left}}


/* Edit/Delete/Invoice polish patch - additive only */
.inline-form{display:inline;margin:0}.soft-mini{background:rgba(16,24,39,.08)!important;color:var(--text)!important}.danger-mini{background:var(--red)!important;color:#fff!important}.row-actions{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.row-actions .inline-form{display:inline-flex}.detail-section p{margin:12px 0;color:var(--text)}.detail-section p b{color:var(--text)}.invoice-pro-table span{color:#667085}.invoice-body{background:#f7f2e8}@media print{.invoice-body{background:#fff!important}}