#tab-general,#tab-user,#tab-akses,#tab-cabang,#tab-notifikasi,.st-wrap,.st-modal,#st-toast{white-space: normal;word-break: normal;}.st-wrap{max-width: 1080px;margin: 0 auto;display: flex;flex-direction: column;gap: 12px;width: 100%;}.st-card{background: var(--panel);border: 1px solid var(--glass-border);border-radius: 14px;box-shadow: 0 8px 28px rgba(0,0,0,0.12);overflow: hidden;}.st-card-head{display: flex;align-items: center;gap: 10px;padding: 10px 14px;border-bottom: 1px solid var(--glass-border);}.st-card-icon{width: 30px;height: 30px;flex: 0 0 30px;border-radius: 8px;display: grid;place-items: center;font-size: 13px;color: var(--accent);background: var(--accent-glow);box-shadow: inset 0 0 0 1px var(--accent-glow);}.st-card-title{font-size: 14px;font-weight: 700;line-height: 1.2;}.st-card-sub{font-size: 11.5px;line-height: 1.3;color: var(--muted);margin-top: 1px;}.st-card-body{padding: 14px;}.st-grid{display: grid;grid-template-columns: repeat(2,minmax(0,1fr));gap: 12px 14px;}.st-field{display: flex;flex-direction: column;gap: 4px;min-width: 0;}.st-field.full{grid-column: 1 / -1;}.st-label{margin: 0;font-size: 11.5px;font-weight: 600;letter-spacing: .02em;color: var(--muted);}.st-hint{font-size: 11.5px;color: var(--muted);}.st-input,.st-select{width: 100%;height: 36px;padding: 0 11px;margin: 0;border-radius: 8px;font-size: 13px;font-family: inherit;color: inherit;background: var(--input-bg);border: 1px solid var(--glass-border);box-shadow: none;outline: none;resize: none;transition: border-color .15s,box-shadow .15s;}.st-input:focus,.st-select:focus{border-color: var(--accent);box-shadow: 0 0 0 3px var(--accent-glow);}.st-choice-row{display: grid;grid-template-columns: repeat(2,minmax(0,1fr));gap: 10px;}.st-choice{position: relative;display: flex;align-items: center;gap: 10px;padding: 9px 12px;cursor: pointer;border: 1px solid var(--glass-border);border-radius: 11px;background: var(--bg-2);transition: border-color .15s,background .15s;}.st-choice input{position: absolute;opacity: 0;pointer-events: none;}.st-choice:hover{border-color: var(--accent);}.st-choice.active{border-color: var(--accent);background: var(--accent-glow);}.st-choice-main{font-weight: 700;font-size: 14px;}.st-choice-sub{font-size: 12px;color: var(--muted);margin-top: 2px;}.st-choice .st-check{margin-left: auto;width: 18px;height: 18px;border-radius: 50%;border: 2px solid var(--glass-border);display: grid;place-items: center;font-size: 9px;color: transparent;}.st-choice.active .st-check{background: var(--accent);border-color: var(--accent);color: #fff;}.st-actions{display: flex;align-items: center;justify-content: flex-end;gap: 10px;padding: 9px 14px;border-top: 1px solid var(--glass-border);background: var(--bg-2);}.st-btn{display: inline-flex;align-items: center;gap: 8px;height: 32px;padding: 0 14px;border-radius: 8px;font-size: 12.5px;font-weight: 600;cursor: pointer;font-family: inherit;color: inherit;background: var(--bg-color-icon);border: 1px solid var(--glass-border);transition: all .15s;}.st-btn:hover{transform: translateY(-1px);border-color: var(--accent);}.st-btn.primary{color: #fff;border-color: transparent;background: linear-gradient(180deg,var(--accent),var(--accent-2));box-shadow: 0 6px 16px var(--accent-glow);}.st-btn.danger{color: #fff;border-color: transparent;background: linear-gradient(180deg,#f87171,#dc2626);}.st-btn[disabled]{opacity: .45;pointer-events: none;}.st-toolbar{display: flex;align-items: center;gap: 10px;padding: 9px 14px;border-bottom: 1px solid var(--glass-border);}.st-search{position: relative;flex: 1;max-width: 340px;}.st-search i{position: absolute;left: 12px;top: 50%;transform: translateY(-50%);font-size: 12px;color: var(--muted);}.st-search .st-input{padding-left: 32px;height: 32px;}.st-count{margin-left: auto;font-size: 12px;color: var(--muted);}.st-table{width: 100%;border-collapse: collapse;}.st-table th{text-align: left;font-size: 11px;text-transform: uppercase;letter-spacing: .07em;font-weight: 700;color: var(--muted);padding: 8px 14px;border-bottom: 1px solid var(--glass-border);background: var(--bg-2);}.st-table td{padding: 7px 14px;font-size: 13px;border-bottom: 1px solid var(--glass-border);}.st-table tbody tr:last-child td{border-bottom: 0;}.st-table tbody tr:hover{background: var(--bg-2);}.st-table .right{text-align: right;}.st-empty{text-align: center;padding: 38px 10px !important;color: var(--muted);}.st-user{display: flex;align-items: center;gap: 10px;}.st-avatar{width: 28px;height: 28px;border-radius: 50%;display: grid;place-items: center;font-size: 11px;font-weight: 700;color: #fff;background: linear-gradient(135deg,var(--accent),var(--accent-2));flex: 0 0 auto;}.st-user-name{font-weight: 600;}.st-mono{font-family: ui-monospace,SFMono-Regular,Menlo,monospace;font-size: 12.5px;color: var(--muted);}.st-badge{display: inline-flex;align-items: center;gap: 6px;padding: 3px 10px;border-radius: 999px;font-size: 11.5px;font-weight: 700;color: var(--accent);background: var(--accent-glow);box-shadow: inset 0 0 0 1px var(--accent-glow);}.st-icon-btn{width: 26px;height: 26px;margin: 0;padding: 0;border-radius: 7px;display: inline-grid;place-items: center;cursor: pointer;border: 1px solid var(--glass-border);background: transparent;color: inherit;font-size: 12px;transition: all .15s;}.st-icon-btn:hover{border-color: var(--accent);color: var(--accent);}.st-icon-btn.del:hover{border-color: #f87171;color: #f87171;}.st-akses select,.st-table select{margin: 0;}.st-akses{display: grid;grid-template-columns: 190px minmax(0,1fr);gap: 16px;align-items: start;}.st-level-list{padding: 8px;display: flex;flex-direction: column;gap: 4px;}.st-level-item{display: flex;align-items: center;gap: 9px;padding: 8px 10px;border-radius: 10px;cursor: pointer;border: 1px solid transparent;font-size: 13px;font-weight: 600;}.st-level-item:hover{background: var(--bg-2);}.st-level-item.active{background: var(--accent-glow);border-color: var(--accent);color: var(--accent);}.st-level-item i{font-size: 13px;opacity: .8;}.st-group-head{display: flex;align-items: center;gap: 10px;padding: 7px 14px;font-weight: 700;font-size: 12.5px;background: var(--bg-2);border-bottom: 1px solid var(--glass-border);border-top: 1px solid var(--glass-border);}.st-group-head i{color: var(--accent);}.st-acc-table{width: 100%;border-collapse: collapse;}.st-acc-table th{font-size: 11px;text-transform: uppercase;letter-spacing: .07em;color: var(--muted);font-weight: 700;padding: 6px 8px;text-align: center;width: 70px;}.st-acc-table th:first-child,.st-acc-table td:first-child{text-align: left;width: auto;padding-left: 14px;}.st-acc-table td{padding: 5px 8px;text-align: center;border-top: 1px solid var(--glass-border);font-size: 13px;}.st-acc-table tr.soon td:first-child{opacity: .6;}.st-soon{font-size: 10px;margin-left: 8px;padding: 2px 7px;border-radius: 999px;background: var(--bg-color-icon);color: var(--muted);font-weight: 700;}.st-colhead{display: inline-flex;align-items: center;gap: 6px;cursor: pointer;user-select: none;}.st-colhead:hover{color: var(--accent);}.st-switch{position: relative;display: inline-block;width: 32px;height: 18px;margin: 0;vertical-align: middle;}.st-switch input{opacity: 0;width: 0;height: 0;margin: 0;position: absolute;}.st-switch span{position: absolute;inset: 0;border-radius: 999px;cursor: pointer;background: var(--bg-color-icon-hover,rgba(128,128,128,.35));transition: background .18s;}.st-switch span::after{content: "";position: absolute;left: 2px;top: 2px;width: 14px;height: 14px;border-radius: 50%;background: #fff;box-shadow: 0 1px 3px rgba(0,0,0,.35);transition: transform .18s;}.st-switch input:checked + span{background: #22c55e;}.st-switch input:checked + span::after{transform: translateX(14px);}.st-switch input:disabled + span{opacity: .35;cursor: not-allowed;}.st-savebar{position: sticky;bottom: 0;display: flex;align-items: center;gap: 10px;padding: 9px 14px;border-top: 1px solid var(--glass-border);background: var(--panel);backdrop-filter: blur(8px);}.st-dirty{font-size: 12px;color: #f59e0b;font-weight: 600;display: none;}.st-dirty.on{display: inline-flex;align-items: center;gap: 6px;}.st-modal{position: fixed;inset: 0;z-index: 9999;display: none;align-items: center;justify-content: center;background: rgba(0,0,0,.55);backdrop-filter: blur(3px);}.st-modal.open{display: flex;}.st-dialog{width: min(460px,92vw);background: var(--bg-1);border: 1px solid var(--glass-border);border-radius: 16px;box-shadow: 0 30px 70px rgba(0,0,0,.45);overflow: hidden;}.st-dialog .st-card-body{display: flex;flex-direction: column;gap: 14px;}#st-toast{position: fixed;right: 22px;bottom: 22px;z-index: 10000;display: flex;flex-direction: column;gap: 8px;}.st-toast-item{display: flex;align-items: center;gap: 10px;padding: 11px 16px;border-radius: 10px;font-size: 13px;font-weight: 600;color: #fff;background: #16a34a;box-shadow: 0 10px 26px rgba(0,0,0,.35);animation: stIn .2s ease;}.st-toast-item.err{background: #dc2626;}@keyframes stIn{from{opacity: 0;transform: translateY(8px);}to{opacity: 1;transform: none;}}@media (max-width: 820px){.st-grid,.st-choice-row{grid-template-columns: 1fr;}.st-akses{grid-template-columns: 1fr;}.st-level-list{flex-direction: row;overflow-x: auto;}}.st-page{align-items: stretch;height: 100vh;box-sizing: border-box;}.st-page > .sidebar,.st-page #content-area{min-height: 0;min-width: 0;}.st-page .sidebar{align-self: stretch;}#content.st-fixed{overflow: hidden;}.st-level-item.st-level-bahaya{color: #f43f5e;}.st-level-item.st-level-bahaya.active{color: #fff;background: linear-gradient(135deg,#be123c,#881337);border-color: rgba(244,63,94,.6);box-shadow: 0 6px 18px rgba(190,18,60,.35);}#content.st-fixed #tab-akses{flex: 1;min-height: 0;display: flex;flex-direction: column;}#content.st-fixed #tab-akses .st-wrap{flex: 1;min-height: 0;max-width: none;}#content.st-fixed .st-akses{flex: 1;min-height: 0;align-items: stretch;}#content.st-fixed .st-akses > .st-card{display: flex;flex-direction: column;min-height: 0;}#content.st-fixed .st-level-list{overflow-y: auto;flex: 1;min-height: 0;}#content.st-fixed .st-scroll{flex: 1;min-height: 0;overflow-y: auto;}#content-header .st-btn{white-space: nowrap;}.st-heading{display: flex;align-items: center;gap: 14px;min-width: 0;white-space: normal;}.st-heading-icon{width: 44px;height: 44px;flex: 0 0 44px;display: inline-flex;align-items: center;justify-content: center;border-radius: 13px;font-size: 19px;color: #fff;background: linear-gradient(135deg,#3b82f6 0%,#6366f1 100%);box-shadow: 0 6px 16px rgba(79,110,247,.35),inset 0 1px 0 rgba(255,255,255,.25);}.st-heading-text{display: flex;flex-direction: column;gap: 1px;line-height: 1.2;min-width: 0;padding-left: 14px;border-left: 1px solid var(--glass-border);}.st-heading-title{font-size: 19px;font-weight: 700;letter-spacing: .2px;color: var(--text,inherit);}.st-heading-sub{font-size: 12px;color: var(--muted);font-weight: 400;}@media (max-width: 900px){.st-heading-sub{display: none;}}.theme-light .st-heading-title,.theme-pink .st-heading-title{color: #111827;}.theme-pink .st-heading-title{color: #5f2140;}.theme-light .st-heading-icon{box-shadow: 0 6px 14px rgba(59,130,246,.28),inset 0 1px 0 rgba(255,255,255,.35);}.theme-pink .st-heading-icon{background: linear-gradient(135deg,#ec5f9f,#c13584);box-shadow: 0 6px 14px rgba(236,95,159,.35),inset 0 1px 0 rgba(255,255,255,.35);}.theme-light .st-card,.theme-pink .st-card{box-shadow: 0 4px 16px rgba(30,41,59,.07);}.theme-pink .st-card{background: rgba(255,255,255,.9);}.theme-light .st-card-head,.theme-pink .st-card-head{background: transparent;}.theme-light .st-switch span{background: rgba(0,0,0,.18);}.theme-pink .st-switch span{background: rgba(236,95,159,.25);}.theme-light .st-switch input:checked + span,.theme-pink .st-switch input:checked + span{background: #22c55e;}.theme-light .st-modal,.theme-pink .st-modal{background: rgba(30,41,59,.4);}.theme-pink .st-modal{background: rgba(95,33,64,.35);}.theme-light .st-dialog,.theme-pink .st-dialog{background: #fff;box-shadow: 0 24px 60px rgba(30,41,59,.25);}.theme-light .st-input,.theme-light .st-select,.theme-pink .st-input,.theme-pink .st-select{color: inherit;}.theme-light .st-btn:not(.primary):not(.danger),.theme-pink .st-btn:not(.primary):not(.danger){color: inherit;}.theme-pink .st-level-item.active{color: #c13584;}.theme-light .st-acc-table td,.theme-pink .st-acc-table td{border-top-color: var(--glass-border);}.theme-light #st-toast .st-toast-item,.theme-pink #st-toast .st-toast-item{box-shadow: 0 10px 24px rgba(30,41,59,.2);}.theme-light .st-page #content-area{background: #f3f5f9;border-color: rgba(0,0,0,.08);box-shadow: 0 10px 30px rgba(30,41,59,.08);}.theme-pink .st-page #content-area{background: rgba(255,240,247,.75);border-color: rgba(236,96,159,.2);box-shadow: 0 10px 30px rgba(236,96,159,.12);}.theme-light .st-page #content-header{background: #fff;}.theme-pink .st-page #content-header{background: rgba(255,255,255,.7);border-bottom-color: rgba(236,96,159,.18);}#st-root #content-header .btn{flex:0 0 auto;}#st-root .st-heading-title{white-space:nowrap;}#st-root .st-scroll{overflow-x:auto;}#st-root #content-header{gap:12px;flex-wrap:nowrap;}#st-root #content-header .btn{width:44px;min-width:44px;height:44px;padding:0;display:inline-flex;align-items:center;justify-content:center;}#st-root #content-header .btn i{font-size:18px !important;}#st-root .st-heading{min-width:0;overflow:hidden;}#st-root .st-heading-title{overflow:hidden;text-overflow:ellipsis;}#st-root .st-acc-table{min-width:460px;}@media (max-width:1100px){#st-root .st-akses{grid-template-columns:1fr !important;}#st-root .st-level-list{display:flex;flex-wrap:wrap;gap:6px;}}.st-wrap.st-wrap-wide{max-width: 1180px;}.st-cabang{grid-template-columns: 230px minmax(0,1fr);}.st-cabang-main{display: flex;flex-direction: column;gap: 12px;min-width: 0;}.st-cabang-item{align-items: center;}.st-cabang-item i{color: hsl(var(--cabang-h,212) 75% 58%);opacity: 1;}.theme-light .st-cabang-item i,.theme-pink .st-cabang-item i{color: hsl(var(--cabang-h,212) 70% 44%);}.st-cabang-text{display: flex;flex-direction: column;min-width: 0;line-height: 1.25;}.st-cabang-name{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}.st-cabang-kode{font-size: 10.5px;font-weight: 500;color: var(--muted);}.st-level-item.active .st-cabang-kode{color: inherit;opacity: .75;}.st-dirty-head{margin-left: auto;}.st-stat-row{display: grid;grid-template-columns: repeat(3,minmax(0,1fr));gap: 12px;}.st-stat{display: flex;align-items: center;gap: 12px;padding: 13px 14px;min-width: 0;background: var(--panel);border: 1px solid var(--glass-border);border-radius: 14px;box-shadow: 0 8px 28px rgba(0,0,0,0.12);}.st-stat-ic{width: 38px;height: 38px;flex: 0 0 38px;border-radius: 11px;display: grid;place-items: center;font-size: 15px;color: var(--accent);background: var(--accent-glow);box-shadow: inset 0 0 0 1px var(--accent-glow);}.st-stat.laba .st-stat-ic{color: #22c55e;background: rgba(34,197,94,.12);box-shadow: inset 0 0 0 1px rgba(34,197,94,.18);}.st-stat-text{min-width: 0;}.st-stat-label{font-size: 11px;font-weight: 600;letter-spacing: .04em;text-transform: uppercase;color: var(--muted);}.st-stat-value{font-size: 18px;font-weight: 700;line-height: 1.25;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}.st-stat.laba .st-stat-value{color: #22c55e;}.st-stat .st-stat-value.neg,.st-neg{color: #f87171 !important;}.st-pos{color: #22c55e;}.st-stat-sub{font-size: 11px;color: var(--muted);margin-top: 1px;}.st-cabang-table td{white-space: nowrap;}.st-cabang-table td:nth-child(3){white-space: normal;}.st-cabang-jam{margin-left: 6px;font-size: 11.5px;color: var(--muted);}.st-pager{justify-content: flex-end;}.st-pager .st-hint{margin-right: auto;}.theme-light .st-stat,.theme-pink .st-stat{box-shadow: 0 4px 16px rgba(30,41,59,.07);}.theme-pink .st-stat{background: rgba(255,255,255,.9);}.theme-light .st-stat.laba .st-stat-value,.theme-light .st-pos,.theme-pink .st-stat.laba .st-stat-value,.theme-pink .st-pos{color: #16a34a;}@media (max-width: 820px){.st-stat-row{grid-template-columns: 1fr;}}.st-pick{display: flex;flex-direction: column;align-items: center;justify-content: center;gap: 6px;padding: 56px 20px;text-align: center;color: var(--muted);}.st-pick > i{width: 46px;height: 46px;margin-bottom: 6px;border-radius: 14px;display: grid;place-items: center;font-size: 18px;color: var(--accent);background: var(--accent-glow);box-shadow: inset 0 0 0 1px var(--accent-glow);}.st-pick-title{font-size: 14px;font-weight: 700;color: var(--color-icon,inherit);}.st-pick-sub{font-size: 12px;max-width: 320px;}.st-cabang-detail{display: flex;flex-direction: column;gap: 12px;min-width: 0;}.st-cabang-detail.hide{display: none !important;}.theme-light .st-pick-title{color: #111827;}.theme-pink .st-pick-title{color: #5f2140;}#content.st-fixed #tab-cabang{flex: 1;min-height: 0;display: flex;flex-direction: column;}#content.st-fixed #tab-cabang .st-wrap{flex: 1;min-height: 0;max-width: none;}#content.st-fixed .st-cabang{grid-template-rows: minmax(0,1fr);}#content.st-fixed .st-cabang-main{min-height: 0;overflow-y: auto;scrollbar-width: thin;}#content.st-fixed #cabang-pick,#content.st-fixed #user-pick{flex: 1 0 auto;}.st-cabang-item.is-new{border-style: dashed;}.st-cabang-item.is-new i{color: var(--accent);}.st-cabang-item.is-new:not(.active){border-color: var(--glass-border);}.st-general{grid-template-columns: 210px minmax(0,1fr);}.st-general-main{display: flex;flex-direction: column;gap: 12px;min-width: 0;}#content.st-fixed #tab-general{flex: 1;min-height: 0;display: flex;flex-direction: column;}#content.st-fixed #tab-general .st-wrap{flex: 1;min-height: 0;max-width: none;}#content.st-fixed .st-general{grid-template-rows: minmax(0,1fr);}#content.st-fixed .st-general-main{min-height: 0;overflow-y: auto;scrollbar-width: thin;}.st-pane{display: flex;flex-direction: column;gap: 12px;}.st-pane.hide{display: none;}.st-textarea{height: auto;min-height: 36px;padding: 8px 11px;line-height: 1.45;resize: vertical;}.st-toggle-list{display: grid;grid-template-columns: repeat(2,minmax(0,1fr));}.st-toggle-row{display: flex;align-items: center;justify-content: space-between;gap: 12px;margin: 0;padding: 10px 14px;cursor: pointer;border-bottom: 1px solid var(--glass-border);}.st-toggle-row:nth-child(odd){border-right: 1px solid var(--glass-border);}.st-toggle-row:hover{background: var(--bg-2);}.st-toggle-row.disabled{opacity: .45;cursor: not-allowed;}.st-toggle-text{display: flex;flex-direction: column;min-width: 0;gap: 1px;}.st-toggle-label{font-size: 13px;font-weight: 600;}.st-toggle-key{font-family: ui-monospace,SFMono-Regular,Menlo,monospace;font-size: 10.5px;color: var(--muted);overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}.st-toggle-row .st-switch{flex: 0 0 auto;}.st-choice.disabled{opacity: .45;pointer-events: none;}@media (max-width: 820px){.st-toggle-list{grid-template-columns: 1fr;}.st-toggle-row:nth-child(odd){border-right: 0;}}#content.st-fixed #tab-user{flex: 1;min-height: 0;display: flex;flex-direction: column;}#content.st-fixed #tab-user .st-wrap{flex: 1;min-height: 0;max-width: none;}.st-list-search{position: relative;padding: 8px 8px 0;flex: 0 0 auto;}.st-list-search i{position: absolute;left: 19px;top: calc(50% + 4px);transform: translateY(-50%);font-size: 12px;color: var(--muted);}.st-list-search .st-input{height: 32px;padding-left: 31px;}.st-user-item .st-avatar{width: 26px;height: 26px;font-size: 10px;}.st-user-item.is-new .st-avatar{background: transparent;color: var(--accent);box-shadow: inset 0 0 0 1px var(--accent);}.st-stat-row.two{grid-template-columns: repeat(2,minmax(0,1fr));}.st-stat-value.small{font-size: 14px;}