@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{color-scheme:light;--ink:#123745;--muted:#647580;--teal:#087d85;--mint:#64ebcd;--line:#dce6e9;--bg:#f3f7f8;font-family:'DM Sans',system-ui,sans-serif;font-size:16px}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:var(--bg)}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #1bbca9;outline-offset:4px}[hidden]{display:none!important}.notice{background:#e2f7f2;min-height:38px;display:flex;align-items:center;justify-content:center;gap:10px;padding:8px 16px;color:#126858;font-size:.75rem;font-weight:700;letter-spacing:.055em}.notice-detail{font-weight:500;letter-spacing:0}.dot{height:6px;width:6px;background:#087d85;border-radius:50%}.login-layout{min-height:calc(100dvh - 38px);display:grid;grid-template-columns:1fr 1fr}.brand-panel{background:#0b3443;color:white;padding:46px 11%;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}.brand-panel:after{content:'';position:absolute;width:520px;height:520px;border:1px solid #ffffff10;border-radius:50%;right:-320px;bottom:-290px;box-shadow:0 0 0 80px #ffffff03,0 0 0 160px #ffffff02;pointer-events:none}.brand{display:flex;gap:13px;align-items:center;text-decoration:none;font:800 1.6rem 'Manrope',sans-serif;letter-spacing:.08em;width:max-content}.brand small{display:block;font:600 .65rem 'DM Sans',sans-serif;letter-spacing:.15em;margin-top:2px}.brand-mark{display:grid;place-items:center;width:45px;height:48px;border:1px solid #61e0c8;border-radius:13px;background:#ffffff08;color:var(--mint);font-size:2.3rem;line-height:1}.brand-copy{padding:60px 0;max-width:470px}.eyebrow{font-size:.75rem;font-weight:800;letter-spacing:.18em;margin:0 0 20px}.brand-copy .eyebrow{color:var(--mint)}h1,h2,h3{font-family:'Manrope',system-ui,sans-serif;letter-spacing:-.045em}.brand-copy h1{font-size:clamp(2.7rem,4.3vw,4.5rem);line-height:1.12;margin:0 0 26px;font-weight:800}.brand-copy>p:not(.eyebrow){color:#b6ccd5;line-height:1.85;max-width:350px}.brand-rule{height:2px;width:45px;background:var(--mint);margin:34px 0}.domain-list{display:grid;gap:17px;font-size:.9rem}.domain-list span{color:#6592a2;display:flex;gap:18px}.domain-list b{font-weight:500;color:#dbe9ed}.brand-footer{position:relative;z-index:1;font-size:.75rem;color:#b6ccd5;display:flex;gap:14px;justify-content:space-between;flex-wrap:wrap}.brand-footer span{font-size:.65rem;letter-spacing:.1em}.form-panel{background:#fbfcfd;padding:44px 8% 22px;display:flex;flex-direction:column;justify-content:center;align-items:center}.login-card{max-width:390px;width:100%}.lock-icon{width:46px;height:46px;background:#e5f3f1;color:var(--teal);border:1px solid #cce8e3;border-radius:14px;display:grid;place-items:center;font-size:1.8rem;margin-bottom:26px}.login-card .eyebrow{color:var(--teal);margin-bottom:9px}.login-card h2{font-size:2.05rem;margin:0 0 11px}.muted{color:var(--muted);line-height:1.7}.intro{margin:0 0 26px}.demo-picker{display:flex;background:#eaf0f2;padding:4px;border-radius:10px;gap:4px;margin-bottom:27px}.demo-picker button{border:0;background:none;color:#566e78;flex:1;padding:10px 8px;font-size:.85rem;font-weight:700;border-radius:7px}.demo-picker button.selected{background:white;box-shadow:0 2px 6px #163c4512;color:var(--teal)}form>label{display:block;margin:19px 0 9px;font-size:.875rem;font-weight:700}.input-wrap{display:flex;align-items:center;border:1px solid #ccdbe0;border-radius:10px;background:white;min-height:52px;padding:0 15px;gap:10px}.input-wrap:focus-within{border-color:var(--teal);box-shadow:0 0 0 3px #087d8510}.input-wrap>span{color:#839ba5;font-size:1.1rem}.input-wrap input{border:0;outline:none!important;background:none;min-width:0;width:100%;height:50px;color:var(--ink)}.show-password{border:0;background:none;color:var(--teal);font-size:.8rem;padding:8px 0;font-weight:700}.form-options{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:19px 0 25px}.check-label{font-size:.8rem;display:flex;align-items:center;gap:7px;color:#536873}.check-label input{accent-color:var(--teal);width:16px;height:16px;margin:0}.text-button{border:0;background:none;color:var(--teal);font-size:.8rem;padding:0;font-weight:600}.primary{border:0;width:100%;padding:15px 20px;border-radius:10px;background:var(--teal);color:white;font-weight:700;display:flex;justify-content:space-between;align-items:center;box-shadow:0 7px 16px #087d8525}.primary:hover{background:#056b73}.primary span{font-size:1.3rem}.demo-hint{font-size:.78rem;line-height:1.7;color:#6c7b83;margin-top:19px}code{font-size:.9em;background:#eaf0f2;border-radius:4px;padding:2px 5px}.divider{height:1px;background:var(--line);margin:23px 0 19px}.appsheet-link{font-size:.9rem;text-decoration:none;display:flex;justify-content:space-between;font-weight:700;color:var(--teal)}.small{font-size:.75rem}.form-footer{margin-top:32px;color:#83949d;font-size:.75rem}.error{color:#ad303e;font-size:.85rem;background:#fff0f0;padding:11px;border-radius:8px}.app-header{background:white;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:23px max(5%,calc((100vw - 1200px)/2));gap:20px}.app-header .brand{font-size:1.35rem}.app-header .brand-mark{background:#0b3443}.account{display:flex;align-items:center;gap:13px}.account b{font-size:.9rem}.account small{display:block;color:var(--muted);font-size:.75rem;margin-top:4px}.avatar{width:39px;height:39px;border-radius:50%;display:grid;place-items:center;background:#e4f2ed;color:#087d75;font-weight:700}.logout{border:1px solid var(--line);border-radius:8px;padding:10px 13px;background:white;margin-left:20px;color:var(--ink);font-size:.8rem}.logout:hover{background:var(--bg)}.workspace{max-width:1200px;margin:auto;padding:47px 24px 36px;min-height:calc(100dvh - 195px)}.workspace-heading{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:36px}.workspace-heading .eyebrow{color:var(--teal);margin-bottom:10px}.workspace-heading h1{font-size:2rem;margin:0 0 10px}.workspace-heading p.muted{margin:0}.access-badge{font-size:.75rem;padding:9px 14px;background:#e5f1ed;border:1px solid #cde1da;color:#217559;border-radius:20px;white-space:nowrap}.categories{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.category{position:relative;border:1px solid var(--line);padding:21px;text-align:left;background:white;color:var(--ink);border-radius:14px;min-height:130px;transition:background .18s,transform .18s}.category:hover{transform:translateY(-2px);border-color:#7cb5b4}.category.active{background:#0b3443;color:white;border-color:#0b3443;box-shadow:0 9px 24px #0b34431a}.category .category-number{display:block;font-size:.75rem;color:#8097a0;margin-bottom:19px}.category.active .category-number{color:var(--mint)}.category b{display:block;font-family:Manrope,system-ui;font-size:.95rem}.category small{display:block;color:#81929b;margin-top:8px;font-size:.75rem}.category.active small{color:#b4ccd5}.categories.single{grid-template-columns:minmax(0,320px)}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:33px 0 19px}.section-heading h2{font-size:1.3rem;margin:0}.section-heading>span{font-size:.8rem;color:var(--muted)}.app-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.app-card{padding:24px;background:white;border:1px solid var(--line);border-radius:14px;display:flex;flex-direction:column;gap:11px;min-height:187px}.app-card .card-icon{display:grid;place-items:center;height:36px;width:36px;background:#e6f2f3;color:#137c83;border-radius:9px;font-size:1.1rem;font-weight:700}.app-card h3{font-size:1rem;line-height:1.5;letter-spacing:-.015em;margin:0}.app-card p{font-size:.8rem;color:var(--muted);line-height:1.5;margin:0}.app-card a{margin-top:auto;padding-top:12px;display:flex;align-items:center;justify-content:space-between;font-size:.85rem;font-weight:700;color:var(--teal);text-decoration:none}.app-card .unavailable{font-size:.8rem;color:#927021;margin-top:auto}.preview-note{background:#eaf0f3;border-left:3px solid #6e929f;padding:16px 19px;border-radius:0 9px 9px 0;font-size:.8rem;line-height:1.7;color:#536975;margin-top:33px}.preview-note b{display:block;color:var(--ink)}.dashboard-footer{max-width:1152px;margin:auto;border-top:1px solid var(--line);padding:22px 0;font-size:.75rem;color:var(--muted);display:flex;justify-content:space-between}dialog{border:1px solid var(--line);border-radius:18px;padding:34px;max-width:460px;width:calc(100% - 32px);box-shadow:0 20px 90px #102d3b50;color:var(--ink)}dialog::backdrop{background:#09253585;backdrop-filter:blur(3px)}dialog p{line-height:1.7;color:var(--muted)}dialog .eyebrow{color:var(--teal)}dialog .primary{justify-content:center;margin-top:25px}.close-dialog{position:absolute;top:12px;right:14px;border:0;background:none;color:var(--muted);font-size:1.7rem}
@media(min-width:1500px){.brand-panel{padding-left:15%;padding-right:15%}}@media(max-width:900px){.brand-panel{padding:35px 9%}.brand-copy h1{font-size:3rem}.form-panel{padding:35px 7%}.categories{grid-template-columns:repeat(2,1fr)}.app-grid{grid-template-columns:repeat(2,1fr)}.brand-footer span{display:none}}@media(max-width:640px){.notice{font-size:.65rem}.notice-detail{font-size:.65rem}.login-layout{display:block}.brand-panel{padding:25px 27px 28px}.brand-copy{padding:28px 0 0}.brand-copy h1{font-size:2.1rem;margin-bottom:0}.brand-copy h1 br{display:none}.brand-copy>p:not(.eyebrow),.domain-list,.brand-rule,.brand-footer{display:none}.brand-copy .eyebrow{margin-bottom:8px;font-size:.65rem}.brand{font-size:1.3rem}.brand-mark{width:37px;height:40px;font-size:1.9rem}.form-panel{padding:29px 27px 15px}.lock-icon{display:none}.login-card h2{font-size:1.8rem}.login-card .eyebrow{display:none}.intro{font-size:.9rem}.form-footer{margin-top:20px}.app-header{padding:18px 20px;align-items:flex-start}.app-header .brand{font-size:1rem}.app-header .brand small{font-size:.5rem}.app-header .brand-mark{height:33px;width:30px}.account{gap:7px;flex-wrap:wrap;justify-content:flex-end}.account .avatar{display:none}.account b{font-size:.75rem}.account small{font-size:.65rem}.logout{margin-left:3px;padding:7px;font-size:.7rem}.workspace{padding:30px 20px}.workspace-heading{display:block;margin-bottom:24px}.workspace-heading h1{font-size:1.7rem}.workspace-heading .muted{font-size:.875rem;margin-bottom:17px}.access-badge{display:inline-block}.category{padding:16px;min-height:116px}.categories.single{grid-template-columns:1fr}.category b{font-size:.85rem}.app-grid{grid-template-columns:1fr}.app-card{min-height:175px}.dashboard-footer{margin:0 20px;gap:12px;flex-wrap:wrap}.section-heading h2{font-size:1.15rem}}

.account b{max-width:200px;overflow-wrap:anywhere}.primary:disabled{opacity:.6;cursor:wait}.brand-copy h1 br:after{content:" "}

/* SINERGI: navy, turquoise, and gold across login and workspace. */
:root{--ink:#152e52;--muted:#586d83;--teal:#007b83;--mint:#ffd166;--line:#d6e3ed;--bg:#edf3f9}
body{background:linear-gradient(135deg,#edf3fa,#f1faf9)}
.notice{background:#092547;color:#d9edf5;border-bottom:1px solid #ffffff18}
.dot{background:#ffd166}
.brand-panel{background:linear-gradient(145deg,#101f46 0%,#123c64 52%,#007b83 100%)}
.brand-mark{color:#ffd166;border-color:#ffd16690;background:#ffd16612}
.brand-copy>p:not(.eyebrow),.brand-footer{color:#d0e2ef}
.domain-list span{color:#ffd166}.domain-list b{color:#edf5ff}
.brand-rule{background:#ffd166}
.form-panel{background:linear-gradient(145deg,#fff 25%,#edf7fa 100%)}
.lock-icon{background:#fff3d4;border-color:#efd28a;color:#775314}
.input-wrap{border-color:#c3d5e4;box-shadow:0 2px 5px #123c6405}
.input-wrap:focus-within{border-color:#008791;box-shadow:0 0 0 3px #00879118}
.primary{background:linear-gradient(110deg,#007881,#006775);box-shadow:0 7px 18px #00677526}
.primary:hover{background:linear-gradient(110deg,#006771,#075573)}
button:focus-visible,a:focus-visible,input:focus-visible{outline-color:#007b83}
.form-footer{color:#60758a}
.app-header{background:linear-gradient(110deg,#101f46,#15456a);color:#fff;border-bottom:3px solid #e9bc58;box-shadow:0 4px 18px #102e5212}
.app-header .brand-mark{background:#ffffff0a}
.account small{color:#c7dceb}.avatar{background:#ffd166;color:#26364d}
.logout{background:#ffffff0c;border-color:#ffffff40;color:#fff}.logout:hover{background:#ffffff20}
.access-badge{background:#fff3d4;border-color:#ebd392;color:#765413}
.category{border-top:3px solid #1c648c;box-shadow:0 4px 14px #18375305}
.category:nth-child(2){border-top-color:#00858c}.category:nth-child(3){border-top-color:#d4a437}.category:nth-child(4){border-top-color:#5469a6}
.category:hover{border-color:#007b83;box-shadow:0 7px 20px #18375310}
.category.active{background:linear-gradient(125deg,#122c52,#086d7a);border-color:#155375;border-top-color:#ffd166;box-shadow:0 9px 24px #123c6420}
.category .category-number,.category small{color:#5e7487}.category.active small{color:#d0e5ee}
.app-card{box-shadow:0 4px 16px #14345706}.app-card .card-icon{background:#e0f3f3;color:#006d76}
.app-card:nth-child(3n+2) .card-icon{background:#e6edf9;color:#315689}
.app-card:nth-child(3n) .card-icon{background:#fff1ce;color:#806019}
.preview-note{background:#e2edf5;border-left-color:#d9ac45;color:#4a647c}
dialog{background:#fafdff}dialog::backdrop{background:#0b204b99}

/* Distinct card palettes; selected categories keep their own identity. */
.category,.app-card{--card-accent:#215cb2;--card-end:#194984;--card-soft:#e6efff;--card-border:#b9cff0;--card-ink:#193e78}
.category[data-category="mdu"],.app-card:nth-child(4n+2){--card-accent:#007b78;--card-end:#065653;--card-soft:#daf4ef;--card-border:#a4dcd1;--card-ink:#08594f}
.category[data-category="progres"],.app-card:nth-child(4n+3){--card-accent:#966109;--card-end:#754907;--card-soft:#fff0c9;--card-border:#ebcf82;--card-ink:#735011}
.category[data-category="tagihan"],.app-card:nth-child(4n+4){--card-accent:#7540a4;--card-end:#542880;--card-soft:#f0e4fc;--card-border:#d5b8eb;--card-ink:#623487}
.category{background:linear-gradient(125deg,var(--card-soft),#fff);border:1px solid var(--card-border);border-top:4px solid var(--card-accent);color:var(--card-ink)}
.category:nth-child(n){border-top-color:var(--card-accent)}
.category .category-number,.category small{color:var(--card-ink)}
.category:hover{border-color:var(--card-accent);box-shadow:0 8px 22px #18375316}
.category.active{background:linear-gradient(120deg,var(--card-accent),var(--card-end));border-color:var(--card-accent);border-top-color:#ffd166;color:#fff}
.category.active .category-number{color:#ffe19a}.category.active small{color:#fff}
.app-card{background:linear-gradient(135deg,var(--card-soft),#ffffff 90%);border-color:var(--card-border);border-top:4px solid var(--card-accent);box-shadow:0 5px 18px #1434570a;transition:box-shadow .18s,border-color .18s}
.app-card:focus-within,.app-card:hover{border-color:var(--card-accent);box-shadow:0 9px 24px #14345714}
.app-card:nth-child(n) .card-icon{background:var(--card-accent);color:#fff;box-shadow:0 3px 8px #18375318}
.app-card h3,.app-card a{color:var(--card-ink)}.app-card p{color:#506479}
.app-card a{border-top:1px solid var(--card-border)}

.warehouse{margin:0 0 40px;border-top:1px solid var(--line);padding-top:30px}
.stock-heading{display:flex;justify-content:space-between;align-items:center;gap:20px}
.stock-heading .eyebrow{color:var(--teal);margin-bottom:8px}.stock-heading h2{font-size:1.7rem;margin:0 0 8px}.stock-heading .muted{margin:0}
.stock-open{font-size:.875rem;font-weight:700;text-decoration:none;padding:12px 16px;background:#fff;border:1px solid #bdcfe1;border-radius:10px;color:#205a89;white-space:nowrap}
.stock-open:hover{background:#e6efff}
.stock-status{font-size:.875rem;line-height:1.65;color:#795516;background:#fff3d7;border:1px solid #ebd69a;border-radius:10px;padding:11px 15px;margin:21px 0}
.stock-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-bottom:20px}
.stock-metric{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:18px 21px;border:1px solid #c0d2ec;border-radius:12px;background:#e6efff;color:#234f89}
.stock-metric:nth-child(2){background:#ddf5ee;border-color:#b0dfd1;color:#086252}.stock-metric:nth-child(3){background:#fff0d8;border-color:#ecd2a9;color:#815014}
.stock-metric span{font-size:.875rem;font-weight:600}.stock-metric strong{font:800 1.8rem Manrope,system-ui}
.stock-scale-note,.stock-source{color:var(--muted);font-size:.875rem;line-height:1.7}
.stock-source{margin:18px 0 0}.stock-source a{color:var(--teal);text-underline-offset:3px}
.stock-charts{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px;align-items:start}
.stock-chart{--chart:#215cb2;background:#fff;border:1px solid #d0dfec;border-top:4px solid var(--chart);border-radius:14px;padding:22px;box-shadow:0 5px 18px #14345707;min-width:0}
.stock-sutm{grid-column:1;grid-row:1}.stock-sutr{--chart:#7950ad;grid-column:1;grid-row:2}.stock-gardu{--chart:#007f7a;grid-column:2;grid-row:1 / span 2}
.stock-chart-heading{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:18px}.stock-chart-heading h3{font-size:1.1rem;margin:0;letter-spacing:-.02em}.stock-chart-heading>span{font-size:.8rem;color:var(--muted);white-space:nowrap}
.stock-unit+.stock-unit{border-top:1px solid #e3ebf2;margin-top:18px;padding-top:18px}
.stock-scale{display:flex;justify-content:space-between;gap:12px;font-size:.8rem;font-weight:600;color:var(--muted);margin-bottom:12px}
.stock-row+.stock-row{margin-top:18px}.stock-label{display:flex;align-items:baseline;justify-content:space-between;gap:12px;font-size:.875rem;line-height:1.55;margin-bottom:7px}
.stock-name{overflow-wrap:anywhere;min-width:0}.stock-value{white-space:nowrap;font-variant-numeric:tabular-nums;color:var(--ink)}
.stock-bar{display:block;width:100%;height:12px}.stock-track{fill:#edf2f8}.stock-fill{fill:var(--chart)}.stock-negative{display:block;color:#ad303e;font-size:.875rem;margin-top:5px}
@media(max-width:760px){.stock-heading{align-items:flex-start;flex-direction:column;gap:14px}.stock-charts{grid-template-columns:minmax(0,1fr)}.stock-chart{grid-column:auto;grid-row:auto}.stock-summary{gap:8px}.stock-metric{display:flex;flex-direction:column;align-items:flex-start;padding:14px 12px;gap:4px}.stock-metric span{font-size:.8rem;line-height:1.4}.stock-metric strong{font-size:1.6rem}.stock-chart{padding:18px}.stock-label{flex-direction:column;gap:2px}.stock-value{align-self:flex-end}.stock-heading h2{font-size:1.45rem}.warehouse{padding-top:24px}.stock-chart-heading h3{font-size:1rem}}

/* Luminous cylinder charts on a dark plotting surface. */
.stock-chart{--chart:#64d8ff;background:linear-gradient(145deg,#122941,#0a172b);color:#edf6ff;border-color:#294662;border-top-color:var(--chart);box-shadow:0 12px 30px #0c234627,inset 0 1px 0 #ffffff12}
.stock-sutr{--chart:#cb9dff}.stock-gardu{--chart:#5beac1}
.stock-chart-heading h3{color:#f3f8ff}.stock-chart-heading>span{color:#b5cadf}
.stock-scale{color:#aac2da}.stock-unit+.stock-unit{border-top-color:#ffffff14}
.stock-name{color:#deebfa}.stock-value{color:#fff;text-shadow:0 0 12px #b9e1ff25}
.stock-bar{height:44px;overflow:visible}.stock-track{fill:#081426;stroke:#39546e;stroke-width:1}
.stock-label{margin-bottom:0}.stock-row+.stock-row{margin-top:12px}.stock-negative{color:#ffb9c8}
.brand-logo{width:60px;height:60px;object-fit:contain;flex:none;background:#f4f7f8;border:1px solid #ffffff65;border-radius:12px;padding:3px;box-shadow:0 3px 12px #071b331c}
.stock-sync{display:flex;align-items:center;gap:12px;margin:21px 0}.stock-sync .stock-status{flex:1;margin:0}.stock-status[data-state="live"]{color:#075f50;background:#e0f5ed;border-color:#a9ddc9}.stock-status[data-state="stale"]{color:#85511a;background:#fff0d7;border-color:#ebc690}.stock-open:disabled{opacity:.6;cursor:wait}.stock-lainnya{--chart:#ffbe74;grid-column:1 / -1}
@media(max-width:760px){.stock-sync{align-items:stretch;flex-direction:column}.stock-sync .stock-open{align-self:flex-start}}
@media(max-width:640px){.brand-logo{width:50px;height:50px;border-radius:10px}.app-header .brand-logo{width:44px;height:44px;padding:2px}}
.stock-regions{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:24px}.stock-regions button{--region:#167e62;border:1px solid var(--region);border-radius:12px;background:white;color:var(--region);padding:14px 12px;font:800 .9rem Manrope,system-ui;cursor:pointer;box-shadow:0 3px 0 #17345612}.stock-regions #stock-region-palu{--region:#b63849}.stock-regions #stock-region-luwuk{--region:#946000}.stock-regions #stock-region-tolitoli{--region:#2158b8}.stock-regions button[aria-pressed="true"]{background:var(--region);color:white;box-shadow:0 5px 14px #17345625,inset 0 1px 0 #ffffff35}.stock-regions button:hover{transform:translateY(-1px)}.stock-regions button:focus-visible{outline:3px solid #133654;outline-offset:3px}@media(max-width:520px){.stock-regions{grid-template-columns:repeat(2,1fr)}}

/* Compact dashboard, preserving readable labels and comfortable touch targets. */
.app-header{padding-top:12px;padding-bottom:12px}.app-header .brand-logo{width:44px;height:44px}.app-header .brand{font-size:1.15rem}
.workspace{padding-top:22px;padding-bottom:24px}.workspace-heading{margin-bottom:18px;gap:12px}.workspace-heading .eyebrow{display:none}.workspace-heading h1{font-size:1.45rem;margin-bottom:3px}.workspace-heading .muted{font-size:.875rem;line-height:1.5}
.warehouse{padding-top:18px;margin-bottom:24px}.stock-heading{gap:12px}.stock-heading .eyebrow{margin-bottom:4px;font-size:.75rem}.stock-heading h2{font-size:1.3rem;margin-bottom:3px}.stock-heading .muted{font-size:.875rem;line-height:1.5}
.stock-open{padding:10px 12px;border-radius:8px;min-height:42px}.stock-regions{margin-top:14px;gap:8px;max-width:640px}.stock-regions button{padding:10px 12px;min-height:44px;border-radius:8px;font-size:.875rem}
.stock-sync{margin:12px 0;gap:8px}.stock-status{padding:8px 11px;font-size:.8125rem;line-height:1.5;border-radius:8px}.stock-summary{gap:10px;margin-bottom:10px}.stock-metric{padding:10px 14px;gap:10px;border-radius:9px}.stock-metric strong{font-size:1.35rem}.stock-metric span{font-size:.875rem}
.stock-scale-note{margin:8px 0 12px;font-size:.8125rem}.stock-source{margin-top:10px;font-size:.8125rem}.stock-charts{gap:12px}.stock-chart{padding:14px;border-radius:10px;border-top-width:3px}.stock-chart-heading{margin-bottom:12px;gap:8px}.stock-chart-heading h3{font-size:1rem}.stock-chart-heading>span{font-size:.75rem}.stock-scale{margin-bottom:6px;font-size:.75rem}.stock-unit+.stock-unit{margin-top:10px;padding-top:10px}.stock-label{font-size:.875rem;line-height:1.4;gap:8px}.stock-bar{height:26px}.stock-row+.stock-row{margin-top:6px}
.section-heading{margin:22px 0 12px}.category{padding:14px;min-height:100px}.category .category-number{margin-bottom:9px}.category small{margin-top:5px}.app-card{padding:16px;gap:8px;min-height:155px}.app-grid,.categories{gap:12px}
@media(min-width:1100px){.stock-charts{grid-template-columns:1fr 1fr 1.2fr}.stock-sutm,.stock-sutr,.stock-gardu{grid-column:auto;grid-row:auto}.stock-lainnya{grid-column:1 / -1}.stock-label{flex-wrap:wrap}.stock-value{margin-left:auto}}
@media(max-width:760px){.stock-heading{gap:10px}.stock-sync{gap:7px;margin:10px 0}.stock-chart{padding:13px}.stock-summary{gap:7px}.stock-metric{padding:10px;gap:3px}.stock-metric strong{font-size:1.25rem}.stock-metric span{font-size:.8125rem}.stock-label{flex-direction:row;flex-wrap:wrap;align-items:baseline}.stock-name{flex:1 1 160px}.stock-value{margin-left:auto}.stock-regions{max-width:none}.warehouse{padding-top:16px}}
@media(max-width:640px){.app-header{padding:12px 16px;flex-wrap:wrap}.account{margin-left:auto}.workspace{padding:18px 16px 24px}.workspace-heading{margin-bottom:14px}.workspace-heading h1{font-size:1.3rem}.workspace-heading .muted{margin-bottom:9px}.access-badge{padding:5px 10px}.stock-heading h2{font-size:1.2rem}.stock-heading .stock-open{padding:8px 12px}.stock-regions{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}.stock-regions button{padding:10px 4px;font-size:.8125rem}.category{min-height:100px}.app-card{min-height:150px}}
@media(max-width:360px){.stock-regions{grid-template-columns:repeat(2,minmax(0,1fr))}}

.brand-copy h1.sinergi-expansion{font-size:clamp(2rem,3.1vw,3.3rem);line-height:1.2;letter-spacing:-.035em;max-width:520px;margin-bottom:16px}.brand-copy>p.sinergi-byline{display:block;color:#f0d57c;font-size:1rem;font-weight:700;line-height:1.4;margin:0 0 22px}.brand-copy:has(.sinergi-expansion){max-width:540px}@media(max-width:640px){.brand-copy h1.sinergi-expansion{font-size:clamp(1.5rem,6vw,2rem);line-height:1.25;margin-bottom:10px}.brand-copy>p.sinergi-byline{font-size:.875rem;margin-bottom:0}}

/* Lisdes illustration: dark text backing, clear scenery on the right. */
.brand-panel{background-image:linear-gradient(90deg,rgba(8,25,51,.82) 0%,rgba(8,25,51,.64) 48%,rgba(8,25,51,.12) 100%),url("/lisdes-hero.jpg");background-size:cover;background-position:center center}.brand-panel:after{display:none}.brand-panel .brand,.brand-panel .brand-copy,.brand-panel .brand-footer{position:relative;z-index:1}.brand-copy h1.sinergi-expansion{text-shadow:0 2px 16px #07172b66}.brand-copy>p:not(.eyebrow){color:#e2edf7}.brand-copy>p.sinergi-byline{color:#f0d57c}.domain-list b{color:#f0f6ff}.brand-footer{color:#e2edf7}@media(max-width:640px){.brand-panel{background-image:linear-gradient(90deg,rgba(8,25,51,.91),rgba(8,25,51,.6)),url("/lisdes-hero.jpg");background-position:center 72%;background-size:cover}.brand-copy h1.sinergi-expansion{text-shadow:0 2px 12px #07172b}}


/* Compact desktop application cards: ten planning apps fit in two rows. */
@media(min-width:900px){
  .app-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
  .app-card{display:grid;grid-template-columns:28px minmax(0,1fr);grid-template-rows:auto auto 1fr;align-items:center;gap:6px 8px;padding:12px;min-height:118px;border-radius:10px;border-top-width:3px}
  .app-card .card-icon{width:28px;height:28px;font-size:.875rem;border-radius:7px}
  .app-card h3{font-size:.875rem;line-height:1.4;overflow-wrap:anywhere}
  .app-card p{grid-column:1 / -1;font-size:.75rem;line-height:1.4}
  .app-card a,.app-card .unavailable{grid-column:1 / -1;font-size:.875rem;padding-top:8px;min-height:30px;align-self:end}
  .category{padding:12px;min-height:82px;border-radius:10px}
  .category .category-number{margin-bottom:5px}
  .category small{margin-top:4px}
  .section-heading{margin:16px 0 10px}
}
@media(min-width:1100px){.app-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}
.contracts{margin-top:28px;padding-top:22px;border-top:1px solid var(--line)}.contract-filters{display:grid;grid-template-columns:1fr 2fr 1fr;gap:10px;margin:14px 0}.contract-filters label{display:grid;gap:6px;font-size:.875rem;font-weight:700}.contract-filters select{font:inherit;width:100%;min-width:0;padding:10px;border:1px solid #b8ccd8;border-radius:8px;background:white;color:var(--ink)}.contract-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.contract-metric{display:flex;align-items:center;gap:12px;padding:14px;background:#eaf1ff;border:1px solid #c3d5f5;border-radius:10px}.contract-metric:nth-child(2){background:#e1f5ec}.contract-metric:nth-child(3){background:#fff1cf}.contract-metric strong{font-size:1.5rem}.contract-metric span{font-size:.875rem}.contract-charts{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:16px 0}.contract-chart{background:white;border:1px solid var(--line);border-radius:10px;padding:14px;font-size:.875rem}.contract-chart h3{margin:0 0 10px;font-size:1rem}.contract-chart meter{width:100%;height:24px;margin-bottom:8px}.contract-chart meter::-webkit-meter-optimum-value{background:#198b73}.contract-chart .pending::-webkit-meter-optimum-value{background:#d99a21}.contract-details summary{padding:12px;background:#e9f0f6;border-radius:8px;cursor:pointer;font-weight:700}.contract-scroll{overflow:auto;max-height:360px}.contract-scroll table{width:100%;border-collapse:collapse;font-size:.875rem}.contract-scroll th,.contract-scroll td{padding:10px;text-align:left;border-bottom:1px solid var(--line);vertical-align:top}.contract-scroll th{position:sticky;top:0;background:#e9f0f6;white-space:nowrap}.contract-scroll td:nth-child(4){text-align:right;white-space:nowrap}.contract-scroll td:nth-child(1){min-width:190px}.contract-scroll td:nth-child(3){min-width:180px}@media(max-width:760px){.contract-filters,.contract-charts{grid-template-columns:1fr}.contract-metrics{grid-template-columns:repeat(2,1fr)}.contract-metric{flex-direction:column;align-items:flex-start;gap:4px}}
.portal-navigation{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:18px 0}.portal-navigation button{padding:16px 12px;border:1px solid #b8cbe0;border-top:3px solid #325fb7;background:#ecf2ff;color:#234e98;border-radius:10px;font-size:.95rem;font-weight:700;min-height:52px}.portal-navigation button:nth-child(2){border-color:#9ccfc7;background:#e6f5ef;color:#146f61}.portal-navigation button:nth-child(3){border-color:#e1c786;background:#fff4d9;color:#885d11}.portal-navigation button[aria-expanded=true]{background:#173c67;color:white;border-color:#173c67;box-shadow:0 3px 10px #173c6722}.portal-navigation button:hover{filter:brightness(.96)}#panel-material .warehouse,#panel-arrivals .contracts{margin-top:8px;padding-top:8px;border-top:0}@media(max-width:640px){.portal-navigation{gap:6px}.portal-navigation button{font-size:.875rem;padding:12px 7px}}
.contract-types{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:16px 0}.contract-types button{display:flex;flex-direction:column;gap:7px;text-align:left;padding:14px;border:1px solid #b4cce3;border-radius:10px;background:#edf4ff;color:#224b77}.contract-types button:nth-child(2){background:#eaf8f2;color:#196450}.contract-types button:nth-child(3){background:#fff4dc;color:#825c15}.contract-types button[aria-pressed=true]{border:2px solid #245687;box-shadow:0 3px 10px #173c671a}.contract-types b{font-size:.95rem}.contract-types span{font-size:.875rem;line-height:1.4}@media(max-width:640px){.contract-types{grid-template-columns:1fr}.contract-types button{padding:12px}}
.group-navigation{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0 12px}.group-navigation button{padding:11px 18px;border:1px solid #abc4d8;background:#eef5fb;color:#234e72;border-radius:10px;font-size:.9rem;font-weight:700}.group-navigation button[aria-expanded=true]{background:#173c67;color:white;border-color:#173c67}.group-navigation button:hover{box-shadow:0 3px 10px #173c671a}
/* Centered SINERGI parent with five connected work groups. */
.sinergi-map{max-width:1152px;margin:22px auto 12px;padding:0 8px}.sinergi-root{display:flex;justify-content:center;position:relative;margin:0;padding-bottom:36px}.sinergi-root:after{content:'';position:absolute;bottom:0;left:50%;height:36px;width:2px;background:#9eb6cf;transform:translateX(-50%)}.sinergi-root button{border:1px solid #294f7c;border-radius:999px;padding:13px 42px;background:linear-gradient(120deg,#162d53,#267c88);color:white;font:800 1.3rem Manrope,system-ui;letter-spacing:.08em;box-shadow:0 5px 14px #183d6422;min-width:210px}.sinergi-map .categories{position:relative;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;padding-top:22px}.sinergi-map .categories:before{content:'';position:absolute;top:0;height:2px;background:#9eb6cf;left:calc(10% - 6.4px);right:calc(10% - 6.4px)}.sinergi-map .category{position:relative;min-height:84px;text-align:center;padding:15px 10px;border-radius:18px}.sinergi-map .category:before{content:'';position:absolute;height:22px;width:2px;background:#9eb6cf;left:50%;top:-24px;transform:translateX(-50%)}.sinergi-map .category-number{display:none}.sinergi-map .category b{font-size:.95rem}.sinergi-map .category small{font-size:.8125rem;line-height:1.4}.sinergi-map .categories.single{grid-template-columns:minmax(0,280px);justify-content:center}.sinergi-map .categories.single:before{display:none}.sinergi-map .categories.single .category:before{height:24px}.group-navigation{justify-content:center}#catalog-status{text-align:center;margin:10px 0 18px}.sinergi-root button:hover{filter:brightness(1.1)}@media(max-width:640px){.sinergi-map{margin-top:16px;padding:0}.sinergi-root{padding-bottom:22px}.sinergi-root:after{height:22px}.sinergi-map .categories{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding-top:0}.sinergi-map .categories:before,.sinergi-map .category:before{display:none}.sinergi-map .category{min-height:88px;padding:13px 8px}.sinergi-root button{font-size:1.1rem;padding:12px 32px;min-width:180px}.sinergi-map .categories.single{grid-template-columns:minmax(0,280px)}}

.category[data-category="prakonstruksi"]{--card-accent:#b23f59;--card-end:#81263c;--card-soft:#ffe5ec;--card-border:#efb5c3;--card-ink:#8c2941}.category-empty{grid-column:1 / -1;padding:20px;border:1px dashed #b8cbdc;border-radius:10px;text-align:center;margin:0}
@media(min-width:641px) and (max-width:900px){.sinergi-map .category{padding:12px 6px}.sinergi-map .category b{font-size:.875rem}}
@media(max-width:640px){.sinergi-map .categories:not(.single) .category:last-child:nth-child(odd){grid-column:1 / -1;justify-self:center;width:calc(50% - 5px)}}

#jaskondis-metrics .contract-metric{flex-direction:column;align-items:flex-start;gap:4px}#jaskondis-metrics strong{font-size:clamp(1rem,1.5vw,1.4rem);overflow-wrap:anywhere}#jaskondis-chart{margin:14px 0}.jaskondis-scroll td:nth-child(4){text-align:left;white-space:normal;min-width:320px}.jaskondis-scroll td:nth-child(3){min-width:190px}.jaskondis-scroll td:nth-child(5){text-align:right;white-space:nowrap}

@media(min-width:761px){#jaskondis-content .contract-filters{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1.5fr) minmax(0,2fr)}}

@media(min-width:761px){#contract-content .contract-filters{grid-template-columns:minmax(0,1fr) minmax(0,1.5fr) minmax(0,2fr)}}
/* UID inventory comparisons remain compact, with each unit on its own scale. */
.stock-regions{grid-template-columns:repeat(5,minmax(0,1fr));max-width:820px}
#stock-region-uid{--region-color:#6752a3}
.uid-period{font-size:12px;font-weight:650;letter-spacing:.03em;color:#53647e;margin:2px 0 12px}
.uid-filters{margin-bottom:14px}
.uid-totals{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:10px 0 4px}
.uid-totals span{display:block;font-size:11px;color:#c4d8ec}
.uid-totals strong{font-size:22px;color:#6ee5ff;overflow-wrap:anywhere}
.uid-totals>div+div strong{color:#76edc0}
.uid-difference{font-size:12px;color:#c4d8ec;margin:5px 0 12px}
.uid-chart .muted{color:#b9cee6}
.uid-row{padding:8px 0;border-top:1px solid #ffffff25}
.uid-row .stock-name{font-size:12px;line-height:1.4;overflow-wrap:anywhere}
.uid-bar-line{display:grid;grid-template-columns:32px minmax(0,1fr) 75px;align-items:center;gap:5px;font-size:11px}
.uid-bar-line .stock-bar{width:100%;height:19px;min-width:0}
.uid-bar-line strong{text-align:right;font-variant-numeric:tabular-nums}
#uid-details{margin-top:16px}
#uid-table td:nth-child(n+5){text-align:right;font-variant-numeric:tabular-nums}
@media(max-width:640px){.stock-regions{grid-template-columns:repeat(3,minmax(0,1fr))}.stock-regions button:last-child{grid-column:span 2}.uid-totals strong{font-size:20px}.uid-filters{grid-template-columns:1fr}}

.stock-regions .region-prefix{display:block;font-weight:600}

#jaskondis-metrics{grid-template-columns:repeat(4,minmax(0,1fr)) minmax(0,1.6fr)}
#jaskondis-metrics .contract-metric:nth-child(4){background:#f0e9ff;border-color:#d8c9f2}
#jaskondis-metrics .contract-metric:nth-child(5){background:#e5f4fa;border-color:#bcdfed}
@media(max-width:760px){#jaskondis-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}#jaskondis-metrics .contract-metric:last-child{grid-column:1 / -1}}