.stat-strip{display:flex;background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;overflow:hidden;margin-bottom:24px}.stat-strip__item{flex:1;padding:12px 16px;border-right:1px solid var(--color-border);text-decoration:none;color:inherit;transition:background .1s;min-width:0}.stat-strip__item:last-child{border-right:none}.stat-strip__item:hover{background:var(--color-surface-hover, oklch(.96 0 0))}.stat-strip__label{font-size:11px;color:var(--color-text-muted);margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stat-strip__value{font-size:20px;font-weight:600;display:flex;align-items:baseline;gap:5px;white-space:nowrap}.stat-strip__sub{font-size:12px;font-weight:400;color:var(--color-text-muted)}.stat-strip__item--warn .stat-strip__value{color:#a75c00;color:oklch(.55 .15 60)}.stat-strip--skeleton .stat-strip__item{pointer-events:none}.skeleton-label{height:11px;width:60%;background:var(--color-border);border-radius:4px;margin-bottom:8px;animation:pulse 1.5s ease-in-out infinite}.skeleton-value{height:20px;width:40%;background:var(--color-border);border-radius:4px;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.45}}.error-card{background:var(--color-red-bg);border:1px solid var(--color-red-text);border-radius:8px;padding:1rem 1.25rem;color:var(--color-red-text);font-size:.875rem;margin-bottom:2rem}@media(max-width:900px){.stat-strip{flex-wrap:wrap}.stat-strip__item{flex:1 1 calc(33.333% - 1px);border-bottom:1px solid var(--color-border)}.stat-strip__item:nth-child(3n){border-right:none}}@media(max-width:500px){.stat-strip__item{flex:1 1 calc(50% - 1px)}.stat-strip__item:nth-child(3n){border-right:1px solid var(--color-border)}.stat-strip__item:nth-child(2n){border-right:none}}.dashboard-kanban-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.dashboard-kanban-title{font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--color-text-muted)}.dashboard-kanban-actions{display:flex;align-items:center;gap:10px}.dashboard-kanban-link{font-size:12px;color:var(--color-text-muted);text-decoration:none}.dashboard-kanban-link:hover{color:var(--color-text);text-decoration:underline}.dashboard-section{background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;padding:20px;margin-bottom:16px}.dashboard-section__title{font-size:14px;font-weight:600;margin:0 0 12px;padding:0}.alert-list{background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;overflow:hidden;margin-bottom:24px}.alert-list__row{display:flex;align-items:center;gap:10px;padding:10px 16px;border:none;border-bottom:1px solid var(--color-border);border-radius:0;text-decoration:none;color:inherit;background:none;transition:background .1s;font-size:13px;line-height:1.4;font-family:inherit;cursor:pointer;width:100%;text-align:left;margin:0}.alert-list__row:last-child{border-bottom:none}.alert-list__row:hover{background:var(--color-surface-hover, oklch(.96 0 0))}.alert-list__row--danger{border-left:3px solid oklch(.5 .18 25)}.alert-list__row--warning{border-left:3px solid oklch(.6 .14 80)}.alert-list__row--info{border-left:3px solid oklch(.5 .1 240)}.alert-list__row--all-clear{border-left:3px solid oklch(.5 .1 150)}.alert-list__icon{flex-shrink:0;width:18px;height:18px;display:flex;align-items:center;justify-content:center;font-size:13px;border-radius:50%}.alert-list__icon--danger{color:#cc272e}.alert-list__icon--warning{color:#986600;color:oklch(.55 .14 75)}.alert-list__icon--info{color:#006a9d;color:oklch(.5 .12 240)}.alert-list__icon--success{color:#21763c}.alert-list__label{font-weight:600;white-space:nowrap;flex-shrink:0}.alert-list__detail{color:var(--color-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.alert-list--skeleton .alert-list__row{pointer-events:none}.skeleton-text{height:13px;width:80%;background:var(--color-border);border-radius:4px;animation:pulse 1.5s ease-in-out infinite}.alert-list--empty .alert-list__row{border-left:3px solid oklch(.5 .12 150)}.babi-tabs{display:flex;gap:0;margin-bottom:1rem;border-bottom:1px solid var(--color-border)}.babi-tabs__tab{padding:9px 16px;border:none;background:none;font-size:13.5px;font-weight:700;color:#5f6469;cursor:pointer;border-bottom:2px solid transparent;transition:color .15s,border-color .15s;font-family:var(--font-body)}.babi-tabs__tab:hover{color:var(--color-text)}.babi-tabs__tab--active{color:var(--color-primary-text);border-bottom-color:var(--color-primary)}.babi-search{display:flex;gap:.625rem;margin-bottom:1rem}.babi-search input,.babi-search select{padding:.5rem .625rem;border:1px solid var(--color-border);border-radius:6px;font-size:.8125rem;background:var(--color-surface);font-family:var(--font-body)}.babi-search input{flex:1;max-width:200px}@media(max-width:768px){.babi-search input{max-width:none}.babi-detail__profil{grid-template-columns:1fr;gap:.25rem 0}.babi-detail__profil dt{margin-top:.5rem}.modal{max-width:calc(100vw - 24px)!important;margin:0 12px;max-height:85vh;border-radius:14px}}@media(max-width:480px){.babi-detail__header{flex-wrap:wrap}.babi-detail__header h2{font-size:18px}}.tgl-empty{color:var(--color-text-muted);font-style:italic;font-size:.8125rem}.tgl-badge-belum{display:inline-block;padding:.125rem .5rem;background:var(--color-yellow-bg);color:var(--color-yellow-text);border-radius:4px;font-size:.6875rem;font-weight:600}.babi-detail__header{display:flex;align-items:center;gap:.75rem;margin-bottom:1.25rem}.babi-detail__header h2{font-size:22px;font-weight:800;font-family:var(--font-heading)}.babi-detail__jenis{padding:3px 9px;border-radius:5px;font-size:11.5px;font-weight:700}.babi-detail__jenis--betina{background:var(--color-red-bg);color:var(--color-red-text)}.babi-detail__jenis--jantan{background:var(--color-primary-bg);color:var(--color-primary-text)}.babi-detail__profil{display:grid;grid-template-columns:auto 1fr;gap:.5rem 1.5rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;padding:1rem 1.25rem;margin-bottom:1.5rem;font-size:.875rem}.babi-detail__profil dt{color:var(--color-text-muted)}.babi-detail__profil dd{font-weight:500}.babi-detail__section{background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;padding:18px;margin-bottom:16px}.babi-detail__section h3{font-family:var(--font-heading);font-size:13px;font-weight:800;color:var(--color-text);margin-bottom:12px}.empty-list{font-size:13px;color:var(--color-text-subtle);padding:12px 0}.tgl-estimasi-label{font-size:.625rem;color:var(--color-text-muted);font-style:italic;margin-left:.25rem}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#080c0f73;display:flex;align-items:center;justify-content:center;z-index:100}.modal{background:var(--color-surface);border-radius:14px;width:100%;max-width:420px;padding:1.25rem 1.5rem 1.5rem;box-shadow:0 4px 24px #00000026;max-height:90vh;overflow-y:auto;display:flex;flex-direction:column}.modal__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;flex-shrink:0}.modal__header h3{font-family:var(--font-heading);font-size:16px;font-weight:800}.modal__close{background:none;border:none;font-size:1.25rem;color:var(--color-text-muted);cursor:pointer;line-height:1;font-family:var(--font-body)}.modal__modes{display:flex;flex-direction:column;gap:.375rem;margin-bottom:1rem}.modal__mode-option{display:flex;align-items:center;gap:.5rem;padding:.5rem .625rem;border:1px solid var(--color-border);border-radius:6px;font-size:.8125rem;cursor:pointer;transition:border-color .15s}.modal__mode-option:hover{border-color:var(--color-primary)}.modal__mode-option--active{border-color:var(--color-primary);background:var(--color-primary-bg)}.modal__field{margin-bottom:1rem}.modal__field label{display:block;font-size:12px;font-weight:700;color:var(--color-text);margin-bottom:6px}.modal__field input{width:100%;padding:9px 12px;border:1px solid var(--color-input-border);border-radius:8px;font-size:.875rem;font-family:var(--font-body)}.modal__preview{margin-top:.5rem;padding:.5rem .625rem;background:var(--color-green-bg);border-radius:6px;font-size:.8125rem;color:var(--color-green-text)}.modal__info{padding:.75rem;background:#f6f9fb;border-radius:6px;font-size:.8125rem;color:var(--color-text-muted);margin-bottom:1rem}.modal__error{padding:.5rem .625rem;background:var(--color-red-bg);color:var(--color-red-text);border-radius:6px;font-size:.8125rem;margin-bottom:1rem}.modal__body{flex:1;overflow-y:auto}.modal__footer{display:flex;justify-content:flex-end;gap:.5rem;flex-shrink:0;padding-top:.75rem;border-top:1px solid var(--color-border-light)}.modal__field-error{display:block;font-size:.75rem;color:var(--color-red-text);margin-top:.25rem}.modal__actions{display:flex;justify-content:flex-end;gap:.5rem;margin-top:.5rem;flex-shrink:0;padding-top:.75rem;border-top:1px solid var(--color-border-light)}.modal__btn-cancel,.modal__btn-save{padding:.5rem 1rem;border-radius:6px;font-size:.8125rem;cursor:pointer;font-family:var(--font-body)}.modal__btn-cancel{background:none;border:1px solid var(--color-border);color:var(--color-text-muted)}.modal__btn-save{background:var(--color-primary);border:none;color:var(--color-text-on-primary);font-weight:600}.modal__btn-save:disabled{opacity:.6;cursor:not-allowed}.siklus-aktif-card{display:flex;align-items:center;gap:12px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;padding:14px 18px;margin-bottom:1.25rem;cursor:pointer;transition:border-color .15s}.siklus-aktif-card:hover{border-color:var(--color-primary)}.siklus-aktif-card__icon{width:36px;height:36px;border-radius:50%;background:var(--color-green-bg);color:var(--color-green-text);display:flex;align-items:center;justify-content:center;font-size:14px;flex-shrink:0}.siklus-aktif-card__label{font-size:11px;font-weight:700;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:2px}.siklus-aktif-card__value{font-size:15px;font-weight:700;display:flex;align-items:center;gap:6px}.btn-back{display:inline-block;padding:.375rem .75rem;margin-bottom:1rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:6px;font-size:.8125rem;color:var(--color-text);cursor:pointer;font-family:var(--font-body)}.btn-back:hover{background:#f2f5f9}.detail-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem}.detail-header h1{font-size:22px;font-weight:800;font-family:var(--font-heading)}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:20px}.detail-section{background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;padding:18px}.detail-section h3{font-family:var(--font-heading);font-size:13px;font-weight:800;color:var(--color-text);margin-bottom:12px}.detail-section dl{display:grid;grid-template-columns:auto 1fr;gap:.25rem 1rem;font-size:.875rem}.detail-section dt{color:var(--color-text-muted)}.detail-section dd{color:var(--color-text);font-weight:500}.detail-kandidat{font-size:.875rem}.checklist-list{list-style:none;padding:0;font-size:.8125rem}.checklist-list li{padding:.25rem 0}.checklist-note{color:var(--color-text-muted);font-style:italic}.riwayat-section{margin-top:0;grid-column:1 / -1}.riwayat-table-wrapper{overflow-x:auto}.riwayat-table{width:100%;border-collapse:collapse;font-size:.8125rem}.riwayat-table th,.riwayat-table td{padding:.5rem .625rem;text-align:left;white-space:nowrap}.riwayat-table th{background:var(--color-bg-elevated);font-weight:600;font-size:.6875rem;text-transform:uppercase;letter-spacing:.03em;color:var(--color-text-muted)}.riwayat-table td{border-top:1px solid var(--color-border)}.riwayat-row{cursor:pointer}.riwayat-row:hover{background:var(--color-bg-elevated)}@media(max-width:768px){.detail-grid{grid-template-columns:1fr}.detail-header h1{font-size:18px}.konfirmasi-form{flex-direction:column;align-items:stretch}.konfirmasi-form .konfirmasi-field input,.konfirmasi-form .konfirmasi-input--sm,.konfirmasi-form .konfirmasi-input--xs{width:100%}}@media(max-width:480px){.detail-section dl{grid-template-columns:1fr}.detail-section dt{margin-top:.25rem}}.konfirmasi-form{display:flex;gap:12px;align-items:flex-end;flex-wrap:wrap}.konfirmasi-field label{font-size:12px;font-weight:700;display:block;margin-bottom:4px}.konfirmasi-field input{padding:8px;border:1px solid var(--color-input-border);border-radius:6px;font-size:13px;font-family:var(--font-body)}.konfirmasi-input--sm{width:80px}.konfirmasi-input--xs{width:72px}.btn--siklus-action{padding:.375rem .75rem;border:none;border-radius:6px;font-size:.8125rem;font-weight:600;font-family:var(--font-body);color:#fff;background:#00837e;background:oklch(.55 .1 190);cursor:pointer;white-space:nowrap;transition:opacity .15s}.btn--siklus-action:hover{opacity:.85}.kandang-search{display:flex;gap:.75rem;margin-bottom:1.25rem}.kandang-search input,.kandang-search select{padding:.5rem .625rem;border:1px solid var(--color-border);border-radius:6px;font-size:.8125rem;background:var(--color-surface);font-family:var(--font-body)}.kandang-search input{flex:1;max-width:240px}.kandang-search select{min-width:140px}.lantai-group{margin-bottom:1.5rem}.lantai-header{display:flex;align-items:center;gap:.5rem;padding:.5rem 0;cursor:pointer;-webkit-user-select:none;user-select:none}.lantai-header h2{font-family:var(--font-heading);font-size:.9375rem;font-weight:600;color:var(--color-text)}.lantai-header .arrow{font-size:.75rem;color:var(--color-text-muted);transition:transform .15s}.lantai-header .arrow.open{transform:rotate(90deg)}.lantai-header .count-badge{font-size:.75rem;color:var(--color-text-muted);background:var(--color-bg-muted);padding:.125rem .5rem;border-radius:12px;font-weight:600}.lantai-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.625rem;margin-top:.5rem}.kandang-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:10px;padding:.75rem .875rem;cursor:pointer;transition:box-shadow .15s}.kandang-card:hover{box-shadow:0 1px 4px #0000001a}.kandang-card__kode{font-size:1rem;font-weight:700;margin-bottom:.25rem;font-family:var(--font-mono)}.kandang-card__info{font-size:.6875rem;color:var(--color-text-muted);display:flex;justify-content:space-between;align-items:center}.occ-badge{display:inline-block;padding:2px 7px;border-radius:10px;font-size:.6875rem;font-weight:700}.occ-badge--kosong{background:var(--color-bg-muted);color:var(--color-text-subtle)}.occ-badge--terisi_sebagian{background:var(--color-yellow-bg);color:var(--color-yellow-text)}.occ-badge--penuh{background:var(--color-green-bg);color:var(--color-green-text)}.occ-badge--overkapasitas{background:var(--color-red-bg);color:var(--color-red-text)}.occ-badge--terisi{background:var(--color-green-bg);color:var(--color-green-text)}.occ-badge--anomali{background:var(--color-red-bg);color:var(--color-red-text);font-weight:700}.kandang-detail h2{font-family:var(--font-heading);font-size:1.25rem;margin-bottom:1rem}.detail-profil{display:grid;grid-template-columns:1fr 1fr;gap:.5rem 1.5rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;padding:1rem 1.25rem;margin-bottom:1rem;font-size:.875rem}.detail-profil dt{color:var(--color-text-muted)}.detail-profil dd{font-weight:500}.babi-list{display:flex;flex-wrap:wrap;gap:.375rem;margin:.75rem 0}.babi-tag{display:inline-block;padding:5px 10px;border-radius:20px;font-size:12.5px;font-weight:600;font-family:var(--font-mono);cursor:pointer}.babi-tag--betina{background:var(--color-red-bg);color:var(--color-red-text)}.babi-tag--jantan{background:var(--color-primary-bg);color:var(--color-primary-text)}.empty-list{font-size:13px;color:#6d7277;padding:12px 0}.lantai-checklist-actions{display:flex;gap:.375rem;margin-left:auto}.btn--checklist-done{background:var(--color-green-bg);color:var(--color-green-text);border:1px solid var(--color-green-border, oklch(.7 .1 145))}.btn--checklist-done:hover{background:#c0e3c0}@media(max-width:768px){.kandang-search input{max-width:none}.lantai-cards{grid-template-columns:repeat(auto-fill,minmax(130px,1fr))}.detail-profil{grid-template-columns:1fr}}@media(max-width:480px){.kandang-search{flex-direction:column}.kandang-search select{min-width:0}.kandang-detail h2{font-size:1.1rem}}.denah-toolbar{display:flex;align-items:center;padding:0 24px;height:48px;flex-shrink:0;background:var(--color-surface);border-bottom:1px solid var(--color-border);gap:0}.floor-tabs{display:flex;gap:2px;padding-right:16px;flex-shrink:0}.floor-tab{padding:6px 18px;border:1px solid transparent;border-radius:8px;background:transparent;color:var(--color-text-muted);font-family:var(--font-body);font-size:12.5px;font-weight:600;cursor:pointer;transition:background .12s,color .12s,border-color .12s;white-space:nowrap}.floor-tab:hover{background:var(--color-bg-muted);color:var(--color-text)}.floor-tab--active{background:var(--color-primary-bg);color:var(--color-primary-text);border-color:var(--color-primary-border, oklch(.7 .14 220))}.toolbar-divider{width:.5px;height:20px;background:var(--color-border);flex-shrink:0;align-self:center}.toolbar-checklist{display:flex;align-items:center;gap:8px;padding:8px 0 8px 16px}.cl-batch-table{border:1px solid var(--color-border);border-radius:8px;overflow:hidden}.cl-batch-row{display:flex;align-items:center;padding:8px 12px;border-bottom:1px solid var(--color-border);font-size:.8125rem}.cl-batch-row:last-child{border-bottom:none}.cl-batch-row--header{background:var(--color-bg);font-weight:500;color:var(--color-text-muted);font-size:.6875rem;text-transform:uppercase;letter-spacing:.05em}.cl-batch-row--done{background:#edf9ed}.cl-batch-row__lantai{flex:1;font-weight:500;min-width:90px}.cl-batch-row__check{width:90px;display:flex;justify-content:center}.cl-batch-row__check input[type=checkbox]{cursor:pointer}.denah-layout{display:flex;flex-direction:column;height:100%;width:100%;overflow:hidden}.denah-main{flex:1;min-width:0;min-height:0;display:flex;flex-direction:column;background:var(--color-bg);width:100%}.denah-main__header{padding:14px 24px 0;flex-shrink:0;display:flex;align-items:center;gap:20px}.denah-main__title{font-family:var(--font-heading);font-weight:800;font-size:15px;color:var(--color-text);margin:0;white-space:nowrap}.denah-svg-wrap{flex:1;padding:10px 24px 16px;display:flex;justify-content:center;align-items:flex-start;min-height:0}.denah-svg{display:block;width:100%;height:auto;max-width:none}.denah-pen{transition:filter .12s}.denah-pen:hover rect{filter:brightness(.92)}.denah-pen--active rect{stroke:#378add!important;stroke-width:2!important}.denah-panel-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:flex;justify-content:flex-end}.denah-panel{width:360px;height:100%;background:var(--color-surface);border-left:1px solid var(--color-border);display:flex;flex-direction:column;overflow:hidden;animation:denah-panel-slide-in .2s ease-out;box-shadow:-2px 0 16px #00000014}@keyframes denah-panel-slide-in{0%{transform:translate(100%)}to{transform:translate(0)}}.denah-panel__header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--color-border);flex-shrink:0}.denah-panel__close{width:32px;height:32px;border:none;border-radius:6px;background:var(--color-bg-muted);color:var(--color-text-muted);font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;line-height:1;transition:background .1s}.denah-panel__close:hover{background:var(--color-border);color:var(--color-text)}.denah-panel__body{flex:1;overflow-y:auto;padding:20px}.denah-panel__dl{display:grid;grid-template-columns:1fr 1fr;gap:4px 16px;background:var(--color-bg-muted);border:1px solid var(--color-border);border-radius:10px;padding:12px 14px;margin-bottom:16px;font-size:12.5px}.denah-panel__dl dt{color:var(--color-text-muted);font-size:11px;font-weight:600}.denah-panel__dl dd{font-weight:500;font-size:12.5px}.denah-panel__section{margin-bottom:14px}.denah-panel__section-title{font-family:var(--font-heading);font-weight:800;font-size:12.5px;color:var(--color-text);margin-bottom:6px}.denah-panel__body::-webkit-scrollbar{width:4px}.denah-panel__body::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:2px}[data-theme=dark] .denah-main{background:var(--color-bg)}[data-theme=dark] .denah-svg-wrap{background:#090b0e;border-radius:8px}.penjualan-page{padding:0}.penjualan-page .filter-bar{display:flex;gap:10px;margin-bottom:16px;flex-wrap:wrap}.pembelian-page{padding:0}.pembelian-page .filter-bar{display:flex;gap:10px;margin-bottom:16px;flex-wrap:wrap}.settings-toggle-label{display:flex;align-items:center;gap:6px;cursor:pointer;font-size:13px}.settings-section{background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;padding:20px 24px;max-width:520px}.settings-section__header{margin-bottom:20px}.settings-section__title{font-size:15px;font-weight:600;margin:0 0 4px}.settings-section__desc{font-size:12px;color:var(--color-text-muted);line-height:1.5}.settings-form{display:flex;flex-direction:column;gap:14px}.form-row{display:flex;flex-direction:column;gap:6px}.form-required{color:#c53637}.form-toggle-group{display:flex;gap:6px;flex-wrap:wrap}.form-toggle{padding:5px 14px;border-radius:6px;border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text-muted);font-size:13px;font-family:inherit;cursor:pointer;transition:background .1s,border-color .1s,color .1s}.form-toggle:hover{border-color:var(--color-border-strong, oklch(.7 0 0));color:var(--color-text)}.form-toggle--active{background:var(--color-text);border-color:var(--color-text);color:var(--color-bg, #fff)}.form-error{font-size:12px;color:#c53637;background:#fff1f0;background:oklch(.97 .02 25);border:1px solid oklch(.85 .08 25);border-radius:6px;padding:8px 12px}.form-success{font-size:12px;color:#00572f;color:oklch(.4 .12 155);background:#ebf9ef;border:1px solid oklch(.85 .08 155);border-radius:6px;padding:8px 12px}.form-actions{display:flex;justify-content:flex-end;padding-top:4px}.nav-sidebar{position:sticky;top:0;height:100vh;background:var(--color-surface);border-right:1px solid var(--color-border);padding:20px 12px;display:flex;flex-direction:column;gap:2px;z-index:40}.nav-sidebar__brand{padding:8px 12px 20px}.nav-sidebar__brand-logo{height:72px;width:auto;display:block}.nav-sidebar__brand-logo--dark,[data-theme=dark] .nav-sidebar__brand-logo--light{display:none}[data-theme=dark] .nav-sidebar__brand-logo--dark{display:block}.nav-sidebar__links{display:flex;flex-direction:column;gap:2px}.nav-sidebar__link{padding:10px 12px;border-radius:8px;cursor:pointer;font-size:13px;font-weight:600;color:var(--color-text);text-decoration:none;transition:background .15s,color .15s}.nav-sidebar__link:hover{background:var(--color-bg-muted);color:var(--color-text)}.nav-sidebar__link--active{background:var(--color-primary-bg);color:var(--color-primary-text)}.nav-theme-toggle{margin:0 12px 12px;padding:8px 12px;border:1px solid var(--color-border);border-top:1px solid var(--color-border-light);border-radius:8px;background:transparent;color:var(--color-text-muted);cursor:pointer;font-size:16px;font-family:var(--font-body);transition:background .15s,color .15s}.nav-theme-toggle:hover{background:var(--color-bg-muted);color:var(--color-text)}.nav-sidebar__footer{margin-top:auto;padding:14px 12px 12px;font-size:11px;color:var(--color-text-muted);border-top:1px solid var(--color-border-light)}.nav-hamburger{display:none;position:fixed;top:12px;left:12px;z-index:50;width:36px;height:36px;border:none;background:var(--color-surface);border-radius:8px;cursor:pointer;box-shadow:0 1px 4px var(--color-overlay);align-items:center;justify-content:center;font-size:20px;color:var(--color-text);transition:background .15s}.nav-hamburger:hover{background:var(--color-bg-muted)}.nav-backdrop{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:var(--color-overlay);z-index:39}.nav-mobile-brand{display:none;position:fixed;top:0;left:0;right:0;height:48px;background:var(--color-surface);border-bottom:1px solid var(--color-border);z-index:38;align-items:center;justify-content:center}.nav-mobile-brand-logo{height:28px;width:auto}.nav-mobile-brand-logo--dark,[data-theme=dark] .nav-mobile-brand-logo--light{display:none}[data-theme=dark] .nav-mobile-brand-logo--dark{display:block}@media(max-width:768px){.nav-hamburger,.nav-mobile-brand{display:flex}.nav-sidebar{position:fixed;top:0;left:0;width:240px;height:100vh;transform:translate(-100%);transition:transform .25s ease;box-shadow:none;z-index:41}.nav-sidebar--open{transform:translate(0);box-shadow:2px 0 16px var(--color-overlay)}.nav-backdrop{display:block}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--color-bg: oklch(.97 .006 250);--color-surface: #fff;--color-border: oklch(.9 .006 250);--color-border-light: oklch(.93 .006 250);--color-text: oklch(.24 .02 250);--color-text-muted: oklch(.52 .01 250);--color-text-subtle: oklch(.55 .01 250);--color-primary: oklch(.5 .09 200);--color-primary-hover: oklch(.4 .09 200);--color-primary-bg: oklch(.94 .02 200);--color-primary-text: oklch(.4 .1 200);--color-green-bg: oklch(.95 .03 155);--color-green-text: oklch(.4 .12 155);--color-green-border: oklch(.55 .12 155);--color-yellow-bg: oklch(.96 .04 75);--color-yellow-text: oklch(.5 .13 70);--color-red-bg: oklch(.96 .03 20);--color-red-text: oklch(.5 .18 25);--color-orange-bg: oklch(.97 .02 75);--color-orange-border: oklch(.85 .06 75);--color-text-on-primary: #fff;--color-input-border: oklch(.85 .006 250);--color-bg-muted: oklch(.94 .006 250);--color-bg-elevated: oklch(.98 .004 250);--color-bg-deemphasized: oklch(.93 .006 250);--color-overlay: oklch(.15 .01 250 / .45);--font-body: "Inter", sans-serif;--font-heading: "DM Sans", sans-serif;--font-mono: "JetBrains Mono", monospace}html{font-size:16px}body{font-family:var(--font-body);background:var(--color-bg);color:var(--color-text);line-height:1.5;min-height:100vh;font-size:14px}a{color:var(--color-primary);text-decoration:none}a:hover{color:var(--color-primary-hover);text-decoration:underline}select,select option{color:var(--color-text);background:var(--color-surface)}.app-layout{display:flex;min-height:100vh}.app-sidebar{width:216px;flex-shrink:0}.app-content{flex:1;min-width:0;padding:32px 40px 64px;max-width:1180px}.section-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;padding:18px;margin-bottom:16px}.metric-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;padding:16px}.metric-card__label{font-size:12px;color:var(--color-text-muted);font-weight:600;margin-bottom:6px}.metric-card__value{font-family:var(--font-heading);font-size:18px;font-weight:800}.page-title{font-family:var(--font-heading);font-size:22px;font-weight:800;margin:0 0 4px}.page-subtitle{font-family:var(--font-heading);margin:0 0 20px;color:var(--color-text-muted);font-size:13.5px}.back-link{font-size:13px;font-weight:600;color:var(--color-primary);cursor:pointer;margin-bottom:16px;display:inline-block}.badge{padding:3px 9px;border-radius:20px;font-size:11px;font-weight:700;display:inline-block}.badge--green{background:var(--color-green-bg);color:var(--color-green-text)}.badge--blue{background:var(--color-primary-bg);color:var(--color-primary-text)}.badge--yellow{background:var(--color-yellow-bg);color:var(--color-yellow-text)}.badge--red{background:var(--color-red-bg);color:var(--color-red-text)}.badge--muted{background:var(--color-bg-muted);color:#44484d}.filter-bar{display:flex;gap:8px;margin-bottom:20px;flex-wrap:wrap}.filter-chip{border:1px solid var(--color-input-border);background:var(--color-surface);padding:6px 12px;border-radius:20px;font-size:12.5px;font-weight:600;cursor:pointer;color:#5f6469}.filter-chip--active{background:var(--color-primary-bg);color:var(--color-primary-text);border-color:var(--color-primary)}.tab-bar{display:flex;gap:4px;margin-bottom:20px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:4px;background:var(--color-bg-muted);border-radius:10px}.tab-bar::-webkit-scrollbar{display:none}.tab-bar__item{padding:8px 18px;font-size:13.5px;font-weight:600;cursor:pointer;border:none;background:transparent;color:var(--color-text-muted);border-radius:8px;white-space:nowrap;flex-shrink:0;transition:background .15s,color .15s}.tab-bar__item:hover{color:var(--color-text);background:var(--color-surface)}.tab-bar__item--active,.tab-bar__item--active:hover{background:#006548;background:oklch(.45 .1 165);color:#fff}.data-table{width:100%;border-collapse:collapse;font-size:13px}.data-table thead tr{background:var(--color-bg-elevated)}.data-table th{text-align:left;padding:10px 14px;font-weight:700;color:#5f6469;font-size:11.5px;text-transform:uppercase;letter-spacing:.02em}.data-table td{padding:11px 14px}.data-table tbody tr{cursor:pointer;border-top:1px solid var(--color-border-light)}.data-table tbody tr:hover{background:var(--color-bg-elevated)}.card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--color-overlay);display:flex;align-items:center;justify-content:center;z-index:50}.modal-container{background:var(--color-surface);border-radius:14px;width:480px;max-height:85vh;overflow-y:auto;padding:24px}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.modal-title{font-family:var(--font-heading);font-weight:800;font-size:16px}.modal-close{cursor:pointer;font-size:20px;color:var(--color-text-muted)}.modal-field{margin-bottom:16px}.modal-label{font-size:12px;font-weight:700;display:block;margin-bottom:6px}.modal-input{width:100%;padding:9px 12px;border:1px solid var(--color-input-border);border-radius:8px;font-size:13px;font-family:var(--font-body)}.modal-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px #00727626;box-shadow:0 0 0 2px oklch(.5 .09 200 / .15)}.modal-input--sm{width:80px;padding:8px;border:1px solid var(--color-input-border);border-radius:6px}.modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:20px}.modal-select{width:100%;padding:9px 12px;border:1px solid var(--color-input-border);border-radius:8px;font-size:13px;font-family:var(--font-body);color:var(--color-text);background:var(--color-surface)}.btn{border:none;padding:10px 18px;border-radius:8px;font-weight:700;font-size:13px;cursor:pointer;font-family:var(--font-body)}.btn--primary{background:var(--color-primary);color:var(--color-text-on-primary)}.btn--primary:hover{background:var(--color-primary-hover)}.btn--secondary{background:var(--color-surface);border:1px solid var(--color-input-border);color:var(--color-text);padding:8px 14px;font-weight:600;font-size:12.5px}.btn--danger{background:var(--color-red-text);color:var(--color-text-on-primary)}.btn--danger:hover{background:#972527}.btn--sm{padding:8px 14px;font-size:12.5px;font-weight:600}.section-header{display:flex;align-items:center;gap:10px;margin-bottom:6px}.section-header__actions{margin-left:auto;display:flex;gap:8px}.mono{font-family:var(--font-mono);font-weight:600;font-size:13.5px}.tag{font-size:11.5px;font-weight:700;padding:3px 9px;border-radius:5px}.tag--blue{background:var(--color-primary-bg);color:var(--color-primary-text)}.empty-state{font-size:13px;color:var(--color-text-subtle);padding:12px 0}.stage-tracker{display:flex;align-items:center;margin-bottom:28px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.stage-tracker::-webkit-scrollbar{display:none}.stage-step{display:flex;align-items:center;flex:1}.stage-dot-wrap{display:flex;flex-direction:column;align-items:center;gap:6px;min-width:64px}.stage-dot{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:800}.stage-dot--done{background:var(--color-primary);color:var(--color-text-on-primary)}.stage-dot--current{background:var(--color-surface);color:var(--color-primary);border:2px solid var(--color-primary)}.stage-dot--future{background:var(--color-bg-deemphasized);color:#8c8f93}.stage-label{font-size:11px;font-weight:700;text-align:center}.stage-label--active{color:#262f38}.stage-label--inactive{color:#8c8f93}.stage-line{height:2px;flex:1;margin:0 4px 18px}.stage-line--done{background:var(--color-primary)}.stage-line--future{background:#dbdee2}.kanban-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.kanban-column__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:2px}.kanban-column__title{font-family:var(--font-heading);font-weight:800;font-size:15px}.kanban-column__count{background:var(--color-green-bg);color:var(--color-green-text);font-weight:700;font-size:12px;padding:2px 8px;border-radius:20px}.kanban-column__count--blue{background:var(--color-primary-bg);color:var(--color-primary-text)}.kanban-column__hint{font-size:12px;font-weight:600;margin-bottom:12px}.kanban-column__hint--green{color:#258651}.kanban-column__hint--blue{color:var(--color-primary)}.kanban-column__cards{display:flex;flex-direction:column;gap:10px}.kanban-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:10px;padding:14px;cursor:pointer}.kanban-card--green{border-left:3px solid oklch(.55 .12 155)}.kanban-card--blue{border-left:3px solid var(--color-primary)}.kanban-card--red{border-left:3px solid var(--color-red-text)}.kanban-card__row{display:flex;justify-content:space-between;align-items:center}.kanban-card__tag{font-family:var(--font-mono);font-weight:600;font-size:13.5px}.kanban-card__paternitas-badge{background:#ffefdb;background:oklch(.96 .04 75);color:var(--color-yellow-text);font-size:11px;font-weight:700;padding:2px 6px;border-radius:5px}.kanban-card__meta{display:flex;justify-content:space-between;margin-top:6px;font-size:12.5px;color:var(--color-text-muted)}.kanban-card__urgent{font-weight:600}.kanban-card__kandidat{font-size:12px;color:var(--color-yellow-text);margin-top:6px}.lantai-group{margin-bottom:24px}.lantai-group__header{display:flex;align-items:center;gap:8px;margin-bottom:12px}.lantai-group__title{font-family:var(--font-heading);font-weight:800;font-size:14px}.lantai-group__count{background:var(--color-bg-muted);color:#5f6469;font-size:11.5px;font-weight:700;padding:2px 8px;border-radius:20px}.lantai-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.lantai-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:10px;padding:12px 14px;cursor:pointer}.lantai-card__name{font-weight:700;font-size:13.5px;font-family:var(--font-mono)}.produksi-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;padding:18px;cursor:pointer}.produksi-card__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.produksi-card__name{font-weight:700;font-size:14px}.produksi-card__count{font-family:var(--font-heading);font-size:26px;font-weight:800;margin-bottom:4px}.produksi-card__unit{font-size:13px;font-weight:600;color:var(--color-text-subtle)}.produksi-card__meta{font-size:12.5px;color:var(--color-text-muted)}.page-header{display:flex;align-items:center;gap:10px;margin-bottom:6px}.page-header__actions{margin-left:auto;display:flex;gap:8px}.detail-meta{font-size:13px;color:var(--color-text-muted);margin-bottom:20px}.info-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:20px}.metric-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:24px}.occupant-tags{display:flex;gap:8px;flex-wrap:wrap}.occupant-tag{font-family:var(--font-mono);font-size:12.5px;font-weight:600;padding:5px 10px;border-radius:20px;cursor:pointer}.section-title{font-family:var(--font-heading);font-weight:800;font-size:13px;margin-bottom:12px;color:var(--color-text)}.warning-banner{background:var(--color-orange-bg);border:1px solid var(--color-orange-border);border-radius:12px;padding:20px;margin-bottom:20px}.warning-banner__title{font-family:var(--font-heading);font-weight:800;font-size:15px;margin-bottom:4px}.warning-banner__body{font-size:13px;color:#6a4f39;margin-bottom:16px}.warning-banner__fields{display:flex;gap:12px;flex-wrap:wrap;align-items:flex-end;margin-bottom:12px}.sapih-card{background:#ebf9ef;border:1px solid oklch(.85 .06 155);border-radius:12px;padding:20px;margin-bottom:20px}.sapih-card__header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:14px}.sapih-card__title{font-family:var(--font-heading);font-weight:800;font-size:15px}.sapih-card__target{font-size:12.5px;color:#00572f;color:oklch(.4 .1 155);font-weight:600}.sapih-card__columns{display:flex;gap:24px;margin-bottom:16px}.sapih-card__col{flex:1;background:var(--color-surface);border-radius:10px;padding:14px}.sapih-card__col--male{border:1px solid oklch(.88 .02 200)}.sapih-card__col--female{border:1px solid oklch(.95 .03 20)}.sapih-card__col-title{font-size:12px;font-weight:700;margin-bottom:8px}.sapih-card__col-title--male{color:#004251;color:oklch(.35 .1 220)}.sapih-card__col-title--female{color:#742d31}.sapih-card__col-buttons{display:flex;gap:6px;flex-wrap:wrap}.sapih-card__col-btn{font-size:11.5px;font-weight:600;padding:6px 10px;border-radius:6px;border:1px solid var(--color-input-border);background:var(--color-surface);cursor:pointer}.sapih-card__hint{font-size:12px;color:#5f6469;margin-bottom:14px}.search-input{width:280px;padding:10px 12px;border:1px solid var(--color-input-border);border-radius:8px;font-size:13px;font-family:var(--font-body);display:block;margin-bottom:24px}.search-input:focus{outline:none;border-color:var(--color-primary)}.sidebar-footer{margin-top:auto;padding:14px 12px 12px;font-size:11px;color:var(--color-text-muted);border-top:1px solid var(--color-border-light)}.modal-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.modal-row{display:flex;gap:1rem}.modal-row>.modal__field{flex:1}.form-group{margin-bottom:1rem}.form-label{display:block;font-size:12px;font-weight:700;color:var(--color-text);margin-bottom:6px}.form-input{width:100%;padding:9px 12px;border:1px solid var(--color-input-border);border-radius:8px;font-size:.875rem;font-family:var(--font-body);color:var(--color-text);background:var(--color-surface)}.form-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px #00727626;box-shadow:0 0 0 2px oklch(.5 .09 200 / .15)}.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}@media(max-width:768px){.app-sidebar{width:0}.app-content{padding:56px 16px 40px;max-width:100%;overflow-x:hidden}.modal-container{width:calc(100vw - 32px);max-height:90vh;padding:20px}.search-input{width:100%}.card-grid,.metric-grid,.lantai-grid{grid-template-columns:repeat(2,1fr)}.kanban-grid,.info-grid{grid-template-columns:1fr}.page-header{flex-wrap:wrap;gap:8px}.filter-bar{flex-wrap:wrap}.sapih-card__columns,.warning-banner__fields{flex-direction:column}.modal-grid-2{grid-template-columns:1fr}.modal-row{flex-direction:column;gap:0}}@media(max-width:480px){.app-content{padding:52px 12px 32px;overflow-x:hidden}.modal-container{border-radius:14px 14px 0 0;position:fixed;bottom:0;left:0;right:0;top:auto;max-height:92vh;width:100%;padding:20px 16px}.card-grid,.metric-grid,.lantai-grid{grid-template-columns:1fr}.page-title{font-size:18px}.section-card{padding:14px}.btn--sm{padding:6px 10px;font-size:12px}.stage-dot-wrap{min-width:48px}.stage-label{font-size:10px}}[data-theme=dark]{--color-bg: oklch(.13 .006 250);--color-surface: oklch(.18 .006 250);--color-border: oklch(.25 .006 250);--color-border-light: oklch(.22 .006 250);--color-text: oklch(.92 .006 250);--color-text-muted: oklch(.65 .01 250);--color-text-subtle: oklch(.6 .01 250);--color-primary: oklch(.65 .1 200);--color-primary-hover: oklch(.55 .1 200);--color-primary-bg: oklch(.22 .04 200);--color-primary-text: oklch(.75 .1 200);--color-green-bg: oklch(.2 .04 155);--color-green-text: oklch(.7 .1 155);--color-green-border: oklch(.5 .12 155);--color-yellow-bg: oklch(.22 .06 75);--color-yellow-text: oklch(.75 .1 70);--color-red-bg: oklch(.2 .04 25);--color-red-text: oklch(.7 .15 25);--color-orange-bg: oklch(.22 .04 75);--color-orange-border: oklch(.5 .08 75);--color-text-on-primary: #fff;--color-input-border: oklch(.3 .006 250);--color-bg-muted: oklch(.22 .006 250);--color-bg-elevated: oklch(.16 .004 250);--color-bg-deemphasized: oklch(.24 .006 250);--color-overlay: oklch(0 0 0 / .6)}