:root{
  --bk-sidebar:280px;
  --bk-bg:#f8fafc;
  --bk-card:#ffffff;
  --bk-text:#0f172a;
  --bk-soft:#475569;
  --bk-muted:#94a3b8;
  --bk-line:#e8eef4;
  --bk-primary:#14b8a6;
  --bk-primary-dark:#0f9f91;
  --bk-primary-soft:#e7f8f6;
  --bk-shadow:0 8px 22px rgba(15,23,42,.045);
  --bk-shadow-hover:0 12px 28px rgba(15,23,42,.075);
  --bk-radius:20px;
}
*{box-sizing:border-box}
html,body{margin:0!important;padding:0!important;min-height:100%;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--bk-text);background:var(--bk-bg);font-weight:400}
body.boskos-canvas-body{overflow-x:hidden;background:#f8fafc}
a{text-decoration:none;color:inherit}button,input,select{font:inherit}button{cursor:pointer}svg{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}

.bk-app{display:grid;grid-template-columns:var(--bk-sidebar) minmax(0,1fr);min-height:100vh;background:#f8fafc}
.bk-sidebar{position:sticky;top:0;height:100vh;width:var(--bk-sidebar);padding:28px 22px 22px;background:#fff;border-right:1px solid var(--bk-line);display:flex;flex-direction:column;gap:18px;overflow-y:auto;z-index:20}.bk-sidebar::-webkit-scrollbar{width:0}.bk-main{min-width:0;width:100%}

.bk-brand{height:48px;display:flex;align-items:center;gap:12px;margin-bottom:18px}.bk-brand-icon{width:42px;height:42px;border:2px solid var(--bk-primary);border-radius:14px;color:var(--bk-primary);display:grid;place-items:center}.bk-brand-icon svg{width:23px;height:23px}.bk-brand strong{font-size:27px;line-height:1;font-weight:700;letter-spacing:-.06em;color:#0f9f91}
.bk-nav{display:flex;flex-direction:column;gap:6px}.bk-nav a{position:relative;min-height:52px;padding:0 16px;border-radius:15px;display:flex;align-items:center;gap:13px;color:#172033;font-size:15px;font-weight:600;transition:background .2s ease,color .2s ease,transform .2s ease}.bk-nav a svg{width:21px;height:21px;flex:0 0 21px;stroke-width:2}.bk-nav a:hover{background:#f3faf9;color:#0f9f91;transform:translateX(2px)}.bk-nav a.active{background:var(--bk-primary);color:#fff;box-shadow:0 8px 18px rgba(20,184,166,.18)}.bk-nav a.active:after{content:"";position:absolute;right:14px;width:5px;height:5px;border-radius:50%;background:#fff}.bk-section-title{margin:10px 12px -2px;color:#94a3b8;font-size:12px;font-weight:700;letter-spacing:.08em}.bk-nav-report{border-top:1px solid var(--bk-line);padding-top:14px}
.bk-plan{margin-top:auto;border:1px solid #d6f1ee;background:#f3fffd;border-radius:18px;padding:20px}.bk-plan-gem{width:34px;height:34px;color:#0f9f91;margin-bottom:12px}.bk-plan-gem svg{width:28px;height:28px}.bk-plan small,.bk-plan span{display:block;color:#64748b;font-size:13px;margin-bottom:7px}.bk-plan b{display:block;color:#0f9f91;font-size:16px;font-weight:700;margin-bottom:18px}.bk-plan strong{display:block;font-size:14px;font-weight:600}.bk-sidebar-foot{color:#94a3b8;font-size:11px;line-height:1.6;font-weight:500}

.bk-topbar{position:sticky;top:0;height:72px;background:rgba(255,255,255,.94);backdrop-filter:blur(14px);border-bottom:1px solid var(--bk-line);z-index:15;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 32px}.bk-top-left{display:flex;align-items:center;gap:18px}.bk-menu-btn{width:40px;height:40px;border:0;background:transparent;color:#0f172a;border-radius:12px;display:grid;place-items:center;transition:.2s}.bk-menu-btn:hover{background:#f1f5f9;color:var(--bk-primary)}.bk-menu-btn svg{width:23px;height:23px}.bk-topbar h1{margin:0;font-size:22px;font-weight:700;letter-spacing:-.04em}.bk-userbar{display:flex;align-items:center;gap:14px}.bk-notif{position:relative;width:38px;height:38px;display:grid;place-items:center;color:#0f172a}.bk-notif svg{width:22px;height:22px}.bk-notif i{position:absolute;right:0;top:0;min-width:17px;height:17px;padding:0 5px;border-radius:99px;background:var(--bk-primary);color:#fff;font-style:normal;font-size:11px;font-weight:700;display:grid;place-items:center}.bk-avatar{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:var(--bk-primary);color:#fff;font-weight:700}.bk-usertext{line-height:1.2}.bk-usertext b{font-size:14px;font-weight:600}.bk-usertext span{display:block;color:#64748b;font-size:12px;margin-top:3px}

.bk-content{width:100%;max-width:1280px;margin:0 auto;padding:30px 32px 46px}.bk-page-title{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:18px}.bk-page-title h2{margin:0 0 6px;font-size:26px;line-height:1.2;font-weight:700;letter-spacing:-.05em}.bk-page-title p{margin:0;color:#64748b;font-size:15px}.bk-page-title p em{color:#0f9f91;font-style:italic;font-weight:600}.bk-actions{display:flex;gap:10px;flex-wrap:wrap}.bk-actions button{height:40px;border:1px solid var(--bk-line);background:#fff;color:#0f172a;border-radius:12px;padding:0 14px;font-size:13px;font-weight:600;box-shadow:var(--bk-shadow);transition:.2s}.bk-actions button:first-child{background:var(--bk-primary);border-color:var(--bk-primary);color:#fff}.bk-actions button:hover{transform:translateY(-1px);box-shadow:var(--bk-shadow-hover)}

.bk-indicator{min-height:58px;border:1px solid var(--bk-line);background:#fff;border-radius:18px;display:flex;align-items:center;gap:22px;padding:10px 18px;margin-bottom:18px;box-shadow:var(--bk-shadow);font-size:13px;flex-wrap:wrap}.bk-indicator b{color:#64748b;font-size:12px;font-weight:700;letter-spacing:.03em}.bk-indicator span{display:flex;align-items:center;gap:8px;color:#172033;font-weight:500}.bk-indicator i{width:12px;height:12px;border-radius:999px;display:block}.bk-indicator .empty{background:#94a3b8}.bk-indicator .filled{background:#14b8a6}.bk-indicator .due{background:#f43f5e}.bk-indicator .repair{background:#fbbf24}.bk-indicator button{margin-left:auto;height:38px;border:1px solid #dbe5ee;background:#fff;color:#0f172a;border-radius:12px;padding:0 14px;display:flex;align-items:center;gap:8px;font-weight:600}.bk-indicator button svg{width:17px;height:17px}

.bk-floor{background:#fff;border:1px solid var(--bk-line);border-radius:22px;padding:22px;margin-bottom:18px;box-shadow:var(--bk-shadow);transition:box-shadow .2s ease,transform .2s ease}.bk-floor:hover{box-shadow:var(--bk-shadow-hover)}.bk-floor-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}.bk-floor-head h3{display:flex;align-items:center;gap:12px;margin:0;font-size:19px;font-weight:700;letter-spacing:-.04em}.bk-floor-head h3 i{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;background:var(--bk-primary);color:#fff}.bk-floor-head h3 svg{width:19px;height:19px}.bk-floor-head span{background:#f8fafc;color:#334155;border-radius:12px;padding:8px 13px;font-size:13px;font-weight:600}.bk-rooms{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:16px}.bk-rooms-short{grid-template-columns:repeat(auto-fill,minmax(170px,180px));justify-content:start}
.bk-room{min-height:124px;border-radius:16px;padding:18px 18px 16px;color:#fff;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:center;box-shadow:0 8px 18px rgba(15,23,42,.10);transition:transform .22s ease,box-shadow .22s ease}.bk-room:hover{transform:translateY(-3px);box-shadow:0 12px 26px rgba(15,23,42,.13)}.bk-room b{font-size:22px;line-height:1;font-weight:700;letter-spacing:-.04em}.bk-room small{font-size:11px;font-weight:700;margin-top:9px}.bk-room span{font-size:12px;margin-top:9px;opacity:.95;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bk-room strong{font-size:16px;margin-top:5px;font-weight:700}.bk-room em{position:absolute;right:14px;top:10px;font-style:normal;opacity:.86}.bk-room.filled{background:linear-gradient(135deg,#53d0c8 0%,#0ba99d 100%)}.bk-room.empty{background:linear-gradient(135deg,#93a4b8 0%,#66768b 100%)}.bk-room.due{background:linear-gradient(135deg,#fb6471 0%,#f43f5e 100%)}.bk-room.repair{background:linear-gradient(135deg,#ffda54 0%,#f6b800 100%);color:#0f172a}

.boskos-login{min-height:100vh;display:grid;place-content:center;text-align:center;background:#f8fafc;font-family:Inter,system-ui}.boskos-login h1{font-size:42px;color:#0f9f91;margin:0 0 10px}.boskos-login p{color:#64748b}.boskos-btn{display:inline-flex;align-items:center;justify-content:center;margin-top:14px;height:44px;padding:0 22px;border-radius:12px;background:#14b8a6;color:#fff;font-weight:600}
.boskos-wrap{font-family:Inter,system-ui}.boskos-top{display:flex;justify-content:space-between;align-items:center;gap:16px;background:#fff;border-radius:18px;padding:22px;margin:18px 0;box-shadow:var(--bk-shadow)}.boskos-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.boskos-card{background:#fff;border-radius:18px;padding:20px;box-shadow:var(--bk-shadow);border:1px solid var(--bk-line)}.boskos-table{width:100%;border-collapse:collapse;background:#fff;border-radius:18px;overflow:hidden;box-shadow:var(--bk-shadow)}.boskos-table th,.boskos-table td{padding:14px;border-bottom:1px solid var(--bk-line);text-align:left}.boskos-table th{background:#f8fafc;color:#64748b;font-size:12px;text-transform:uppercase}.boskos-form{background:#fff;border-radius:18px;padding:20px;box-shadow:var(--bk-shadow);margin-bottom:18px}.boskos-form input{width:100%;min-height:40px;border:1px solid #d7e4ee;border-radius:10px;padding:8px 12px}.boskos-form .form-table th{width:180px}

@media (max-width:1180px){:root{--bk-sidebar:260px}.bk-content{padding:28px 28px 42px}.bk-rooms{grid-template-columns:repeat(auto-fill,minmax(155px,1fr))}.bk-rooms-short{grid-template-columns:repeat(auto-fill,minmax(155px,170px))}}
@media (max-width:860px){.bk-app{display:block}.bk-sidebar{position:fixed;left:0;top:0;transform:translateX(-102%);transition:.25s ease;z-index:50}.bk-app.bk-open .bk-sidebar{transform:translateX(0)}.bk-topbar{height:68px;padding:0 16px}.bk-content{padding:22px 16px 34px}.bk-page-title{flex-direction:column}.bk-usertext{display:none}.bk-plan{display:none}.bk-indicator button{margin-left:0}.bk-rooms,.bk-rooms-short{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:520px){.bk-rooms,.bk-rooms-short{grid-template-columns:1fr}.bk-brand strong{font-size:24px}.bk-page-title h2{font-size:23px}.bk-floor{padding:18px}.bk-room{min-height:112px}.bk-actions{width:100%}.bk-actions button{flex:1}}

/* BOSKOS v4.2 - Cabang module */
.bk-page{display:none;animation:bkFade .22s ease both}.bk-page.bk-page-active{display:block}@keyframes bkFade{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.bk-module-card{background:#fff;border:1px solid var(--bk-line);border-radius:22px;box-shadow:var(--bk-shadow);overflow:hidden}.bk-module-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:22px 24px;border-bottom:1px solid var(--bk-line)}.bk-module-head h3{margin:0;font-size:18px;line-height:1.25;font-weight:650;letter-spacing:-.035em}.bk-module-head h3 span{display:inline-flex;margin-left:8px;padding:5px 10px;border-radius:999px;background:#f8fafc;color:#64748b;font-size:12px;font-weight:600;vertical-align:middle}.bk-module-head p{margin:7px 0 0;color:#64748b;font-size:13.5px}.bk-table-tools{display:flex;align-items:center;gap:10px}.bk-search-mini{height:42px;min-width:240px;border:1px solid #dbe5ee;background:#fff;border-radius:13px;display:flex;align-items:center;gap:9px;padding:0 13px;color:#94a3b8}.bk-search-mini svg{width:18px;height:18px}.bk-search-mini input{width:100%;border:0;outline:0;background:transparent;color:#0f172a;font-size:14px}.bk-table-wrap{width:100%;overflow:auto}.bk-premium-table{width:100%;border-collapse:separate;border-spacing:0;min-width:980px}.bk-premium-table th{background:#fbf7f1;color:#64748b;font-size:12px;letter-spacing:.055em;text-transform:uppercase;font-weight:700;padding:15px 20px;text-align:left;border-bottom:1px solid #f0e4d8}.bk-premium-table td{padding:18px 20px;border-bottom:1px solid var(--bk-line);vertical-align:middle;color:#334155;font-size:14px}.bk-premium-table tbody tr{transition:background .18s ease}.bk-premium-table tbody tr:hover{background:#fbfefd}.bk-premium-table tbody tr:last-child td{border-bottom:0}.bk-premium-table td b{display:block;color:#0f172a;font-size:14.5px;font-weight:650;letter-spacing:-.015em}.bk-premium-table td small{display:block;margin-top:5px;color:#94a3b8;font-size:12px}.bk-address{display:flex;align-items:center;gap:8px;color:#64748b;white-space:nowrap}.bk-address svg{width:17px;height:17px;color:#a78bfa;flex:0 0 17px}.bk-pill{display:inline-flex;align-items:center;justify-content:center;min-height:30px;padding:0 12px;border-radius:999px;font-size:12.5px;font-weight:650;white-space:nowrap}.bk-pill-warning{background:#fff7e6;color:#a34800}.bk-pill-info{background:#eff6ff;color:#1d4ed8}.bk-pill-muted{background:#f8fafc;color:#475569}.bk-status-dot{display:inline-flex;align-items:center;gap:7px;min-height:30px;padding:0 12px;border-radius:999px;background:#ecfdf5;color:#047857;font-size:12.5px;font-weight:650}.bk-status-dot:before{content:"";width:7px;height:7px;border-radius:50%;background:#10b981}.bk-row-actions{display:flex;align-items:center;gap:8px}.bk-row-actions button{height:34px;border:1px solid #dbe5ee;background:#fff;border-radius:999px;padding:0 13px;color:#334155;font-size:12.5px;font-weight:650;transition:.2s}.bk-row-actions button:hover{border-color:var(--bk-primary);color:#0f9f91;background:#f0fdfa}.bk-row-actions button.danger{border-color:#fecaca;color:#ef4444;background:#fff7f7}.bk-row-actions button.danger:hover{background:#fef2f2;border-color:#fca5a5}
.bk-drawer-backdrop{position:fixed;inset:0;background:rgba(15,23,42,.22);backdrop-filter:blur(3px);z-index:80;opacity:0;pointer-events:none;transition:.22s ease}.bk-drawer{position:fixed;right:0;top:0;height:100vh;width:min(460px,92vw);background:#fff;z-index:90;box-shadow:-18px 0 45px rgba(15,23,42,.12);transform:translateX(104%);transition:.25s ease;display:flex;flex-direction:column}.bk-drawer-open .bk-drawer-backdrop{opacity:1;pointer-events:auto}.bk-drawer-open .bk-drawer{transform:translateX(0)}.bk-drawer-head{padding:24px;border-bottom:1px solid var(--bk-line);display:flex;justify-content:space-between;gap:18px}.bk-drawer-head h3{margin:0;font-size:21px;font-weight:700;letter-spacing:-.04em}.bk-drawer-head p{margin:6px 0 0;color:#64748b;font-size:13.5px}.bk-drawer-head button{width:38px;height:38px;border:1px solid var(--bk-line);background:#fff;border-radius:12px;color:#64748b;font-size:24px;line-height:1}.bk-drawer-body{padding:24px;display:flex;flex-direction:column;gap:16px;overflow:auto}.bk-drawer-body label{display:flex;flex-direction:column;gap:8px;color:#334155;font-size:13px;font-weight:600}.bk-drawer-body input,.bk-drawer-body textarea{width:100%;border:1px solid #dbe5ee;background:#fff;border-radius:13px;padding:0 14px;color:#0f172a;outline:0;transition:.18s}.bk-drawer-body input{height:44px}.bk-drawer-body textarea{min-height:96px;padding-top:12px;resize:vertical}.bk-drawer-body input:focus,.bk-drawer-body textarea:focus{border-color:#76d8cf;box-shadow:0 0 0 4px rgba(20,184,166,.10)}.bk-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.bk-drawer-actions{margin-top:auto;padding-top:14px;display:flex;justify-content:flex-end;gap:10px}.bk-drawer-actions button{height:42px;border:1px solid var(--bk-primary);background:var(--bk-primary);color:#fff;border-radius:12px;padding:0 16px;font-weight:650}.bk-drawer-actions .secondary{background:#fff;border-color:#dbe5ee;color:#334155}
@media(max-width:860px){.bk-module-head{flex-direction:column}.bk-search-mini{min-width:0;width:100%}.bk-table-tools{width:100%}.bk-form-grid{grid-template-columns:1fr}.bk-premium-table{min-width:860px}}


/* BOSKOS v4.2.1 - Cabang table neat fix */
.bk-page[data-bk-view="cabang"] .bk-module-card{
  border-radius:20px;
  box-shadow:0 6px 18px rgba(15,23,42,.045);
}
.bk-page[data-bk-view="cabang"] .bk-module-head{
  padding:20px 22px;
}
.bk-page[data-bk-view="cabang"] .bk-table-wrap{
  overflow-x:auto;
  scrollbar-width:thin;
}
.bk-page[data-bk-view="cabang"] .bk-premium-table{
  min-width:0;
  table-layout:fixed;
}
.bk-page[data-bk-view="cabang"] .bk-premium-table th,
.bk-page[data-bk-view="cabang"] .bk-premium-table td{
  padding:16px 14px;
}
.bk-page[data-bk-view="cabang"] .bk-premium-table th{
  white-space:nowrap;
  font-size:11.5px;
  letter-spacing:.045em;
}
.bk-page[data-bk-view="cabang"] .bk-premium-table th:nth-child(1),
.bk-page[data-bk-view="cabang"] .bk-premium-table td:nth-child(1){width:170px}
.bk-page[data-bk-view="cabang"] .bk-premium-table th:nth-child(2),
.bk-page[data-bk-view="cabang"] .bk-premium-table td:nth-child(2){width:auto;min-width:270px}
.bk-page[data-bk-view="cabang"] .bk-premium-table th:nth-child(3),
.bk-page[data-bk-view="cabang"] .bk-premium-table td:nth-child(3){width:132px}
.bk-page[data-bk-view="cabang"] .bk-premium-table th:nth-child(4),
.bk-page[data-bk-view="cabang"] .bk-premium-table td:nth-child(4){width:118px}
.bk-page[data-bk-view="cabang"] .bk-premium-table th:nth-child(5),
.bk-page[data-bk-view="cabang"] .bk-premium-table td:nth-child(5){width:100px}
.bk-page[data-bk-view="cabang"] .bk-premium-table th:nth-child(6),
.bk-page[data-bk-view="cabang"] .bk-premium-table td:nth-child(6){width:96px}
.bk-page[data-bk-view="cabang"] .bk-premium-table th:nth-child(7),
.bk-page[data-bk-view="cabang"] .bk-premium-table td:nth-child(7){width:120px}
.bk-page[data-bk-view="cabang"] .bk-premium-table td b{
  font-size:14px;
  line-height:1.25;
  font-weight:600;
  letter-spacing:-.02em;
}
.bk-page[data-bk-view="cabang"] .bk-premium-table td small{
  margin-top:4px;
  line-height:1.25;
}
.bk-page[data-bk-view="cabang"] .bk-address{
  min-width:0;
  max-width:100%;
}
.bk-page[data-bk-view="cabang"] .bk-address svg{flex:0 0 16px;width:16px;height:16px}
.bk-page[data-bk-view="cabang"] .bk-address span,
.bk-page[data-bk-view="cabang"] .bk-address{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.bk-page[data-bk-view="cabang"] .bk-pill,
.bk-page[data-bk-view="cabang"] .bk-status-dot{
  min-height:28px;
  padding:0 10px;
  font-size:12px;
  font-weight:600;
}
.bk-page[data-bk-view="cabang"] .bk-row-actions{
  justify-content:flex-end;
  gap:6px;
}
.bk-page[data-bk-view="cabang"] .bk-row-actions button{
  height:32px;
  padding:0 11px;
  font-size:12px;
  font-weight:600;
}
@media (max-width:1180px){
  .bk-page[data-bk-view="cabang"] .bk-premium-table{min-width:980px;table-layout:fixed}
}


/* BOSKOS v4.3.0 - Kamar Kos module */
.bk-page[data-bk-view="kamar"] .bk-module-card{border-radius:20px;box-shadow:0 6px 18px rgba(15,23,42,.045)}
.bk-room-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:0 0 18px}
.bk-room-summary article{background:#fff;border:1px solid var(--bk-line);border-radius:18px;padding:17px 18px;box-shadow:0 6px 18px rgba(15,23,42,.035)}
.bk-room-summary span{display:block;color:#64748b;font-size:12.5px;font-weight:600;margin-bottom:8px}.bk-room-summary b{display:block;font-size:25px;line-height:1;font-weight:700;letter-spacing:-.045em;color:#0f172a}.bk-room-summary small{display:block;margin-top:8px;color:#94a3b8;font-size:12px;font-weight:500}
.bk-room-tools select,.bk-drawer-body select{height:42px;border:1px solid #dbe5ee;background:#fff;border-radius:13px;padding:0 12px;color:#334155;outline:none;font-size:14px;font-weight:500}
.bk-room-table{min-width:1040px;table-layout:fixed}.bk-room-table th,.bk-room-table td{padding:16px 14px}.bk-room-table th{font-size:11.5px;letter-spacing:.045em;white-space:nowrap}.bk-room-table th:nth-child(1),.bk-room-table td:nth-child(1){width:190px}.bk-room-table th:nth-child(2),.bk-room-table td:nth-child(2){width:112px}.bk-room-table th:nth-child(3),.bk-room-table td:nth-child(3){width:88px}.bk-room-table th:nth-child(4),.bk-room-table td:nth-child(4){width:145px}.bk-room-table th:nth-child(5),.bk-room-table td:nth-child(5){width:160px}.bk-room-table th:nth-child(6),.bk-room-table td:nth-child(6){width:125px}.bk-room-table th:nth-child(7),.bk-room-table td:nth-child(7){width:150px}
.bk-room-code{display:inline-flex;align-items:center;color:#8b7cf6;font-weight:700;font-size:15.5px;letter-spacing:-.02em}.bk-floor-mini{display:inline-flex;align-items:center;gap:7px;color:#475569;font-weight:600}.bk-floor-mini svg{width:16px;height:16px;color:#a78bfa}.bk-price{font-size:14px;font-weight:700;color:#0f172a;white-space:nowrap}.bk-utility-stack{display:flex;flex-direction:column;align-items:flex-start;gap:6px}.bk-pill-neutral{background:#f8fafc;color:#475569}
.bk-status-dot.empty{background:#f1f5f9;color:#475569}.bk-status-dot.empty:before{background:#94a3b8}.bk-status-dot.due{background:#fff1f2;color:#be123c}.bk-status-dot.due:before{background:#f43f5e}
.bk-action-disabled,.bk-action-warning,.bk-action-primary{height:34px;border-radius:999px;padding:0 12px;border:1px solid #dbe5ee;background:#fff;color:#64748b;font-size:12.5px;font-weight:650;white-space:nowrap}.bk-action-disabled{background:#fafafa;color:#94a3b8}.bk-action-warning{border-color:#facc15;color:#a16207;background:#fffbeb}.bk-action-primary{border-color:#99f6e4;color:#0f766e;background:#f0fdfa}
.bk-drawer{display:none}.bk-drawer.bk-drawer-active{display:flex}.bk-drawer-body select{width:100%}
@media(max-width:1180px){.bk-room-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.bk-room-table{min-width:1040px}}
@media(max-width:640px){.bk-room-summary{grid-template-columns:1fr}.bk-room-tools{flex-direction:column;align-items:stretch}.bk-room-tools select{width:100%}}

/* BOSKOS v4.3.1 - Kamar table consistency fix */
.bk-page[data-bk-view="kamar"] .bk-module-card{
  overflow:hidden;
}
.bk-page[data-bk-view="kamar"] .bk-module-head{
  padding:20px 22px;
}
.bk-page[data-bk-view="kamar"] .bk-table-wrap{
  padding:0 12px 12px;
  overflow-x:hidden;
}
.bk-page[data-bk-view="kamar"] .bk-room-table{
  width:100%;
  min-width:0;
  table-layout:fixed;
  border-collapse:separate;
  border-spacing:0;
}
.bk-page[data-bk-view="kamar"] .bk-room-table th,
.bk-page[data-bk-view="kamar"] .bk-room-table td{
  padding:14px 12px;
  vertical-align:middle;
}
.bk-page[data-bk-view="kamar"] .bk-room-table th{
  font-size:11.5px;
  font-weight:700;
  letter-spacing:.045em;
  white-space:nowrap;
}
.bk-page[data-bk-view="kamar"] .bk-room-table td{
  font-size:13.5px;
  line-height:1.35;
}
.bk-page[data-bk-view="kamar"] .bk-room-table th:nth-child(1),
.bk-page[data-bk-view="kamar"] .bk-room-table td:nth-child(1){width:21%}
.bk-page[data-bk-view="kamar"] .bk-room-table th:nth-child(2),
.bk-page[data-bk-view="kamar"] .bk-room-table td:nth-child(2){width:10%}
.bk-page[data-bk-view="kamar"] .bk-room-table th:nth-child(3),
.bk-page[data-bk-view="kamar"] .bk-room-table td:nth-child(3){width:8%}
.bk-page[data-bk-view="kamar"] .bk-room-table th:nth-child(4),
.bk-page[data-bk-view="kamar"] .bk-room-table td:nth-child(4){width:14%}
.bk-page[data-bk-view="kamar"] .bk-room-table th:nth-child(5),
.bk-page[data-bk-view="kamar"] .bk-room-table td:nth-child(5){width:17%}
.bk-page[data-bk-view="kamar"] .bk-room-table th:nth-child(6),
.bk-page[data-bk-view="kamar"] .bk-room-table td:nth-child(6){width:13%}
.bk-page[data-bk-view="kamar"] .bk-room-table th:nth-child(7),
.bk-page[data-bk-view="kamar"] .bk-room-table td:nth-child(7){width:17%; text-align:right}
.bk-page[data-bk-view="kamar"] .bk-room-table td b{
  font-size:14px;
  font-weight:600;
  line-height:1.25;
  letter-spacing:-.02em;
}
.bk-page[data-bk-view="kamar"] .bk-room-table td small{
  margin-top:4px;
  font-size:12px;
  line-height:1.25;
}
.bk-page[data-bk-view="kamar"] .bk-room-code{
  font-size:15px;
}
.bk-page[data-bk-view="kamar"] .bk-price{
  font-size:13.5px;
}
.bk-page[data-bk-view="kamar"] .bk-utility-stack{
  display:flex;
  flex-direction:row;
  align-items:center;
  gap:6px;
  flex-wrap:wrap;
}
.bk-page[data-bk-view="kamar"] .bk-pill,
.bk-page[data-bk-view="kamar"] .bk-status-dot{
  min-height:26px;
  padding:0 9px;
  font-size:11.5px;
  font-weight:600;
}
.bk-page[data-bk-view="kamar"] .bk-status-dot:before{
  width:6px;
  height:6px;
}
.bk-page[data-bk-view="kamar"] .bk-action-disabled,
.bk-page[data-bk-view="kamar"] .bk-action-warning,
.bk-page[data-bk-view="kamar"] .bk-action-primary{
  height:32px;
  max-width:132px;
  padding:0 10px;
  font-size:12px;
  font-weight:600;
  overflow:hidden;
  text-overflow:ellipsis;
}
.bk-page[data-bk-view="kamar"] .bk-room-table tbody tr:hover{
  background:#fbfefd;
}
@media (max-width:1180px){
  .bk-page[data-bk-view="kamar"] .bk-table-wrap{overflow-x:auto}
  .bk-page[data-bk-view="kamar"] .bk-room-table{min-width:940px}
}


/* BOSKOS v4.4.0 - Penghuni Aktif module */
.bk-page[data-bk-view="penghuni"] .bk-module-card{border-radius:20px;box-shadow:0 6px 18px rgba(15,23,42,.045);overflow:hidden}
.bk-tenant-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:0 0 18px}
.bk-tenant-summary article{background:#fff;border:1px solid var(--bk-line);border-radius:18px;padding:17px 18px;box-shadow:0 6px 18px rgba(15,23,42,.035)}
.bk-tenant-summary span{display:block;color:#64748b;font-size:12.5px;font-weight:600;margin-bottom:8px}
.bk-tenant-summary b{display:block;font-size:24px;line-height:1;font-weight:700;letter-spacing:-.045em;color:#0f172a}
.bk-tenant-summary small{display:block;margin-top:8px;color:#94a3b8;font-size:12px;font-weight:500}
.bk-tenant-tools select{height:42px;border:1px solid #dbe5ee;background:#fff;border-radius:13px;padding:0 12px;color:#334155;outline:none;font-size:14px;font-weight:500}
.bk-page[data-bk-view="penghuni"] .bk-module-head{padding:20px 22px}
.bk-page[data-bk-view="penghuni"] .bk-table-wrap{padding:0 12px 12px;overflow-x:hidden}
.bk-tenant-table{width:100%;min-width:0;table-layout:fixed;border-collapse:separate;border-spacing:0}
.bk-tenant-table th,.bk-tenant-table td{padding:14px 12px;vertical-align:middle}
.bk-tenant-table th{font-size:11.5px;font-weight:700;letter-spacing:.045em;white-space:nowrap}
.bk-tenant-table td{font-size:13.5px;line-height:1.35;color:#334155}
.bk-tenant-table th:nth-child(1),.bk-tenant-table td:nth-child(1){width:19%}
.bk-tenant-table th:nth-child(2),.bk-tenant-table td:nth-child(2){width:15%}
.bk-tenant-table th:nth-child(3),.bk-tenant-table td:nth-child(3){width:15%}
.bk-tenant-table th:nth-child(4),.bk-tenant-table td:nth-child(4){width:15%}
.bk-tenant-table th:nth-child(5),.bk-tenant-table td:nth-child(5){width:12%}
.bk-tenant-table th:nth-child(6),.bk-tenant-table td:nth-child(6){width:13%}
.bk-tenant-table th:nth-child(7),.bk-tenant-table td:nth-child(7){width:11%;text-align:right}
.bk-tenant-table td b{font-size:14px;font-weight:600;line-height:1.25;letter-spacing:-.02em}
.bk-tenant-table td small{margin-top:4px;font-size:12px;line-height:1.25;color:#64748b}
.bk-whatsapp{display:inline-grid;place-items:center;width:18px;height:18px;margin-right:7px;border-radius:50%;background:#ecfdf5;color:#10b981;font-size:11px;font-weight:700;vertical-align:middle}
.bk-muted-text{color:#94a3b8}.bk-date-text{font-weight:500;color:#475569}.bk-price-green{color:#047857!important}
.bk-action-danger{height:32px;border-radius:999px;padding:0 10px;border:1px solid #fecaca;background:#fff7f7;color:#dc2626;font-size:12px;font-weight:600;white-space:nowrap;max-width:126px;overflow:hidden;text-overflow:ellipsis;transition:.18s}
.bk-action-danger:hover{background:#fef2f2;border-color:#fca5a5;transform:translateY(-1px)}
.bk-tenant-table tbody tr:hover{background:#fbfefd}
@media(max-width:1180px){.bk-tenant-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.bk-page[data-bk-view="penghuni"] .bk-table-wrap{overflow-x:auto}.bk-tenant-table{min-width:980px}}
@media(max-width:640px){.bk-tenant-summary{grid-template-columns:1fr}.bk-tenant-tools{flex-direction:column;align-items:stretch}.bk-tenant-tools select{width:100%}}


/* BOSKOS v4.5.0 - Tagihan & Bayar module */
.bk-page[data-bk-view="tagihan"] .bk-module-card{border-radius:20px;box-shadow:0 6px 18px rgba(15,23,42,.045);overflow:hidden}
.bk-bill-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:0 0 18px}
.bk-bill-summary article{background:#fff;border:1px solid var(--bk-line);border-radius:18px;padding:17px 18px;box-shadow:0 6px 18px rgba(15,23,42,.035)}
.bk-bill-summary span{display:block;color:#64748b;font-size:12.5px;font-weight:600;margin-bottom:8px}
.bk-bill-summary b{display:block;font-size:24px;line-height:1;font-weight:700;letter-spacing:-.045em;color:#0f172a}
.bk-bill-summary small{display:block;margin-top:8px;color:#94a3b8;font-size:12px;font-weight:500}
.bk-bill-tools select{height:42px;border:1px solid #dbe5ee;background:#fff;border-radius:13px;padding:0 12px;color:#334155;outline:none;font-size:14px;font-weight:500}
.bk-page[data-bk-view="tagihan"] .bk-module-head{padding:20px 22px}
.bk-page[data-bk-view="tagihan"] .bk-table-wrap{padding:0 12px 12px;overflow-x:hidden}
.bk-bill-table{width:100%;min-width:0;table-layout:fixed;border-collapse:separate;border-spacing:0}
.bk-bill-table th,.bk-bill-table td{padding:14px 12px;vertical-align:middle}
.bk-bill-table th{font-size:11.5px;font-weight:700;letter-spacing:.045em;white-space:nowrap}
.bk-bill-table td{font-size:13.5px;line-height:1.35;color:#334155}
.bk-bill-table th:nth-child(1),.bk-bill-table td:nth-child(1){width:17%}
.bk-bill-table th:nth-child(2),.bk-bill-table td:nth-child(2){width:17%}
.bk-bill-table th:nth-child(3),.bk-bill-table td:nth-child(3){width:13%}
.bk-bill-table th:nth-child(4),.bk-bill-table td:nth-child(4){width:15%}
.bk-bill-table th:nth-child(5),.bk-bill-table td:nth-child(5){width:12%}
.bk-bill-table th:nth-child(6),.bk-bill-table td:nth-child(6){width:13%}
.bk-bill-table th:nth-child(7),.bk-bill-table td:nth-child(7){width:13%;text-align:right}
.bk-bill-table td b{font-size:14px;font-weight:600;line-height:1.25;letter-spacing:-.02em}
.bk-bill-table td small{display:block;margin-top:4px;font-size:12px;line-height:1.25;color:#64748b}
.bk-price-purple{color:#8b7cf6!important}
.bk-action-receipt{height:32px;border-radius:999px;padding:0 11px;border:1px solid #bfdbfe;background:#eff6ff;color:#1d4ed8;font-size:12px;font-weight:600;white-space:nowrap;max-width:116px;overflow:hidden;text-overflow:ellipsis;transition:.18s}
.bk-action-receipt:hover{background:#dbeafe;border-color:#93c5fd;transform:translateY(-1px)}
.bk-bill-table tbody tr:hover{background:#fbfefd}
@media(max-width:1180px){.bk-bill-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.bk-page[data-bk-view="tagihan"] .bk-table-wrap{overflow-x:auto}.bk-bill-table{min-width:980px}}
@media(max-width:640px){.bk-bill-summary{grid-template-columns:1fr}.bk-bill-tools{flex-direction:column;align-items:stretch}.bk-bill-tools select{width:100%}}


/* BOSKOS v4.6.0 - Pengeluaran Operasional */
.bk-page[data-bk-view="pengeluaran"] .bk-module-card{
  border-radius:20px;
  box-shadow:0 6px 18px rgba(15,23,42,.045);
  overflow:hidden;
}
.bk-expense-summary{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
  margin:0 0 18px;
}
.bk-expense-summary article{
  background:#fff;
  border:1px solid var(--bk-line);
  border-radius:18px;
  padding:16px 18px;
  box-shadow:0 6px 18px rgba(15,23,42,.035);
}
.bk-expense-summary span{
  display:block;
  color:#64748b;
  font-size:12.5px;
  font-weight:600;
  margin-bottom:7px;
}
.bk-expense-summary b{
  display:block;
  color:#0f172a;
  font-size:22px;
  line-height:1.1;
  font-weight:700;
  letter-spacing:-.04em;
}
.bk-expense-summary small{
  display:block;
  margin-top:7px;
  color:#94a3b8;
  font-size:12px;
  font-weight:500;
}
.bk-expense-tools select{
  height:42px;
  border:1px solid #dbe5ee;
  background:#fff;
  border-radius:13px;
  padding:0 12px;
  color:#334155;
  outline:none;
  font-size:14px;
  font-weight:500;
}
.bk-page[data-bk-view="pengeluaran"] .bk-module-head{
  padding:20px 22px;
}
.bk-page[data-bk-view="pengeluaran"] .bk-table-wrap{
  padding:0 12px 12px;
  overflow-x:hidden;
}
.bk-expense-table{
  width:100%;
  min-width:0;
  table-layout:fixed;
  border-collapse:separate;
  border-spacing:0;
}
.bk-expense-table th,
.bk-expense-table td{
  padding:15px 12px;
  vertical-align:middle;
}
.bk-expense-table th{
  font-size:11.5px;
  font-weight:700;
  letter-spacing:.045em;
  white-space:nowrap;
}
.bk-expense-table td{
  font-size:13.5px;
  line-height:1.35;
}
.bk-expense-table th:nth-child(1),
.bk-expense-table td:nth-child(1){width:12%}
.bk-expense-table th:nth-child(2),
.bk-expense-table td:nth-child(2){width:20%}
.bk-expense-table th:nth-child(3),
.bk-expense-table td:nth-child(3){width:14%}
.bk-expense-table th:nth-child(4),
.bk-expense-table td:nth-child(4){width:30%}
.bk-expense-table th:nth-child(5),
.bk-expense-table td:nth-child(5){width:12%;text-align:right}
.bk-expense-table th:nth-child(6),
.bk-expense-table td:nth-child(6){width:12%;text-align:right}
.bk-expense-table td b{
  font-size:14px;
  font-weight:600;
  line-height:1.25;
  letter-spacing:-.02em;
}
.bk-expense-table td small{
  margin-top:4px;
  font-size:12px;
  line-height:1.25;
}
.bk-desc-text{
  display:block;
  max-width:100%;
  color:#475569;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.bk-price-red{color:#b91c1c!important}
.bk-pill-repair{background:#fff7ed;color:#9a3412}
.bk-pill-clean{background:#ecfdf5;color:#047857}
.bk-pill-security{background:#f5f3ff;color:#6d28d9}
.bk-row-actions-right{justify-content:flex-end}
.bk-page[data-bk-view="pengeluaran"] .bk-row-actions button{
  height:32px;
  padding:0 11px;
  font-size:12px;
  font-weight:600;
}
@media(max-width:1180px){
  .bk-expense-table{min-width:980px;table-layout:fixed}
  .bk-page[data-bk-view="pengeluaran"] .bk-table-wrap{overflow-x:auto}
}
@media(max-width:760px){
  .bk-expense-summary{grid-template-columns:1fr}
  .bk-expense-tools{flex-direction:column;align-items:stretch}
  .bk-expense-tools select{width:100%}
}


/* v4.7 Log Keluhan */
.bk-complaint-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:0 0 18px}
.bk-complaint-summary article{background:#fff;border:1px solid var(--bk-line);border-radius:18px;padding:16px 18px;box-shadow:0 6px 18px rgba(15,23,42,.035)}
.bk-complaint-summary span{display:block;color:#64748b;font-size:12.5px;font-weight:600;margin-bottom:5px}
.bk-complaint-summary b{display:block;color:#0f172a;font-size:24px;font-weight:700;letter-spacing:-.04em;line-height:1.05}
.bk-complaint-summary small{display:block;color:#94a3b8;font-size:12px;margin-top:5px}
.bk-complaint-tools select,.bk-status-select{height:42px;border:1px solid #dbe5ee;background:#fff;border-radius:13px;padding:0 12px;color:#334155;outline:none;font-size:14px;font-weight:500}
.bk-complaint-table{table-layout:fixed;min-width:980px}
.bk-complaint-table th,.bk-complaint-table td{padding-left:18px;padding-right:18px}
.bk-complaint-table th:nth-child(1),.bk-complaint-table td:nth-child(1){width:170px}
.bk-complaint-table th:nth-child(2),.bk-complaint-table td:nth-child(2){width:auto;min-width:320px}
.bk-complaint-table th:nth-child(3),.bk-complaint-table td:nth-child(3){width:160px}
.bk-complaint-table th:nth-child(4),.bk-complaint-table td:nth-child(4){width:165px}
.bk-complaint-table th:nth-child(5),.bk-complaint-table td:nth-child(5){width:150px}
.bk-status-dot.process{background:#fffbeb;color:#b45309}
.bk-status-dot.process:before{background:#f59e0b}
.bk-status-select{width:128px;height:34px;border-radius:999px;font-size:12.5px;font-weight:650;background:#fff}
@media(max-width:860px){.bk-complaint-summary{grid-template-columns:1fr}.bk-complaint-tools{flex-direction:column;align-items:stretch}.bk-complaint-tools select{width:100%}}

/* BOSKOS v4.8 - Keuangan & Laporan */
.bk-report-filter{display:flex;align-items:end;gap:12px;flex-wrap:wrap;margin:0 0 18px;background:#fff;border:1px solid var(--bk-line);border-radius:18px;padding:16px 18px;box-shadow:0 6px 18px rgba(15,23,42,.035)}
.bk-report-filter label{display:flex;flex-direction:column;gap:6px;min-width:190px;color:#64748b;font-size:12px;font-weight:600}
.bk-report-filter input,.bk-report-filter select{height:42px;border:1px solid #dbe5ee;background:#fff;border-radius:13px;padding:0 12px;color:#0f172a;font-size:14px;font-weight:500;outline:0}
.bk-report-filter button,.bk-secondary-action{height:42px;border:1px solid var(--bk-primary);background:var(--bk-primary);color:#fff;border-radius:13px;padding:0 16px;font-size:13px;font-weight:650;transition:.2s}
.bk-secondary-action{background:#fff;color:#0f766e;border-color:#99f6e4}.bk-secondary-action.danger{color:#b91c1c;border-color:#fecaca;background:#fff}.bk-report-actions button:first-child{background:#fff;color:#0f766e;border-color:#99f6e4}.bk-report-actions button.danger{color:#b91c1c;border-color:#fecaca;background:#fff}
.bk-report-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:0 0 18px}.bk-report-summary article{background:#fff;border:1px solid var(--bk-line);border-radius:18px;padding:18px 20px;box-shadow:0 6px 18px rgba(15,23,42,.035);position:relative;overflow:hidden}.bk-report-summary article:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:#14b8a6}.bk-report-summary article.expense:before{background:#ef4444}.bk-report-summary article.profit:before{background:#8b5cf6}.bk-report-summary article.occupancy:before{background:#f59e0b}.bk-report-summary span{display:block;color:#64748b;font-size:12.5px;font-weight:650;text-transform:uppercase;letter-spacing:.045em;margin-bottom:9px}.bk-report-summary b{display:block;color:#0f172a;font-size:25px;line-height:1.05;font-weight:700;letter-spacing:-.045em}.bk-report-summary small{display:block;margin-top:8px;color:#64748b;font-size:12.5px;font-weight:500}.bk-report-summary .income b,.bk-price-green{color:#047857}.bk-report-summary .expense b,.bk-price-red{color:#b91c1c}.bk-report-summary .profit b{color:#7c3aed}
.bk-report-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.bk-report-card{border-radius:20px;box-shadow:0 6px 18px rgba(15,23,42,.04)}.bk-report-card .bk-module-head{padding:18px 20px}.bk-report-table{min-width:620px}.bk-report-table th,.bk-report-table td{padding:15px 18px}.bk-report-table th:last-child,.bk-report-table td:last-child{text-align:right}.bk-report-bottom{display:grid;grid-template-columns:1.15fr .85fr;gap:16px;margin-top:16px}.bk-report-note{padding:20px}.bk-report-note h3{margin:0 0 14px;font-size:17px;letter-spacing:-.035em}.bk-report-note p{margin:0;color:#64748b;line-height:1.7;font-size:14px}.bk-report-note-list{display:grid;gap:12px}.bk-report-note-list div{display:flex;justify-content:space-between;gap:14px;border-bottom:1px solid var(--bk-line);padding-bottom:12px}.bk-report-note-list div:last-child{border-bottom:0;padding-bottom:0}.bk-report-note-list span{color:#64748b;font-size:13.5px}.bk-report-note-list b{color:#0f172a;font-size:14px}.bk-report-note-list .positive{color:#047857}
@media(max-width:1180px){.bk-report-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.bk-report-grid,.bk-report-bottom{grid-template-columns:1fr}}
@media(max-width:640px){.bk-report-summary{grid-template-columns:1fr}.bk-report-filter{align-items:stretch}.bk-report-filter label,.bk-report-filter button{width:100%}.bk-report-actions{width:100%}.bk-report-actions button{flex:1}}

/* BOSKOS v4.8.2 - Cabang popup smooth + BOSKOS primary color */
.bk-actions .bk-open-drawer[data-bk-drawer="branch"]{
  background:linear-gradient(135deg,var(--bk-primary),var(--bk-primary-dark));
  color:#fff;
  border:0;
  box-shadow:0 8px 20px rgba(20,184,166,.18);
  transition:transform .2s ease, box-shadow .2s ease, filter .2s ease;
}
.bk-actions .bk-open-drawer[data-bk-drawer="branch"]:hover{
  transform:translateY(-1px);
  box-shadow:0 12px 26px rgba(20,184,166,.24);
  filter:saturate(1.04);
}
body.bk-drawer-open{overflow:hidden;}
.bk-drawer-backdrop{
  background:rgba(15,23,42,.42)!important;
  backdrop-filter:blur(5px)!important;
  -webkit-backdrop-filter:blur(5px)!important;
}
.bk-drawer-open .bk-drawer-backdrop{opacity:1!important;pointer-events:auto!important;}
.bk-modal-panel[data-bk-drawer-panel="branch"]{
  display:none;
  position:fixed!important;
  left:50%!important;
  top:50%!important;
  right:auto!important;
  width:min(500px,calc(100vw - 34px))!important;
  max-height:calc(100vh - 52px)!important;
  height:auto!important;
  z-index:95!important;
  background:#fff!important;
  border-radius:24px!important;
  overflow:hidden!important;
  box-shadow:0 24px 70px rgba(15,23,42,.24)!important;
  transform:translate(-50%,-46%) scale(.96)!important;
  opacity:0!important;
  transition:transform .24s cubic-bezier(.22,1,.36,1), opacity .2s ease!important;
}
.bk-drawer-open .bk-modal-panel[data-bk-drawer-panel="branch"].bk-drawer-active{
  display:block!important;
  opacity:1!important;
  transform:translate(-50%,-50%) scale(1)!important;
}
.bk-modal-head{
  min-height:74px;
  padding:18px 24px;
  background:linear-gradient(135deg,#2f354f,#3d435f);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
}
.bk-modal-title{display:flex;align-items:center;gap:14px;min-width:0;}
.bk-modal-title h3{margin:0;color:#fff;font-size:19px;font-weight:700;letter-spacing:-.025em;line-height:1.2;}
.bk-modal-icon{
  width:38px;height:38px;border-radius:12px;
  display:inline-grid;place-items:center;flex:0 0 auto;
  background:linear-gradient(135deg,#e7f8f6,#fff);
  color:var(--bk-primary);
  box-shadow:0 10px 24px rgba(0,0,0,.12);
}
.bk-modal-icon svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;}
.bk-modal-close{
  width:36px;height:36px;border:0;border-radius:10px;
  display:grid;place-items:center;
  background:rgba(255,255,255,.14);
  color:#fff;font-size:24px;line-height:1;cursor:pointer;
  transition:background .18s ease, transform .18s ease;
}
.bk-modal-close:hover{background:rgba(255,255,255,.22);transform:rotate(3deg);}
.bk-modal-body{display:flex;flex-direction:column;gap:16px;padding:24px 24px 0;max-height:calc(100vh - 128px);overflow:auto;}
.bk-field{display:flex;flex-direction:column;gap:8px;margin:0;color:#2f3747;font-size:13px;font-weight:650;line-height:1.35;}
.bk-field input,.bk-field textarea{
  width:100%;box-sizing:border-box;border:1px solid #eadfd5;background:#fff;border-radius:14px;
  color:#334155;font-size:14px;font-weight:400;outline:0;transition:border-color .18s ease,box-shadow .18s ease;
}
.bk-field input{height:44px;padding:0 14px;}
.bk-field textarea{min-height:86px;padding:13px 14px;resize:vertical;}
.bk-field input::placeholder,.bk-field textarea::placeholder{color:#8b8f98;}
.bk-field input:focus,.bk-field textarea:focus{border-color:#90dcd4;box-shadow:0 0 0 4px rgba(20,184,166,.10);}
.bk-utility-grid{grid-template-columns:1fr 1fr;gap:16px;margin-top:2px;}
.bk-field-label{font-weight:750;}
.bk-field-label.electric{color:#9a480a;}.bk-field-label.water{color:#174ea6;}
.bk-input-prefix{display:flex;align-items:center;border:1px solid #eadfd5;border-radius:14px;overflow:hidden;background:#fff;transition:border-color .18s ease,box-shadow .18s ease;}
.bk-input-prefix:focus-within{border-color:#90dcd4;box-shadow:0 0 0 4px rgba(20,184,166,.10);}
.bk-input-prefix em{height:44px;min-width:48px;display:grid;place-items:center;font-style:normal;font-size:13px;font-weight:650;color:#64748b;background:#fff8f0;border-right:1px solid #eadfd5;}
.bk-input-prefix input{border:0!important;box-shadow:none!important;border-radius:0!important;padding:0 13px!important;}
.bk-modal-note{
  display:flex;align-items:flex-start;gap:10px;
  padding:14px 16px;
  background:#f3fffd;
  border-left:4px solid var(--bk-primary);
  border-radius:0 12px 12px 0;
  color:#64748b;font-size:13.5px;line-height:1.55;font-weight:400;
}
.bk-modal-note span{width:16px;height:16px;border-radius:50%;display:inline-grid;place-items:center;flex:0 0 auto;margin-top:2px;background:var(--bk-primary);color:#fff;font-size:11px;font-weight:800;font-family:Arial,sans-serif;}
.bk-modal-note b{color:#334155;font-weight:750;}
.bk-modal-actions{
  margin:6px -24px 0;
  padding:18px 24px;
  background:#fbfefd;
  border-top:1px solid #e0f2f1;
  display:flex;
  justify-content:flex-end;
  gap:12px;
  position:sticky;
  bottom:0;
}
.bk-modal-actions button{height:42px;border-radius:18px;padding:0 18px;font-weight:700;border:1px solid transparent;cursor:pointer;transition:transform .18s ease, box-shadow .18s ease, background .18s ease;}
.bk-modal-actions .secondary{background:#fff;border-color:#e4dcd4;color:#64748b;box-shadow:0 3px 12px rgba(15,23,42,.04);}
.bk-modal-actions .primary{background:linear-gradient(135deg,var(--bk-primary),var(--bk-primary-dark));color:#fff;box-shadow:0 8px 20px rgba(20,184,166,.18);}
.bk-modal-actions button:hover{transform:translateY(-1px);}
@media (max-width:640px){
  .bk-modal-panel[data-bk-drawer-panel="branch"]{width:calc(100vw - 20px)!important;border-radius:20px!important;}
  .bk-modal-head{padding:16px 18px}.bk-modal-body{padding:20px 18px 0}.bk-modal-actions{margin-left:-18px;margin-right:-18px;padding:16px 18px;}
  .bk-utility-grid{grid-template-columns:1fr;}
}


/* BOSKOS v4.8.2 consistency override */
.bk-actions .bk-open-drawer,
.bk-actions .bk-open-drawer[data-bk-drawer="branch"],
.bk-modal-actions .primary,
.bk-drawer-actions button:not(.secondary),
.bk-report-filter button{
  background:linear-gradient(135deg,var(--bk-primary),var(--bk-primary-dark))!important;
  border-color:var(--bk-primary)!important;
  color:#fff!important;
  box-shadow:0 8px 20px rgba(20,184,166,.16)!important;
}
.bk-actions .bk-open-drawer:hover,
.bk-actions .bk-open-drawer[data-bk-drawer="branch"]:hover,
.bk-modal-actions .primary:hover,
.bk-drawer-actions button:not(.secondary):hover,
.bk-report-filter button:hover{
  box-shadow:0 12px 24px rgba(20,184,166,.22)!important;
  filter:saturate(1.02);
}
.bk-modal-icon{
  background:linear-gradient(135deg,#dff8f4,#ffffff)!important;
  color:var(--bk-primary)!important;
}
.bk-modal-note{
  background:#f3fffd!important;
  border-left-color:var(--bk-primary)!important;
}
.bk-modal-note span{background:var(--bk-primary)!important;}
.bk-modal-actions{background:#fbfefd!important;border-top-color:#dff8f4!important;}


/* BOSKOS v4.8.3 - Tambah Kamar modal smooth */
.bk-modal-panel[data-bk-drawer-panel="room"]{
  left:50%!important;right:auto!important;top:50%!important;
  width:min(800px,calc(100vw - 36px))!important;
  height:auto!important;max-height:calc(100vh - 56px)!important;
  border-radius:22px!important;overflow:hidden!important;
  transform:translate(-50%,-48%) scale(.96)!important;
  opacity:0!important;pointer-events:none!important;
  box-shadow:0 24px 70px rgba(15,23,42,.22)!important;
  transition:opacity .2s ease,transform .24s cubic-bezier(.2,.8,.2,1)!important;
  display:flex!important;flex-direction:column!important;
}
.bk-drawer-open .bk-modal-panel[data-bk-drawer-panel="room"].bk-drawer-active{
  opacity:1!important;pointer-events:auto!important;
  transform:translate(-50%,-50%) scale(1)!important;
}
.bk-room-modal .bk-modal-head{min-height:72px;padding:18px 24px;background:#343a56;}
.bk-room-modal .bk-modal-body{padding:24px 24px 0;gap:16px;max-height:calc(100vh - 128px);overflow:auto;}
.bk-room-modal-body select,
.bk-room-modal-body input,
.bk-room-modal-body textarea{
  width:100%;height:44px;border:1px solid #eadfd5;background:#fff;border-radius:13px;
  padding:0 14px;color:#334155;font-size:14px;font-weight:400;outline:0;
  transition:border-color .18s ease,box-shadow .18s ease;
}
.bk-room-modal-body select:focus,
.bk-room-modal-body input:focus,
.bk-room-modal-body textarea:focus{border-color:#90dcd4;box-shadow:0 0 0 4px rgba(20,184,166,.10)}
.bk-room-main-grid{grid-template-columns:2fr .95fr .85fr;gap:16px;}
.bk-room-two-grid{grid-template-columns:1fr 1fr;gap:16px;}
.bk-form-divider{height:1px;background:#f0e8df;margin:2px 0 4px;}
.bk-form-section-title{display:flex;align-items:center;gap:9px;color:#64748b;font-size:12px;font-weight:750;text-transform:uppercase;letter-spacing:.055em;margin-top:2px;}
.bk-form-section-title svg{width:15px;height:15px;color:#64748b;}
.bk-utility-select-grid{row-gap:10px;}
.bk-field-muted{margin-top:-6px;}
.bk-field-muted input::placeholder{color:#7c828d;}
.bk-room-modal .bk-modal-actions{background:#fbfefd;border-top-color:#e0f2f1;margin-top:8px;}
.bk-room-modal .bk-modal-actions .primary{background:linear-gradient(135deg,var(--bk-primary),var(--bk-primary-dark))!important;box-shadow:0 8px 20px rgba(20,184,166,.18)!important;}
@media (max-width:760px){
  .bk-room-main-grid,.bk-room-two-grid{grid-template-columns:1fr;}
  .bk-modal-panel[data-bk-drawer-panel="room"]{width:calc(100vw - 20px)!important;border-radius:20px!important;}
  .bk-room-modal .bk-modal-head{padding:16px 18px;}
  .bk-room-modal .bk-modal-body{padding:20px 18px 0;}
}

/* BOSKOS v4.8.4 - Proses Check-In Baru smooth modal */
.bk-actions .bk-open-drawer[data-bk-drawer="tenant"]{
  background:linear-gradient(135deg,var(--bk-primary),var(--bk-primary-dark))!important;
  color:#fff!important;
  border:0!important;
  box-shadow:0 8px 20px rgba(20,184,166,.16)!important;
}
.bk-modal-panel[data-bk-drawer-panel="tenant"]{
  left:50%!important;
  right:auto!important;
  top:50%!important;
  width:min(800px,calc(100vw - 36px))!important;
  height:auto!important;
  max-height:calc(100vh - 56px)!important;
  border-radius:22px!important;
  overflow:hidden!important;
  transform:translate(-50%,-48%) scale(.96)!important;
  opacity:0!important;
  pointer-events:none!important;
  box-shadow:0 24px 70px rgba(15,23,42,.22)!important;
  transition:opacity .2s ease,transform .24s cubic-bezier(.2,.8,.2,1)!important;
  display:flex!important;
  flex-direction:column!important;
  background:#fff!important;
}
.bk-drawer-open .bk-modal-panel[data-bk-drawer-panel="tenant"].bk-drawer-active{
  opacity:1!important;
  pointer-events:auto!important;
  transform:translate(-50%,-50%) scale(1)!important;
}
.bk-tenant-modal .bk-modal-head{
  min-height:72px;
  padding:18px 24px;
  background:#343a56;
}
.bk-tenant-modal .bk-modal-body{
  padding:24px 24px 0;
  gap:16px;
  max-height:calc(100vh - 128px);
  overflow:auto;
}
.bk-tenant-modal-body select,
.bk-tenant-modal-body input,
.bk-tenant-modal-body textarea{
  width:100%;
  height:44px;
  border:1px solid #eadfd5;
  background:#fff;
  border-radius:13px;
  padding:0 14px;
  color:#334155;
  font-size:14px;
  font-weight:400;
  outline:0;
  transition:border-color .18s ease,box-shadow .18s ease;
}
.bk-tenant-modal-body select:focus,
.bk-tenant-modal-body input:focus,
.bk-tenant-modal-body textarea:focus{
  border-color:#90dcd4;
  box-shadow:0 0 0 4px rgba(20,184,166,.10);
}
.bk-tenant-modal .bk-field small{
  display:block;
  margin-top:7px;
  color:#7b8494;
  font-size:12.5px;
  font-weight:400;
}
.bk-tenant-modal .bk-field span em{
  color:#64748b;
  font-style:normal;
  font-weight:400;
}
.bk-tenant-top-grid,
.bk-tenant-two-grid{
  grid-template-columns:1fr 1fr;
  gap:16px;
}
.bk-tenant-two-grid .bk-field:last-child{max-width:calc(50% - 8px);}
.bk-tenant-modal .bk-modal-actions{
  background:#fbfefd;
  border-top-color:#e0f2f1;
  margin-top:10px;
}
.bk-tenant-modal .bk-modal-actions .primary{
  background:linear-gradient(135deg,var(--bk-primary),var(--bk-primary-dark))!important;
  box-shadow:0 8px 20px rgba(20,184,166,.18)!important;
}
@media (max-width:760px){
  .bk-tenant-top-grid,.bk-tenant-two-grid{grid-template-columns:1fr;}
  .bk-tenant-two-grid .bk-field:last-child{max-width:none;}
  .bk-modal-panel[data-bk-drawer-panel="tenant"]{width:calc(100vw - 20px)!important;border-radius:20px!important;}
  .bk-tenant-modal .bk-modal-head{padding:16px 18px;}
  .bk-tenant-modal .bk-modal-body{padding:20px 18px 0;}
}

/* BOSKOS v4.8.5 - Custom login + cleaner header */
.bk-menu-btn{display:none!important}.bk-top-left{gap:0}.bk-topbar h1{font-weight:700}
.bk-login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;background:linear-gradient(135deg,#f8fffd 0%,#fff9f4 48%,#f7fbff 100%);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#0f172a;padding:32px}.bk-login-bg{position:absolute;border-radius:999px;filter:blur(40px);opacity:.22;pointer-events:none}.bk-login-bg-left{left:-90px;top:12%;width:360px;height:360px;background:#14b8a6}.bk-login-bg-right{right:-110px;bottom:-80px;width:430px;height:430px;background:#7dd3fc}.bk-login-card{width:min(380px,100%);background:#fff;border-radius:24px;overflow:hidden;border:1px solid rgba(226,232,240,.9);box-shadow:0 18px 50px rgba(15,23,42,.08);position:relative;z-index:1}.bk-login-hero{position:relative;overflow:hidden;background:linear-gradient(135deg,#283044 0%,#38405d 100%);padding:34px 36px 28px;color:#fff}.bk-login-orb{position:absolute;right:-38px;top:-46px;width:176px;height:176px;border-radius:50%;background:rgba(255,255,255,.07)}.bk-login-orb:after{content:"";position:absolute;left:-24px;bottom:-36px;width:120px;height:120px;border-radius:50%;background:rgba(255,255,255,.06)}.bk-login-logo{display:flex;align-items:center;gap:12px;margin-bottom:22px;position:relative;z-index:1}.bk-login-logo span{width:38px;height:38px;border-radius:14px;display:grid;place-items:center;background:rgba(20,184,166,.14);border:1px solid rgba(94,234,212,.28)}.bk-login-logo svg{width:22px;height:22px;fill:none;stroke:#5eead4;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.bk-login-logo strong{font-size:22px;letter-spacing:-.04em;font-weight:700}.bk-login-hero h1{margin:0 0 8px;font-size:18px;line-height:1.2;font-weight:700;letter-spacing:-.025em}.bk-login-hero p{margin:0;color:rgba(255,255,255,.68);font-size:13px;line-height:1.5}.bk-login-form{padding:28px 36px 32px}.bk-login-form label{display:block;font-size:13px;font-weight:600;color:#334155;margin:0 0 8px}.bk-login-field{height:44px;border:1px solid #e2e8f0;border-radius:13px;background:#fff;display:flex;align-items:center;gap:11px;padding:0 13px;margin-bottom:18px;transition:border-color .18s ease,box-shadow .18s ease}.bk-login-field:focus-within{border-color:rgba(20,184,166,.55);box-shadow:0 0 0 4px rgba(20,184,166,.10)}.bk-login-field svg{width:18px;height:18px;fill:none;stroke:#94a3b8;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;flex:0 0 auto}.bk-login-field input{width:100%;border:0!important;outline:0!important;box-shadow:none!important;background:transparent!important;color:#0f172a;font-size:14px;font-weight:400;padding:0!important;margin:0!important}.bk-login-field input::placeholder{color:#a8b4c5}.bk-pass-toggle{width:28px;height:28px;border:0;background:transparent;color:#64748b;display:grid;place-items:center;border-radius:8px;cursor:pointer;padding:0}.bk-pass-toggle:hover{background:#f1f5f9}.bk-login-submit{width:100%;height:50px;border:0;border-radius:16px;background:linear-gradient(135deg,#14b8a6,#0d9488);box-shadow:0 10px 24px rgba(20,184,166,.20);color:#fff;font-size:15px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:9px;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,filter .18s ease}.bk-login-submit:hover{transform:translateY(-1px);box-shadow:0 14px 30px rgba(20,184,166,.24);filter:saturate(1.03)}.bk-login-submit svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}.bk-login-foot{margin-top:24px;padding-top:20px;border-top:1px solid #edf2f7;text-align:center;color:#64748b;font-size:12px}.bk-login-foot span{color:#cbd5e1;margin:0 4px}.bk-login-foot strong{color:#14b8a6;font-weight:700}.bk-login-alert{border:1px solid #fecaca;background:#fff1f2;color:#b91c1c;border-radius:12px;padding:10px 12px;margin:0 0 16px;font-size:13px;font-weight:500}.boskos-login{display:none!important}
@media (max-width:520px){.bk-login-page{padding:18px}.bk-login-card{border-radius:22px}.bk-login-hero{padding:28px 26px 24px}.bk-login-form{padding:24px 26px 28px}}

/* BOSKOS v4.8.6 - Topbar notification + avatar dropdown */
.bk-userbar{position:relative;gap:12px}.bk-notif-wrap,.bk-profile-wrap{position:relative}.bk-notif{border:0;background:transparent;cursor:pointer;border-radius:14px;transition:.18s ease}.bk-notif:hover{background:#f1f5f9;color:var(--bk-primary)}
.bk-profile-btn{height:48px;border:0;background:transparent;border-radius:16px;display:flex;align-items:center;gap:10px;padding:4px 8px 4px 4px;cursor:pointer;color:#0f172a;transition:.18s ease}.bk-profile-btn:hover{background:#f8fafc}.bk-profile-btn .bk-usertext{display:flex;flex-direction:column;align-items:flex-start;line-height:1.18}.bk-profile-btn .bk-usertext b{font-size:14px;font-weight:600;color:#0f172a}.bk-profile-btn .bk-usertext small{font-size:12px;font-weight:400;color:#64748b;margin-top:3px}.bk-chev{width:16px;height:16px;color:#64748b}.bk-chev path{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.bk-popover{position:absolute;right:0;top:calc(100% + 12px);width:280px;background:#fff;border:1px solid #e5edf3;border-radius:18px;box-shadow:0 18px 42px rgba(15,23,42,.10);padding:10px;z-index:80;opacity:0;visibility:hidden;transform:translateY(8px) scale(.98);transition:opacity .18s ease,transform .18s ease,visibility .18s ease}.bk-popover.bk-popover-open{opacity:1;visibility:visible;transform:translateY(0) scale(1)}.bk-popover:before{content:"";position:absolute;right:20px;top:-7px;width:12px;height:12px;background:#fff;border-left:1px solid #e5edf3;border-top:1px solid #e5edf3;transform:rotate(45deg)}
.bk-pop-head{display:flex;align-items:center;justify-content:space-between;padding:8px 10px 10px;border-bottom:1px solid #eef2f7;margin-bottom:6px}.bk-pop-head b{font-size:14px;font-weight:650;color:#0f172a}.bk-pop-head span{font-size:12px;color:#0f766e;background:#ecfdf5;border:1px solid #ccfbf1;border-radius:999px;padding:4px 8px;font-weight:600}.bk-notif-pop a{display:block;text-decoration:none;padding:10px;border-radius:14px;color:#0f172a;transition:.18s ease}.bk-notif-pop a:hover{background:#f8fafc}.bk-notif-pop strong{display:block;font-size:13px;font-weight:650}.bk-notif-pop small{display:block;font-size:12px;color:#64748b;margin-top:4px;line-height:1.35}
.bk-profile-pop{width:248px}.bk-profile-mini{display:flex;align-items:center;gap:10px;padding:10px;border-bottom:1px solid #eef2f7;margin-bottom:6px}.bk-profile-mini b{display:block;font-size:13px;font-weight:650;color:#0f172a}.bk-profile-mini small{display:block;font-size:12px;color:#64748b;margin-top:3px}.bk-profile-pop>a{display:flex;align-items:center;gap:10px;text-decoration:none;color:#334155;border-radius:14px;padding:10px;font-size:13.5px;font-weight:600;transition:.18s ease}.bk-profile-pop>a:hover{background:#f8fafc;color:#0f766e}.bk-profile-pop>a svg{width:18px;height:18px;color:currentColor}.bk-profile-pop>a svg path,.bk-profile-pop>a svg circle{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.bk-profile-pop>a.danger{color:#dc2626}.bk-profile-pop>a.danger:hover{background:#fff1f2;color:#b91c1c}
@media(max-width:860px){.bk-profile-btn .bk-usertext,.bk-profile-btn .bk-chev{display:none}.bk-popover{right:-4px}.bk-notif-pop{right:-58px}.bk-notif-pop:before{right:78px}}


/* BOSKOS v4.8.7 - Mobile hamburger + clean topbar popovers */
.bk-topbar{overflow:visible!important;}
.bk-top-left{min-width:0;}
.bk-menu-btn{display:none!important;align-items:center;justify-content:center;flex:0 0 40px;width:40px;height:40px;border:1px solid #e5edf3!important;background:#fff!important;color:#0f766e!important;border-radius:13px!important;padding:0!important;box-shadow:0 4px 12px rgba(15,23,42,.04)!important;}
.bk-menu-btn svg{width:21px!important;height:21px!important;display:block!important;}
.bk-userbar{position:relative!important;display:flex!important;align-items:center!important;gap:12px!important;}
.bk-notif-wrap,.bk-profile-wrap{position:relative!important;display:block!important;}
.bk-popover{box-sizing:border-box!important;position:absolute!important;right:0!important;top:calc(100% + 12px)!important;width:280px!important;max-width:min(280px,calc(100vw - 28px))!important;background:#fff!important;border:1px solid #e5edf3!important;border-radius:18px!important;box-shadow:0 16px 34px rgba(15,23,42,.10)!important;padding:10px!important;z-index:9999!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important;transform:translateY(8px) scale(.98)!important;transition:opacity .18s ease,transform .18s ease,visibility .18s ease!important;}
.bk-popover.bk-popover-open{opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:translateY(0) scale(1)!important;}
.bk-popover *{box-sizing:border-box!important;}
.bk-popover:before{content:""!important;position:absolute!important;right:20px!important;top:-7px!important;width:12px!important;height:12px!important;background:#fff!important;border-left:1px solid #e5edf3!important;border-top:1px solid #e5edf3!important;transform:rotate(45deg)!important;}
.bk-notif-pop a,.bk-profile-pop>a{display:flex!important;text-decoration:none!important;min-height:auto!important;box-shadow:none!important;transform:none!important;}
.bk-notif-pop a{flex-direction:column!important;align-items:flex-start!important;gap:0!important;padding:10px!important;border-radius:14px!important;color:#0f172a!important;background:transparent!important;}
.bk-notif-pop a:hover,.bk-profile-pop>a:hover{background:#f8fafc!important;}
.bk-notif-pop strong{font-size:13px!important;line-height:1.25!important;font-weight:650!important;color:#0f172a!important;}
.bk-notif-pop small{font-size:12px!important;line-height:1.35!important;color:#64748b!important;margin-top:4px!important;}
.bk-profile-pop{width:248px!important;}
.bk-profile-pop>a{align-items:center!important;gap:10px!important;padding:10px!important;border-radius:14px!important;color:#334155!important;font-size:13.5px!important;font-weight:600!important;background:transparent!important;}
.bk-profile-pop>a svg{width:18px!important;height:18px!important;min-width:18px!important;max-width:18px!important;display:block!important;flex:0 0 18px!important;color:currentColor!important;}
.bk-profile-pop>a.danger{color:#dc2626!important;}
.bk-profile-mini .bk-avatar{width:36px!important;height:36px!important;flex:0 0 36px!important;}
.bk-notif svg{width:21px!important;height:21px!important;display:block!important;}
.bk-profile-btn svg.bk-chev{width:16px!important;height:16px!important;display:block!important;flex:0 0 16px!important;}
.bk-mobile-backdrop{display:none;}
@media (min-width:861px){
  .bk-app{display:grid!important;grid-template-columns:var(--bk-sidebar) minmax(0,1fr)!important;}
  .bk-sidebar{transform:none!important;position:sticky!important;left:auto!important;top:0!important;}
  .bk-main{min-width:0!important;}
}
@media (max-width:860px){
  .bk-app{display:block!important;}
  .bk-menu-btn{display:grid!important;}
  .bk-top-left{gap:12px!important;}
  .bk-sidebar{position:fixed!important;left:0!important;top:0!important;height:100vh!important;transform:translateX(-105%)!important;transition:transform .25s ease!important;z-index:10000!important;box-shadow:20px 0 45px rgba(15,23,42,.14)!important;}
  .bk-app.bk-open .bk-sidebar{transform:translateX(0)!important;}
  .bk-app.bk-open:after{content:"";position:fixed;inset:0;background:rgba(15,23,42,.36);backdrop-filter:blur(3px);z-index:9990;}
  .bk-topbar{height:66px!important;padding:0 14px!important;}
  .bk-topbar h1{font-size:19px!important;}
  .bk-userbar{gap:8px!important;}
  .bk-popover{right:-4px!important;}
  .bk-notif-pop{right:-56px!important;}
  .bk-notif-pop:before{right:76px!important;}
  .bk-profile-btn{padding:2px!important;}
  .bk-profile-btn .bk-usertext,.bk-profile-btn .bk-chev{display:none!important;}
}

/* BOSKOS v4.8.8 - Mobile dashboard like app overview */
.bk-bottom-nav{display:none}
@media (min-width:861px){.bk-menu-btn{display:none!important}}
@media (max-width:860px){
  html,body{background:#fff8ef!important;}
  .bk-app{min-height:100vh;background:linear-gradient(180deg,#fff8ef 0%,#fff4e8 100%);padding-bottom:86px;}
  .bk-main{background:transparent;}
  .bk-topbar{height:62px;background:rgba(255,250,244,.92);border-bottom:0;box-shadow:none;padding:0 18px;}
  .bk-top-left h1{font-size:20px;letter-spacing:-.04em;}
  .bk-menu-btn{display:grid!important;background:rgba(255,255,255,.84);border:1px solid #eef2f7;box-shadow:0 8px 22px rgba(15,23,42,.05);}
  .bk-content{padding:18px 18px 104px;max-width:none;width:100%;}
  .bk-page-title{margin-bottom:18px;}
  .bk-page-title h2{font-size:24px;margin-bottom:6px;}
  .bk-page-title p{font-size:18px;line-height:1.45;color:#686f7b;}
  .bk-page-title p em{font-weight:650;color:#334155;}
  .bk-page-title .bk-actions{display:none!important;}
  .bk-indicator{border-radius:24px;padding:18px 22px;gap:18px 24px;min-height:auto;margin-bottom:26px;box-shadow:0 10px 26px rgba(15,23,42,.045);border:0;background:#fff;}
  .bk-indicator b{font-size:16px;color:#4b5563;letter-spacing:.045em;}
  .bk-indicator span{font-size:17px;font-weight:500;color:#202938;gap:10px;}
  .bk-indicator i{width:20px;height:20px;box-shadow:0 3px 8px rgba(15,23,42,.12);}
  .bk-indicator button{display:none!important;}
  .bk-floor{border:0;border-radius:28px;padding:28px 28px 30px;margin-bottom:28px;box-shadow:0 12px 30px rgba(15,23,42,.045);background:#fff;}
  .bk-floor:hover{transform:none;box-shadow:0 12px 30px rgba(15,23,42,.045);}
  .bk-floor-head{margin-bottom:26px;}
  .bk-floor-head h3{font-size:25px;gap:14px;font-weight:700;}
  .bk-floor-head h3 i{width:40px;height:40px;border-radius:13px;background:linear-gradient(135deg,#14b8a6,#0f9f91);box-shadow:none;}
  .bk-floor-head span{background:#fffaf2;color:#475569;font-size:16px;border-radius:999px;padding:8px 15px;font-weight:650;}
  .bk-rooms,.bk-rooms-short{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:22px 20px;justify-content:stretch;}
  .bk-room{aspect-ratio:1/1;min-height:0;height:auto;border-radius:22px;padding:14px 10px;display:flex;align-items:center;text-align:center;justify-content:center;box-shadow:0 10px 20px rgba(15,23,42,.10);}
  .bk-room:hover{transform:none;box-shadow:0 10px 20px rgba(15,23,42,.10);}
  .bk-room b{font-size:23px;line-height:1.05;}
  .bk-room small{font-size:13px;letter-spacing:.085em;margin-top:12px;}
  .bk-room span,.bk-room strong,.bk-room em{display:none!important;}
  .bk-bottom-nav{position:fixed;left:0;right:0;bottom:0;z-index:45;display:grid;grid-template-columns:repeat(5,1fr);gap:0;background:#fff;border-radius:28px 28px 0 0;box-shadow:0 -10px 28px rgba(15,23,42,.10);padding:10px 8px 12px;border:1px solid #eef2f7;border-bottom:0;}
  .bk-bottom-nav a{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;text-decoration:none;color:#a4acba;font-size:12px;font-weight:650;min-height:56px;border-radius:18px;transition:.18s ease;}
  .bk-bottom-nav a svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:2.25;stroke-linecap:round;stroke-linejoin:round;}
  .bk-bottom-nav a.active{color:#14b8a6;background:#f0fdfa;}
  .bk-bottom-nav a.active:after{content:"";width:5px;height:5px;border-radius:50%;background:#14b8a6;position:absolute;bottom:5px;}
  .bk-sidebar{width:290px;background:#fff;box-shadow:20px 0 45px rgba(15,23,42,.12);}
  .bk-usertext,.bk-chev{display:none!important;}
  .bk-profile-btn{padding:0;background:transparent;border:0;}
  .bk-notif-pop,.bk-profile-pop{right:0;left:auto;max-width:calc(100vw - 28px);}
}
@media (max-width:430px){
  .bk-content{padding-left:16px;padding-right:16px;}
  .bk-page-title p{font-size:17px;}
  .bk-indicator{padding:18px 20px;gap:17px 20px;}
  .bk-indicator span{font-size:16px;}
  .bk-floor{padding:24px 18px 26px;border-radius:26px;}
  .bk-rooms,.bk-rooms-short{gap:18px 14px;}
  .bk-room{border-radius:20px;}
  .bk-room b{font-size:21px;}
  .bk-room small{font-size:11.5px;}
}
@media (max-width:360px){
  .bk-rooms,.bk-rooms-short{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}

/* BOSKOS v4.9.0 - Mobile/Desktop visual consistency polish */
:root{
  --bk-bg:#f8fafc;
  --bk-shadow:0 6px 18px rgba(15,23,42,.045);
  --bk-shadow-hover:0 8px 22px rgba(15,23,42,.065);
}
body.boskos-canvas-body,
.bk-app,
.bk-main,
.bk-content{background:var(--bk-bg)!important;}
.bk-topbar{box-shadow:none!important;}
.bk-page-title h2,
.bk-topbar h1,
.bk-floor-head h3{font-weight:700!important;}
.bk-page-title p,
.bk-usertext span,
.bk-floor-head span,
.bk-indicator span{font-weight:400!important;}
.bk-floor,.bk-indicator,.bk-module-card,.bk-room-summary article,.bk-report-card,.bk-table-card{box-shadow:var(--bk-shadow)!important;}
.bk-floor:hover,.bk-actions button:hover{box-shadow:var(--bk-shadow-hover)!important;}

@media (min-width:861px){
  .bk-menu-btn{display:none!important;}
  .bk-bottom-nav{display:none!important;}
}

@media (max-width:860px){
  html,body{background:var(--bk-bg)!important;}
  body.boskos-canvas-body{background:var(--bk-bg)!important;}
  .bk-app{display:block;background:var(--bk-bg)!important;}
  .bk-main{background:var(--bk-bg)!important;}
  .bk-menu-btn{
    display:grid!important;
    width:42px!important;height:42px!important;flex:0 0 42px!important;
    border:1px solid #e5edf3!important;background:#fff!important;color:#0f766e!important;
    border-radius:14px!important;box-shadow:0 4px 12px rgba(15,23,42,.04)!important;
  }
  .bk-top-left{gap:12px!important;}
  .bk-topbar{
    height:68px!important;padding:0 18px!important;background:rgba(255,255,255,.96)!important;
    border-bottom:1px solid #e8eef4!important;backdrop-filter:blur(12px)!important;
  }
  .bk-topbar h1{font-size:22px!important;line-height:1.1!important;letter-spacing:-.035em!important;}
  .bk-avatar{width:44px!important;height:44px!important;font-size:15px!important;}
  .bk-notif{width:38px!important;height:38px!important;}
  .bk-content{
    padding:22px 18px 96px!important;max-width:none!important;width:100%!important;
    background:var(--bk-bg)!important;
  }
  .bk-page-title{margin:0 0 18px!important;gap:8px!important;}
  .bk-page-title h2{font-size:26px!important;line-height:1.2!important;letter-spacing:-.045em!important;margin:0 0 6px!important;}
  .bk-page-title p{font-size:15px!important;line-height:1.45!important;color:#64748b!important;}
  .bk-page-title p em{font-weight:600!important;color:#0f9f91!important;}
  .bk-page-title .bk-actions{display:none!important;}

  .bk-indicator{
    background:#fff!important;border:1px solid var(--bk-line)!important;border-radius:18px!important;
    padding:14px 16px!important;margin-bottom:18px!important;gap:12px 18px!important;
    min-height:auto!important;box-shadow:var(--bk-shadow)!important;
  }
  .bk-indicator b{font-size:12px!important;color:#64748b!important;letter-spacing:.03em!important;font-weight:700!important;}
  .bk-indicator span{font-size:14px!important;color:#172033!important;gap:8px!important;font-weight:500!important;}
  .bk-indicator i{width:13px!important;height:13px!important;box-shadow:none!important;}
  .bk-indicator button{display:none!important;}

  .bk-floor{
    background:#fff!important;border:1px solid var(--bk-line)!important;border-radius:20px!important;
    padding:20px!important;margin-bottom:18px!important;box-shadow:var(--bk-shadow)!important;
  }
  .bk-floor:hover{transform:none!important;box-shadow:var(--bk-shadow)!important;}
  .bk-floor-head{margin-bottom:18px!important;}
  .bk-floor-head h3{font-size:20px!important;gap:12px!important;letter-spacing:-.035em!important;}
  .bk-floor-head h3 i{width:36px!important;height:36px!important;border-radius:12px!important;background:var(--bk-primary)!important;box-shadow:none!important;}
  .bk-floor-head h3 svg{width:18px!important;height:18px!important;}
  .bk-floor-head span{background:#f8fafc!important;color:#475569!important;font-size:13px!important;border-radius:999px!important;padding:7px 12px!important;font-weight:600!important;}

  .bk-rooms,.bk-rooms-short{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:14px!important;justify-content:stretch!important;
  }
  .bk-room{
    aspect-ratio:1/1!important;min-height:0!important;height:auto!important;border-radius:16px!important;
    padding:10px 8px!important;text-align:center!important;align-items:center!important;justify-content:center!important;
    box-shadow:0 6px 14px rgba(15,23,42,.10)!important;
  }
  .bk-room:hover{transform:none!important;box-shadow:0 6px 14px rgba(15,23,42,.10)!important;}
  .bk-room b{font-size:19px!important;line-height:1.05!important;font-weight:700!important;letter-spacing:-.035em!important;}
  .bk-room small{font-size:10.5px!important;letter-spacing:.075em!important;margin-top:9px!important;font-weight:700!important;}
  .bk-room span,.bk-room strong,.bk-room em{display:none!important;}

  .bk-bottom-nav{
    position:fixed!important;left:10px!important;right:10px!important;bottom:10px!important;z-index:45!important;
    display:grid!important;grid-template-columns:repeat(5,1fr)!important;gap:4px!important;
    background:rgba(255,255,255,.96)!important;border:1px solid #e8eef4!important;border-radius:22px!important;
    box-shadow:0 -2px 18px rgba(15,23,42,.08)!important;padding:8px!important;backdrop-filter:blur(12px)!important;
  }
  .bk-bottom-nav a{
    min-height:54px!important;border-radius:16px!important;color:#94a3b8!important;font-size:11px!important;font-weight:600!important;
    gap:4px!important;display:flex!important;align-items:center!important;justify-content:center!important;flex-direction:column!important;
  }
  .bk-bottom-nav a svg{width:22px!important;height:22px!important;stroke-width:2.1!important;}
  .bk-bottom-nav a.active{color:var(--bk-primary)!important;background:var(--bk-primary-soft)!important;}
  .bk-bottom-nav a.active:after{display:none!important;}

  .bk-popover{top:calc(100% + 10px)!important;}
  .bk-profile-pop{right:0!important;width:240px!important;}
  .bk-notif-pop{right:-54px!important;width:280px!important;}
  .bk-notif-pop:before{right:74px!important;}
}

@media (max-width:430px){
  .bk-content{padding-left:16px!important;padding-right:16px!important;}
  .bk-page-title h2{font-size:24px!important;}
  .bk-floor{padding:18px!important;border-radius:20px!important;}
  .bk-rooms,.bk-rooms-short{gap:12px!important;}
  .bk-room{border-radius:16px!important;}
  .bk-room b{font-size:18px!important;}
  .bk-room small{font-size:10px!important;}
}
@media (max-width:360px){
  .bk-rooms,.bk-rooms-short{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}


/* BOSKOS v4.9.2 - Mobile uses hamburger/offcanvas only + dynamic topbar title fix */
.bk-bottom-nav{display:none!important;}
@media (max-width:860px){
  .bk-bottom-nav{display:none!important;}
  .bk-app{padding-bottom:0!important;}
  .bk-content{padding-bottom:34px!important;}
}


/* BOSKOS v4.9.3 - Show page action buttons on mobile */
@media (max-width:860px){
  /* Action buttons must remain accessible on module pages. */
  .bk-page-title .bk-actions,
  .bk-page-head .bk-actions,
  .bk-report-actions{
    display:flex!important;
    width:100%!important;
    flex-wrap:wrap!important;
    gap:10px!important;
    margin-top:8px!important;
  }
  .bk-page-title .bk-actions button,
  .bk-page-head .bk-actions button,
  .bk-report-actions button,
  .bk-open-drawer,
  .bk-secondary-action{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-height:42px!important;
    height:42px!important;
    padding:0 14px!important;
    border-radius:14px!important;
    font-size:13px!important;
    font-weight:600!important;
    white-space:nowrap!important;
    flex:1 1 auto!important;
  }
  /* On dashboard the action area was intentionally removed; keep it hidden if empty. */
  .bk-page[data-bk-view="dashboard"] .bk-page-title .bk-actions:empty{display:none!important;}
}
@media (max-width:430px){
  .bk-page-title .bk-actions button,
  .bk-page-head .bk-actions button,
  .bk-report-actions button,
  .bk-open-drawer,
  .bk-secondary-action{
    width:100%!important;
    flex-basis:100%!important;
  }
}


/* BOSKOS v4.9.4 - page heading uses topbar only */
.bk-page-title-actions-only{
  justify-content:flex-end;
  align-items:center;
  margin-bottom:14px;
  min-height:40px;
}
.bk-page-title-actions-only .bk-actions{
  margin-left:auto;
}
@media (max-width:860px){
  .bk-page-title-actions-only{
    flex-direction:row;
    justify-content:flex-start;
    margin-bottom:14px;
    min-height:auto;
  }
  .bk-page-title-actions-only .bk-actions{
    width:100%;
    margin-left:0;
  }
}

/* BOSKOS v4.9.5 - keep page description, remove duplicate content headings */
.bk-page-description{
  margin:0 0 16px;
  color:#64748b;
  font-size:15px;
  line-height:1.45;
  font-weight:400;
}
.bk-page-description em{color:#0f9f91;font-style:italic;font-weight:600}
.bk-page-title-actions-only{
  justify-content:space-between!important;
  align-items:center!important;
  gap:18px!important;
  margin-bottom:16px!important;
  min-height:40px!important;
}
.bk-page-title-actions-only>.bk-page-description{
  margin:0!important;
  flex:1 1 auto;
}
.bk-page-title-actions-only .bk-actions{margin-left:auto!important;flex:0 0 auto;}
.bk-page[data-bk-view="dashboard"]>.bk-page-description{margin-bottom:16px;}
@media (max-width:860px){
  .bk-page-title-actions-only{align-items:flex-start!important;flex-direction:column!important;gap:12px!important;margin-bottom:16px!important;}
  .bk-page-title-actions-only>.bk-page-description{width:100%;font-size:14px;}
  .bk-page-title-actions-only .bk-actions{width:100%;margin-left:0!important;}
  .bk-page-description{font-size:14px;margin-bottom:14px;}
}

/* BOSKOS v5.0.0 - Premium Branding */
:root{
  --bk-brand-teal:#14b8a6;
  --bk-brand-teal-dark:#0f766e;
  --bk-brand-navy:#0f172a;
}
.bk-brand{gap:13px;}
.bk-brand-icon.bk-logo-mark{
  width:44px;height:44px;border:0;border-radius:16px;color:transparent;background:transparent;box-shadow:0 10px 22px rgba(20,184,166,.16);overflow:hidden;
}
.bk-brand-icon.bk-logo-mark img{width:100%;height:100%;display:block;object-fit:contain;}
.bk-brand strong{
  color:var(--bk-brand-navy)!important;
  font-weight:800!important;
  letter-spacing:-.055em!important;
  font-size:27px!important;
}
.bk-login-logo{gap:13px;}
.bk-login-logo .bk-login-mark{
  width:42px!important;height:42px!important;border-radius:15px!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:0 12px 26px rgba(20,184,166,.18);overflow:hidden;
}
.bk-login-logo .bk-login-mark img{width:100%;height:100%;display:block;object-fit:contain;}
.bk-login-logo strong{letter-spacing:-.055em;font-weight:800;}
.bk-login-hero{background:linear-gradient(135deg,#0f172a 0%,#26324a 100%)!important;}
.bk-login-submit,
.bk-actions button:first-child,
.bk-primary,
button.bk-primary{
  background:linear-gradient(135deg,#14b8a6,#0f766e)!important;
  border-color:#14b8a6!important;
  box-shadow:0 10px 22px rgba(20,184,166,.18)!important;
}
.bk-login-foot strong{color:#0f9f91!important;}
@media (max-width:860px){.bk-brand strong{font-size:25px!important}.bk-brand-icon.bk-logo-mark{width:42px;height:42px}}

/* BOSKOS v5.0.1 - Table actions & toast */
.bk-row-processing{opacity:.56;transition:opacity .22s ease, transform .22s ease;}
.bk-toast-wrap{position:fixed;right:24px;top:88px;z-index:99999;display:flex;flex-direction:column;gap:10px;pointer-events:none;}
.bk-toast{min-width:260px;max-width:360px;background:#fff;border:1px solid #e8f1ef;border-radius:16px;box-shadow:0 12px 30px rgba(15,23,42,.08);padding:12px 14px;display:flex;gap:10px;align-items:flex-start;color:#334155;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:14px;font-weight:500;transform:translateY(-8px);opacity:0;animation:bkToastIn .22s ease forwards;}
.bk-toast i{width:22px;height:22px;border-radius:999px;background:#dcfdf7;color:#0f766e;display:inline-flex;align-items:center;justify-content:center;font-style:normal;font-size:13px;flex:0 0 22px;}
.bk-toast.danger i{background:#fee2e2;color:#b91c1c;}
.bk-toast.warning i{background:#fef3c7;color:#a16207;}
.bk-toast small{display:block;margin-top:2px;color:#64748b;font-size:12px;font-weight:400;line-height:1.35;}
.bk-toast.bk-toast-hide{animation:bkToastOut .22s ease forwards;}
@keyframes bkToastIn{to{transform:translateY(0);opacity:1}}
@keyframes bkToastOut{to{transform:translateY(-8px);opacity:0}}
.bk-action-primary,.bk-action-warning,.bk-action-danger,.bk-action-receipt,.bk-action-disabled,.bk-row-actions button,.bk-secondary-action{cursor:pointer;transition:background .18s ease,border-color .18s ease,color .18s ease,transform .18s ease;}
.bk-action-primary:hover,.bk-action-warning:hover,.bk-action-danger:hover,.bk-action-receipt:hover,.bk-row-actions button:hover,.bk-secondary-action:hover{transform:translateY(-1px)}
@media (max-width:860px){.bk-toast-wrap{right:14px;left:14px;top:76px}.bk-toast{min-width:0;max-width:none;width:100%;}}

/* BOSKOS v5.0.2 - Additional complaint status states */
.bk-status-dot.waiting{background:#f1f5f9;color:#475569}
.bk-status-dot.waiting:before{background:#94a3b8}
.bk-status-dot.scheduled{background:#eff6ff;color:#1d4ed8}
.bk-status-dot.scheduled:before{background:#3b82f6}

/* BOSKOS v5.0.5 - Consistent centered modal for Catat Pengeluaran */
.bk-modal-panel[data-bk-drawer-panel="expense"]{
  left:50%!important;
  right:auto!important;
  top:50%!important;
  width:min(520px,calc(100vw - 34px))!important;
  height:auto!important;
  max-height:calc(100vh - 52px)!important;
  border-radius:24px!important;
  overflow:hidden!important;
  transform:translate(-50%,-46%) scale(.96)!important;
  opacity:0!important;
  pointer-events:none!important;
  box-shadow:0 24px 70px rgba(15,23,42,.22)!important;
  transition:opacity .2s ease,transform .24s cubic-bezier(.2,.8,.2,1)!important;
  display:flex!important;
  flex-direction:column!important;
  background:#fff!important;
}
.bk-drawer-open .bk-modal-panel[data-bk-drawer-panel="expense"].bk-drawer-active{
  opacity:1!important;
  pointer-events:auto!important;
  transform:translate(-50%,-50%) scale(1)!important;
}
.bk-expense-modal .bk-modal-head{
  min-height:72px;
  padding:18px 24px;
  background:linear-gradient(135deg,#2f354f,#3d435f);
}
.bk-expense-modal .bk-modal-body{
  padding:24px 24px 0;
  gap:16px;
  max-height:calc(100vh - 128px);
  overflow:auto;
}
.bk-expense-modal-body select,
.bk-expense-modal-body input,
.bk-expense-modal-body textarea{
  width:100%;
  border:1px solid #eadfd5;
  background:#fff;
  border-radius:13px;
  color:#334155;
  font-size:14px;
  font-weight:400;
  outline:0;
  transition:border-color .18s ease,box-shadow .18s ease;
}
.bk-expense-modal-body select,
.bk-expense-modal-body input{height:44px;padding:0 14px;}
.bk-expense-modal-body textarea{min-height:90px;padding:13px 14px;resize:vertical;}
.bk-expense-modal-body select:focus,
.bk-expense-modal-body input:focus,
.bk-expense-modal-body textarea:focus{
  border-color:#90dcd4;
  box-shadow:0 0 0 4px rgba(20,184,166,.10);
}
.bk-expense-modal .bk-field span em{color:#64748b;font-style:normal;font-weight:400;}
.bk-expense-two-grid{grid-template-columns:1fr 1fr;gap:16px;}
.bk-expense-modal .bk-modal-actions{background:#fbfefd;border-top-color:#e0f2f1;margin-top:8px;}
.bk-expense-modal .bk-modal-actions .primary{background:linear-gradient(135deg,var(--bk-primary),var(--bk-primary-dark))!important;box-shadow:0 8px 20px rgba(20,184,166,.18)!important;}
@media (max-width:640px){
  .bk-modal-panel[data-bk-drawer-panel="expense"]{width:calc(100vw - 20px)!important;border-radius:20px!important;}
  .bk-expense-two-grid{grid-template-columns:1fr;}
  .bk-expense-modal .bk-modal-head{padding:16px 18px;}
  .bk-expense-modal .bk-modal-body{padding:20px 18px 0;}
}

/* BOSKOS v5.0.6 - semua aksi utama memakai popup tengah, bukan drawer samping */
.bk-modal-panel[data-bk-drawer-panel="bill"],
.bk-modal-panel[data-bk-drawer-panel="complaint"]{
  left:50%!important;right:auto!important;top:50%!important;height:auto!important;width:min(620px,calc(100vw - 32px))!important;max-height:calc(100vh - 56px)!important;
  border-radius:20px!important;overflow:hidden;background:#fff;box-shadow:0 24px 70px rgba(15,23,42,.20)!important;
  transform:translate(-50%,-46%) scale(.96)!important;opacity:0;transition:opacity .2s ease, transform .22s ease!important;display:none;flex-direction:column;
}
.bk-drawer-open .bk-modal-panel[data-bk-drawer-panel="bill"].bk-drawer-active,
.bk-drawer-open .bk-modal-panel[data-bk-drawer-panel="complaint"].bk-drawer-active{
  display:flex!important;opacity:1;transform:translate(-50%,-50%) scale(1)!important;
}
.bk-bill-modal .bk-modal-head,
.bk-complaint-modal .bk-modal-head{min-height:72px;padding:18px 24px;background:#343a56;}
.bk-bill-modal .bk-modal-body,
.bk-complaint-modal .bk-modal-body{padding:24px 24px 0;gap:16px;max-height:calc(100vh - 128px);overflow:auto;}
.bk-modal-desc{margin:-2px 0 2px;color:#64748b;font-size:14px;line-height:1.5;}
.bk-bill-modal .bk-modal-actions,
.bk-complaint-modal .bk-modal-actions{background:#fbfefd;border-top-color:#e0f2f1;margin-top:8px;}
.bk-bill-modal .bk-modal-actions .primary,
.bk-complaint-modal .bk-modal-actions .primary{background:linear-gradient(135deg,var(--bk-primary),var(--bk-primary-dark))!important;box-shadow:0 8px 20px rgba(20,184,166,.18)!important;}
@media(max-width:640px){
  .bk-modal-panel[data-bk-drawer-panel="bill"],
  .bk-modal-panel[data-bk-drawer-panel="complaint"]{width:calc(100vw - 20px)!important;border-radius:20px!important;}
  .bk-bill-modal .bk-modal-head,.bk-complaint-modal .bk-modal-head{padding:16px 18px;}
  .bk-bill-modal .bk-modal-body,.bk-complaint-modal .bk-modal-body{padding:20px 18px 0;}
}


/* BOSKOS v5.0.7 - Tagihan massal modal uses BOSKOS teal theme */
.bk-modal-panel[data-bk-drawer-panel="bill"].bk-generate-bill-modal{
  width:min(560px,calc(100vw - 32px))!important;
  border-radius:24px!important;
  box-shadow:0 24px 70px rgba(15,23,42,.20)!important;
}
.bk-generate-bill-modal .bk-bill-generate-head{
  min-height:78px!important;
  padding:20px 26px!important;
  background:linear-gradient(135deg,#0f766e,#14b8a6)!important;
}
.bk-generate-bill-modal .bk-modal-title h3{
  font-size:20px!important;
  font-weight:750!important;
  letter-spacing:-.025em!important;
}
.bk-generate-bill-modal .bk-bill-icon{
  background:rgba(255,255,255,.18)!important;
  color:#fff!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.22)!important;
}
.bk-generate-bill-modal .bk-modal-close{
  background:rgba(255,255,255,.16)!important;
  color:#fff!important;
  border:0!important;
}
.bk-generate-bill-body{
  padding:26px 28px 0!important;
  gap:22px!important;
}
.bk-generate-info{
  display:grid;
  grid-template-columns:34px 1fr auto 1fr;
  align-items:center;
  gap:14px;
  padding:20px 22px;
  border-radius:18px;
  background:linear-gradient(135deg,rgba(20,184,166,.10),rgba(20,184,166,.045));
  border:1px solid rgba(20,184,166,.10);
  color:#334155;
  line-height:1.55;
  font-size:14.5px;
}
.bk-generate-info b{
  color:#0f766e;
  font-weight:800;
  text-align:center;
  padding:0 18px;
  border-left:1px solid rgba(15,118,110,.18);
  border-right:1px solid rgba(15,118,110,.18);
  line-height:1.25;
}
.bk-generate-info b small{font-size:12px;font-weight:700;color:#0f766e;}
.bk-generate-info-icon{
  width:26px;height:26px;border-radius:50%;display:inline-grid;place-items:center;
  background:#14b8a6;color:#fff;font-weight:900;font-family:Inter,Arial,sans-serif;
}
.bk-generate-bill-body .bk-field span{
  font-size:14px!important;
  font-weight:700!important;
  color:#334155!important;
}
.bk-generate-bill-body .bk-wide-field input{
  height:52px!important;
  border:1px solid #dbe5ee!important;
  border-radius:15px!important;
  padding:0 18px!important;
  font-size:16px!important;
  font-weight:600!important;
  color:#0f172a!important;
  background:#fff!important;
}
.bk-generate-bill-body .bk-wide-field input:focus{
  border-color:#14b8a6!important;
  box-shadow:0 0 0 4px rgba(20,184,166,.10)!important;
}
.bk-generate-actions{
  margin:8px -28px 0!important;
  padding:20px 28px 22px!important;
  background:#fbfefd!important;
  border-top:1px solid #e0f2f1!important;
  justify-content:flex-end!important;
  gap:14px!important;
}
.bk-generate-actions .secondary{
  height:46px!important;
  border-radius:999px!important;
  padding:0 24px!important;
  background:#fff!important;
  color:#475569!important;
  border:1px solid #dbe5ee!important;
}
.bk-generate-actions .primary{
  height:46px!important;
  border-radius:999px!important;
  padding:0 26px!important;
  background:linear-gradient(135deg,#14b8a6,#0f766e)!important;
  color:#fff!important;
  box-shadow:0 10px 24px rgba(20,184,166,.22)!important;
}
@media(max-width:640px){
  .bk-generate-bill-body{padding:22px 18px 0!important;gap:18px!important;}
  .bk-generate-info{grid-template-columns:28px 1fr;gap:10px;padding:16px;font-size:13.5px;}
  .bk-generate-info b{grid-column:2;border:0;padding:0;text-align:left;}
  .bk-generate-actions{margin:8px -18px 0!important;padding:16px 18px!important;}
  .bk-generate-actions .primary,.bk-generate-actions .secondary{width:100%;}
}


/* BOSKOS v5.0.8 - Catat Keluhan WA modal mengikuti desain ringkas */
.bk-complaint-wa-modal{
  width:min(500px,calc(100vw - 34px))!important;
  border-radius:24px!important;
}
.bk-complaint-wa-modal .bk-modal-head{
  min-height:68px!important;
  padding:16px 24px!important;
  background:linear-gradient(135deg,#30364f,#3c435f)!important;
}
.bk-complaint-wa-modal .bk-modal-icon{
  background:rgba(255,255,255,.14)!important;
  color:#fff!important;
  box-shadow:none!important;
}
.bk-complaint-wa-modal .bk-modal-icon svg{
  stroke:#fff!important;
}
.bk-complaint-wa-modal .bk-modal-title h3{
  font-size:18px!important;
  font-weight:700!important;
  letter-spacing:-.02em!important;
}
.bk-complaint-simple-body{
  padding:24px 24px 0!important;
  gap:16px!important;
}
.bk-complaint-simple-body .bk-field{
  gap:8px!important;
  font-size:13px!important;
  font-weight:650!important;
  color:#334155!important;
}
.bk-complaint-simple-body select,
.bk-complaint-simple-body textarea{
  border:1px solid #eadfd5!important;
  border-radius:14px!important;
  background:#fff!important;
  color:#334155!important;
  font-size:14px!important;
  box-shadow:none!important;
}
.bk-complaint-simple-body select{
  height:42px!important;
  padding:0 14px!important;
}
.bk-complaint-simple-body textarea{
  min-height:106px!important;
  padding:13px 14px!important;
  resize:vertical!important;
}
.bk-complaint-simple-body select:focus,
.bk-complaint-simple-body textarea:focus{
  border-color:#91ded6!important;
  box-shadow:0 0 0 4px rgba(20,184,166,.10)!important;
  outline:0!important;
}
.bk-complaint-wa-modal .bk-modal-actions{
  margin:14px -24px 0!important;
  padding:16px 24px!important;
  background:#fff9f1!important;
  border-top:1px solid #f0e6da!important;
  display:flex!important;
  justify-content:flex-end!important;
  gap:12px!important;
}
.bk-complaint-wa-modal .bk-modal-actions .primary{
  background:linear-gradient(135deg,var(--bk-primary),var(--bk-primary-dark))!important;
  color:#fff!important;
  border:0!important;
  box-shadow:0 10px 22px rgba(20,184,166,.20)!important;
}
.bk-complaint-wa-modal .bk-modal-actions .secondary{
  background:#fff!important;
  border:1px solid #e5e7eb!important;
  color:#475569!important;
}
@media(max-width:640px){
  .bk-complaint-wa-modal{width:calc(100vw - 22px)!important;border-radius:20px!important;}
  .bk-complaint-wa-modal .bk-modal-head{padding:15px 18px!important;}
  .bk-complaint-simple-body{padding:20px 18px 0!important;}
  .bk-complaint-wa-modal .bk-modal-actions{margin:12px -18px 0!important;padding:14px 18px!important;}
}