/* Kostify Admin Local CSS - pengganti Tailwind CDN dan Font Awesome CDN */
*{box-sizing:border-box}html{font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.5}body{margin:0;color:#0f172a;background:#eef3f8}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}img{max-width:100%;display:block}table{border-collapse:collapse}textarea{resize:vertical}
.absolute{position:absolute}.relative{position:relative}.fixed{position:fixed}.inset-0{inset:0}.left-4{left:1rem}.right-2{right:.5rem}.right-3{right:.75rem}.top-4{top:1rem}.top-1\/2{top:50%}.-translate-y-1\/2{transform:translateY(-50%)}.block{display:block}.hidden{display:none}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.flex-col{flex-direction:column}.flex-1{flex:1 1 0%}.flex-shrink-0{flex-shrink:0}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.place-items-center{place-items:center}.min-w-0{min-width:0}.min-w-\[280px\]{min-width:280px}.min-h-screen{min-height:100vh}.h-screen{height:100vh}.h-full{height:100%}.h-fit{height:fit-content}.w-full{width:100%}.w-5{width:1.25rem}.w-10{width:2.5rem}.w-12{width:3rem}.w-20{width:5rem}.w-24{width:6rem}.w-32{width:8rem}.w-64{width:16rem}.h-10{height:2.5rem}.h-12{height:3rem}.h-20{height:5rem}.h-24{height:6rem}.h-32{height:8rem}.max-w-md{max-width:28rem}.max-w-2xl{max-width:42rem}.max-w-3xl{max-width:48rem}.max-w-4xl{max-width:56rem}.max-w-5xl{max-width:64rem}.max-w-7xl{max-width:80rem}.max-h-96{max-height:24rem}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.overflow-x-auto{overflow-x:auto}
.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.col-span-1{grid-column:span 1/span 1}.col-span-2{grid-column:span 2/span 2}.col-span-full{grid-column:1/-1}
.mx-auto{margin-left:auto;margin-right:auto}.my-6{margin-top:1.5rem;margin-bottom:1.5rem}.mt-0\.5{margin-top:.125rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-5{margin-top:1.25rem}.mt-6{margin-top:1.5rem}.mr-1{margin-right:.25rem}.mr-2{margin-right:.5rem}.mb-0\.5{margin-bottom:.125rem}.mb-1{margin-bottom:.25rem}.mb-1\.5{margin-bottom:.375rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-5{margin-bottom:1.25rem}.mb-7{margin-bottom:1.75rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-3\.5{padding:.875rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.p-7{padding:1.75rem}.p-8{padding:2rem}.p-10{padding:2.5rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-2\.5{padding-left:.625rem;padding-right:.625rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-3\.5{padding-top:.875rem;padding-bottom:.875rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-10{padding-top:2.5rem;padding-bottom:2.5rem}.pt-2{padding-top:.5rem}.pt-3{padding-top:.75rem}.pt-4{padding-top:1rem}.pb-1{padding-bottom:.25rem}.pb-2{padding-bottom:.5rem}.pb-6{padding-bottom:1.5rem}.pl-11{padding-left:2.75rem}.pr-4{padding-right:1rem}.pr-14{padding-right:3.5rem}.space-y-1>:not([hidden])~:not([hidden]){margin-top:.25rem}.space-y-2>:not([hidden])~:not([hidden]){margin-top:.5rem}.space-y-4>:not([hidden])~:not([hidden]){margin-top:1rem}.space-y-5>:not([hidden])~:not([hidden]){margin-top:1.25rem}.space-y-6>:not([hidden])~:not([hidden]){margin-top:1.5rem}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.gap-6{gap:1.5rem}.gap-x-6{column-gap:1.5rem}.gap-y-1{row-gap:.25rem}.gap-y-4{row-gap:1rem}
.rounded{border-radius:.25rem}.rounded-lg{border-radius:.5rem}.rounded-xl{border-radius:.75rem}.rounded-2xl{border-radius:1rem}.rounded-3xl{border-radius:1.5rem}.rounded-full{border-radius:9999px}.rounded-\[2rem\]{border-radius:2rem}.border{border:1px solid #e2e8f0}.border-4{border-width:4px}.border-b{border-bottom:1px solid #e2e8f0}.border-t{border-top:1px solid #e2e8f0}.border-dashed{border-style:dashed}.border-slate-50{border-color:#f8fafc}.border-slate-100{border-color:#f1f5f9}.border-slate-200{border-color:#e2e8f0}.border-slate-300{border-color:#cbd5e1}.border-blue-100{border-color:#dbeafe}.border-green-200{border-color:#bbf7d0}.border-red-200{border-color:#fecaca}.border-white\/10{border-color:rgba(255,255,255,.1)}.border-white\/20{border-color:rgba(255,255,255,.2)}.divide-y>:not([hidden])~:not([hidden]){border-top:1px solid #f1f5f9}.divide-slate-100>:not([hidden])~:not([hidden]){border-color:#f1f5f9}
.bg-white{background:#fff}.bg-white\/10{background:rgba(255,255,255,.1)}.bg-white\/15{background:rgba(255,255,255,.15)}.bg-white\/95{background:rgba(255,255,255,.95)}.bg-slate-50{background:#f8fafc}.bg-slate-100{background:#f1f5f9}.bg-slate-200{background:#e2e8f0}.bg-slate-900{background:#0f172a}.bg-\[\#020817\]{background:#020817}.bg-\[\#030817\]{background:#030817}.bg-blue-50{background:#eff6ff}.bg-blue-100{background:#dbeafe}.bg-blue-600{background:#2563eb}.bg-teal-50{background:#f0fdfa}.bg-teal-100{background:#ccfbf1}.bg-teal-600{background:#0d9488}.bg-teal-700{background:#0f766e}.bg-green-50{background:#f0fdf4}.bg-green-600{background:#16a34a}.bg-amber-100{background:#fef3c7}.bg-amber-500{background:#f59e0b}.bg-red-50{background:#fef2f2}.bg-red-100{background:#fee2e2}.bg-red-500\/10{background:rgba(239,68,68,.1)}.bg-red-600{background:#dc2626}.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-from,#1d4ed8),var(--tw-gradient-to,#0f766e))}.bg-gradient-to-br{background-image:linear-gradient(to bottom right,var(--tw-gradient-from,#1d4ed8),var(--tw-gradient-to,#0f766e))}.from-blue-700{--tw-gradient-from:#1d4ed8}.to-teal-600{--tw-gradient-to:#0d9488}.to-blue-900{--tw-gradient-to:#1e3a8a}.to-slate-950{--tw-gradient-to:#020617}[class*="bg-[radial-gradient"]{background:radial-gradient(circle at 20% 10%,rgba(37,99,235,.35),transparent 28%),radial-gradient(circle at 85% 35%,rgba(20,184,166,.25),transparent 30%),linear-gradient(135deg,#020817,#07172f,#020817)}
.text-left{text-align:left}.text-center{text-align:center}.font-sans{font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono",monospace}.text-xs{font-size:.75rem;line-height:1rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-\[10px\]{font-size:10px}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.font-black{font-weight:900}.italic{font-style:italic}.uppercase{text-transform:uppercase}.tracking-tight{letter-spacing:-.025em}.tracking-wider{letter-spacing:.05em}.tracking-widest{letter-spacing:.1em}.leading-none{line-height:1}.leading-tight{line-height:1.25}.leading-6{line-height:1.5rem}.leading-relaxed{line-height:1.625}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.whitespace-nowrap{white-space:nowrap}.align-top{vertical-align:top}
.text-white{color:#fff}.text-white\/70{color:rgba(255,255,255,.7)}.text-white\/80{color:rgba(255,255,255,.8)}.text-slate-400{color:#94a3b8}.text-slate-500{color:#64748b}.text-slate-600{color:#475569}.text-slate-700{color:#334155}.text-slate-800{color:#1e293b}.text-slate-900{color:#0f172a}.text-slate-950{color:#020617}.text-blue-200{color:#bfdbfe}.text-blue-200\/70{color:rgba(191,219,254,.7)}.text-blue-600{color:#2563eb}.text-blue-700{color:#1d4ed8}.text-blue-800{color:#1e40af}.text-blue-900{color:#1e3a8a}.text-teal-600{color:#0d9488}.text-teal-700{color:#0f766e}.text-teal-800{color:#115e59}.text-green-600{color:#16a34a}.text-green-700{color:#15803d}.text-green-800{color:#166534}.text-emerald-600{color:#059669}.text-amber-600{color:#d97706}.text-amber-700{color:#b45309}.text-red-200{color:#fecaca}.text-red-500{color:#ef4444}.text-red-600{color:#dc2626}.text-red-700{color:#b91c1c}.text-red-800{color:#991b1b}
.shadow-sm{box-shadow:0 1px 2px rgba(15,23,42,.08)}.shadow-lg{box-shadow:0 10px 15px rgba(15,23,42,.12)}.shadow-2xl{box-shadow:0 25px 50px rgba(15,23,42,.25)}.shadow-inner{box-shadow:inset 0 2px 4px rgba(15,23,42,.08)}.shadow-blue-700\/10{box-shadow:0 12px 24px rgba(29,78,216,.1)}.shadow-blue-700\/15{box-shadow:0 12px 24px rgba(29,78,216,.15)}.shadow-teal-600\/15{box-shadow:0 12px 24px rgba(13,148,136,.15)}.transition,.transition-colors{transition:all .2s ease}.outline-none{outline:0}.object-cover{object-fit:cover}.object-contain{object-fit:contain}
.hover\:bg-slate-50:hover{background:#f8fafc}.hover\:bg-slate-200:hover{background:#e2e8f0}.hover\:bg-blue-700:hover{background:#1d4ed8}.hover\:bg-teal-700:hover{background:#0f766e}.hover\:bg-teal-800:hover{background:#115e59}.hover\:bg-green-700:hover{background:#15803d}.hover\:bg-red-700:hover{background:#b91c1c}.hover\:bg-red-500\/20:hover{background:rgba(239,68,68,.2)}.hover\:bg-amber-600:hover{background:#d97706}.hover\:opacity-95:hover{opacity:.95}.hover\:shadow-lg:hover{box-shadow:0 10px 15px rgba(15,23,42,.12)}.hover\:text-blue-700:hover{color:#1d4ed8}.hover\:text-slate-700:hover{color:#334155}.hover\:text-teal-800:hover{color:#115e59}.focus\:ring-2:focus{box-shadow:0 0 0 2px rgba(59,130,246,.3)}.focus\:ring-4:focus{box-shadow:0 0 0 4px rgba(59,130,246,.2)}.focus\:ring-blue-100:focus{box-shadow:0 0 0 4px #dbeafe}.focus\:ring-blue-500:focus{box-shadow:0 0 0 3px rgba(59,130,246,.45)}.focus\:ring-teal-100:focus{box-shadow:0 0 0 4px #ccfbf1}.focus\:border-blue-600:focus{border-color:#2563eb}.focus\:border-teal-600:focus{border-color:#0d9488}
.nav-link{display:flex;align-items:center;gap:.7rem;padding:.78rem 1rem;color:#d8e1f0;border-radius:1rem;font-weight:800;font-size:.92rem;transition:.2s}.nav-link:hover{background:#12223f;color:#fff}.nav-link.active{background:linear-gradient(135deg,#075985,#0f766e);color:#fff;box-shadow:0 12px 28px rgba(15,118,110,.18)}.main-scroll{max-height:calc(100vh - 84px);overflow-y:auto}.main-scroll::-webkit-scrollbar{width:8px}.main-scroll::-webkit-scrollbar-thumb{background:#94a3b8;border-radius:999px}input,select,textarea{border:1px solid #e2e8f0;border-radius:.75rem;background:#f8fafc;color:#0f172a}input[type="checkbox"]{width:1rem;height:1rem}table{width:100%}th{font-weight:900}td,th{vertical-align:top}
.fa{display:inline-flex;align-items:center;justify-content:center;min-width:1.15em;font-style:normal;font-weight:900}.fa-chart-line::before{content:"📈"}.fa-building::before{content:"🏢"}.fa-user-shield::before{content:"🛡️"}.fa-user-plus::before{content:"➕"}.fa-user-check::before{content:"✅"}.fa-bed::before{content:"🛏️"}.fa-users::before{content:"👥"}.fa-calendar-check::before{content:"📅"}.fa-file-invoice-dollar::before{content:"🧾"}.fa-credit-card::before{content:"💳"}.fa-message::before{content:"💬"}.fa-wrench::before{content:"🔧"}.fa-user-gear::before{content:"⚙️"}.fa-sign-out-alt::before{content:"↪"}.fa-envelope::before{content:"✉"}.fa-lock::before{content:"🔒"}.fa-eye::before{content:"👁"}.fa-eye-slash::before{content:"🙈"}.fa-right-to-bracket::before{content:"↪"}.fa-circle-exclamation::before{content:"⚠"}.fa-circle-check::before{content:"✓"}.fa-circle-info::before{content:"ℹ"}.fa-arrow-left::before{content:"←"}.fa-plus::before{content:"+"}.fa-pencil::before{content:"✎"}.fa-trash::before{content:"🗑"}.fa-save::before{content:"💾"}.fa-phone::before{content:"☎"}.fa-key::before{content:"🔑"}.fa-paper-plane::before{content:"✈"}.fa-file-pdf::before{content:"📄"}.fa-shield-halved::before{content:"🛡"}
@media (min-width:640px){.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (min-width:768px){.md\:flex{display:flex}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:col-span-1{grid-column:span 1/span 1}.md\:col-span-2{grid-column:span 2/span 2}.md\:flex-row{flex-direction:row}.md\:items-center{align-items:center}.md\:justify-between{justify-content:space-between}.md\:p-8{padding:2rem}}
@media (min-width:1024px){.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:col-span-2{grid-column:span 2/span 2}.lg\:flex-row{flex-direction:row}.lg\:items-center{align-items:center}.lg\:justify-between{justify-content:space-between}.lg\:w-\[420px\]{width:420px}}
@media (min-width:1280px){.xl\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.xl\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.xl\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.xl\:col-span-1{grid-column:span 1/span 1}.xl\:flex-row{flex-direction:row}.xl\:items-center{align-items:center}.xl\:justify-between{justify-content:space-between}.xl\:w-\[620px\]{width:620px}}
@media (max-width:767px){.w-64{width:15rem}.h-screen{min-height:100vh}.text-3xl{font-size:1.5rem}.p-7{padding:1.25rem}.px-6{padding-left:1rem;padding-right:1rem}}

/* Login Kostify normal + background kos samar */
.kostify-login-body{min-height:100vh;margin:0;background:#eef3f8;color:#0f172a;display:flex;align-items:center;justify-content:center;padding:1.25rem;position:relative;overflow:hidden}.kostify-login-bg{position:absolute;inset:0;background:linear-gradient(135deg,rgba(2,8,23,.35),rgba(15,118,110,.10)),url('../images/kostify-bg-kosan.svg') center/cover no-repeat;filter:saturate(.95);opacity:.95}.kostify-login-bg::after{content:"";position:absolute;inset:0;background:rgba(255,255,255,.42);backdrop-filter:blur(1.5px)}.kostify-login-shell{position:relative;width:100%;display:flex;align-items:center;justify-content:center}.kostify-login-card{width:min(100%,430px);background:rgba(255,255,255,.94);border:1px solid rgba(226,232,240,.9);border-radius:1.5rem;padding:2rem;box-shadow:0 24px 60px rgba(15,23,42,.18)}.kostify-login-brand{text-align:center;margin-bottom:1.5rem}.kostify-login-logo{width:76px;height:76px;margin:0 auto .85rem;border-radius:1.25rem;background:#0f172a;display:grid;place-items:center;overflow:hidden;box-shadow:0 16px 34px rgba(15,23,42,.18)}.kostify-login-logo img{width:100%;height:100%;object-fit:cover}.kostify-login-logo span{width:100%;height:100%;place-items:center;color:#fff;font-weight:900;font-size:1.5rem}.kostify-login-brand h1{margin:0;color:#0f172a;font-size:1.8rem;font-weight:900;letter-spacing:-.03em}.kostify-login-brand p{margin:.5rem 0 0;color:#64748b;font-size:.9rem;line-height:1.6}.kostify-login-form{display:grid;gap:1rem}.kostify-field label{display:block;margin-bottom:.45rem;color:#334155;font-size:.88rem;font-weight:800}.kostify-input-wrap{position:relative}.kostify-input-wrap input{width:100%;height:52px;border:1px solid #dbe3ea;background:#f8fafc;border-radius:1rem;padding:0 3.1rem 0 2.75rem;color:#0f172a;outline:0;transition:.2s}.kostify-input-wrap input:focus{border-color:#0f766e;box-shadow:0 0 0 4px rgba(15,118,110,.10)}.kostify-input-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:#64748b;z-index:1}.kostify-eye-btn{position:absolute;right:.45rem;top:50%;transform:translateY(-50%);width:40px;height:40px;border:0;border-radius:.8rem;background:#e7f5f2;display:grid;place-items:center}.kostify-main-btn{width:100%;height:52px;border:0;border-radius:1rem;background:linear-gradient(135deg,#0f766e,#2563eb);color:#fff;font-weight:900;box-shadow:0 14px 28px rgba(15,118,110,.20)}.kostify-main-btn:hover{opacity:.96}.kostify-login-footer{text-align:center;margin-top:1.25rem}.kostify-login-footer a{color:#0f766e;font-weight:800}.kostify-login-footer p{margin:.35rem 0 0;color:#94a3b8;font-size:.78rem}.kostify-alert{display:flex;gap:.6rem;align-items:flex-start;border-radius:1rem;padding:.85rem 1rem;margin-bottom:1rem;font-size:.88rem;font-weight:700}.kostify-alert span{font-weight:900}.kostify-alert-danger{background:#fef2f2;color:#b91c1c;border:1px solid #fecaca}.kostify-alert-success{background:#f0fdf4;color:#166534;border:1px solid #bbf7d0}@media(max-width:480px){.kostify-login-body{padding:.75rem}.kostify-login-card{border-radius:1.25rem;padding:1.35rem}.kostify-login-brand h1{font-size:1.55rem}}

/* Final login background override */
.kostify-login-body{min-height:100vh;padding:1rem;background:#e8f0f5;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}
.kostify-login-bg{position:fixed;inset:0;background:linear-gradient(135deg,rgba(2,8,23,.42),rgba(15,118,110,.22)),url('/images/kostify-bg-kosan.svg') center/cover no-repeat;filter:none;opacity:1;z-index:0}
.kostify-login-bg:after{content:"";position:absolute;inset:0;background:rgba(255,255,255,.10);backdrop-filter:blur(1px)}
.kostify-login-shell{position:relative;z-index:1;width:100%;display:flex;justify-content:center}
.kostify-login-card{width:100%;max-width:430px;border-radius:1.75rem;background:rgba(255,255,255,.95);border:1px solid rgba(255,255,255,.70);box-shadow:0 24px 60px rgba(2,8,23,.22);padding:2rem}
.kostify-login-brand p{color:#475569;font-weight:600}
.kostify-input-wrap input{background:#fff}

/* Kostify natural green-blue web admin refresh */
:root{
  --kf-bg:#f4fbf9;
  --kf-card:#ffffff;
  --kf-line:#d7ebe8;
  --kf-text:#103a3a;
  --kf-muted:#6b7f7c;
  --kf-deep:#064e4b;
  --kf-primary:#0f9f8f;
  --kf-primary-2:#075985;
  --kf-soft:#e8f7f4;
  --kf-shadow:0 18px 42px rgba(6,78,75,.08);
}
body{background:var(--kf-bg);color:var(--kf-text)}
svg{width:1em;height:1em;display:block}.bg-amber-50{background:#fff7ed}.text-amber-700{color:#b45309}
.kf-admin-shell{height:100vh;display:flex;overflow:hidden;background:radial-gradient(circle at 100% 0,rgba(15,159,143,.10),transparent 28%),var(--kf-bg)}
.kf-sidebar{width:284px;flex:0 0 284px;background:linear-gradient(180deg,#064e4b 0%,#0b5f58 52%,#075985 130%);color:#fff;display:flex;flex-direction:column;border-right:1px solid rgba(255,255,255,.12);box-shadow:18px 0 48px rgba(6,78,75,.14);z-index:20}
.kf-sidebar-brand{display:flex;align-items:center;gap:14px;padding:22px 20px;border-bottom:1px solid rgba(255,255,255,.12)}
.kf-sidebar-brand img{width:54px;height:54px;border-radius:18px;object-fit:contain;background:rgba(255,255,255,.08);box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 12px 28px rgba(0,0,0,.18)}
.kf-sidebar-brand h1{margin:0;font-size:22px;line-height:1;font-weight:950;letter-spacing:-.05em;color:#fff}.kf-sidebar-brand p{margin:5px 0 0;color:rgba(255,255,255,.72);font-size:12px;font-weight:750}
.kf-menu{flex:1;overflow-y:auto;padding:14px 14px 10px}.kf-menu::-webkit-scrollbar{width:6px}.kf-menu::-webkit-scrollbar-thumb{background:rgba(255,255,255,.22);border-radius:999px}
.kf-menu-title{margin:18px 10px 8px;color:rgba(255,255,255,.56);font-size:10px;font-weight:950;text-transform:uppercase;letter-spacing:.14em}
.kf-menu-link,.kf-logout-btn{width:100%;display:flex;align-items:center;gap:12px;border:0;text-align:left;text-decoration:none;color:rgba(255,255,255,.76);padding:11px 12px;border-radius:18px;font-size:14px;font-weight:850;transition:.18s ease;background:transparent}
.kf-menu-link:hover,.kf-logout-btn:hover{background:rgba(255,255,255,.10);color:#fff}.kf-menu-link.active{background:#fff;color:var(--kf-deep);box-shadow:0 14px 34px rgba(6,78,75,.18)}
.kf-menu-icon{width:34px;height:34px;border-radius:14px;display:grid;place-items:center;flex:0 0 34px;background:rgba(255,255,255,.10);color:currentColor}.kf-menu-icon svg{font-size:18px}.kf-menu-link.active .kf-menu-icon{background:var(--kf-soft);color:var(--kf-primary)}
.kf-logout-form{padding:14px;border-top:1px solid rgba(255,255,255,.12)}.kf-logout-btn{justify-content:flex-start;color:#ffe0e0;background:rgba(217,96,96,.12)}
.kf-main{flex:1;min-width:0;display:flex;flex-direction:column;overflow:hidden}.kf-topbar{min-height:86px;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 26px;background:rgba(255,255,255,.88);backdrop-filter:blur(18px);border-bottom:1px solid rgba(215,235,232,.9)}
.kf-topbar-copy h2{margin:0;color:var(--kf-text);font-size:28px;line-height:1.05;font-weight:950;letter-spacing:-.055em}.kf-topbar-copy p{margin:7px 0 0;color:var(--kf-muted);font-size:14px;font-weight:700}.kf-topbar-actions{display:flex;align-items:center;gap:12px}
.kf-notif-link{width:48px;height:48px;border-radius:18px;display:grid;place-items:center;text-decoration:none;color:var(--kf-primary);background:var(--kf-soft);border:1px solid var(--kf-line)}.kf-notif-link svg{font-size:21px}.kf-notif-link.active{background:var(--kf-primary);color:#fff}
.kf-admin-pill{min-width:210px;display:flex;align-items:center;gap:12px;padding:8px 12px;border-radius:20px;background:#fff;border:1px solid var(--kf-line);box-shadow:0 10px 24px rgba(6,78,75,.05)}.kf-admin-avatar{width:42px;height:42px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(135deg,var(--kf-deep),var(--kf-primary));color:#fff;font-weight:950}.kf-admin-pill strong{display:block;color:var(--kf-text);font-size:14px;line-height:1.2}.kf-admin-pill span{display:block;margin-top:3px;color:var(--kf-muted);font-size:11px;font-weight:750}
.kf-mobile-menu{display:none;width:46px;height:46px;border:0;border-radius:16px;background:var(--kf-soft);color:var(--kf-primary);place-items:center}.kf-mobile-menu svg{font-size:22px}
.kf-alert-area{padding:16px 26px 0}.kf-alert{border-radius:18px;padding:13px 16px;margin-bottom:12px;font-weight:800}.kf-alert.success{background:#e6f3eb;color:#2e7d54;border:1px solid #c9e6d5}.kf-alert.danger{background:#fde9e9;color:#bf4343;border:1px solid #f5caca}
.kf-content{flex:1;overflow-y:auto;padding:0 26px 26px}.kf-content::-webkit-scrollbar{width:8px}.kf-content::-webkit-scrollbar-thumb{background:#b7d2ce;border-radius:999px}
.kf-content .bg-white{background:rgba(255,255,255,.95)}.kf-content .rounded-3xl{border-radius:26px}.kf-content .rounded-2xl{border-radius:18px}.kf-content .border-slate-100,.kf-content .border-slate-200{border-color:var(--kf-line)}.kf-content .shadow-sm{box-shadow:var(--kf-shadow)}.kf-content .bg-slate-50{background:#f4fbf9}.kf-content .text-slate-500,.kf-content .text-slate-400{color:var(--kf-muted)}.kf-content .text-slate-900,.kf-content .text-slate-950{color:var(--kf-text)}.kf-content .text-teal-700,.kf-content .text-teal-600{color:var(--kf-primary)}
.kf-content a.bg-teal-600,.kf-content button.bg-teal-600,.kf-content .bg-teal-600{background:var(--kf-primary)}.kf-content a.bg-teal-600:hover,.kf-content button.bg-teal-600:hover{background:#0d8f81}.kf-content .bg-teal-100{background:var(--kf-soft);color:var(--kf-primary)}.kf-content .bg-blue-100{background:#e7f2fa;color:#075985}
input,select,textarea{background:#fff;border-color:var(--kf-line);color:var(--kf-text)}input:focus,select:focus,textarea:focus{border-color:var(--kf-primary);box-shadow:0 0 0 4px rgba(15,159,143,.12);outline:0}table th{color:var(--kf-text)}
.fa{width:1em;height:1em;display:inline-grid;place-items:center;position:relative;vertical-align:-.12em;color:currentColor}.fa::before{content:"";width:.9em;height:.9em;border:2px solid currentColor;border-radius:.25em;display:block}.fa-plus::before{border:0;border-radius:0;width:1em;height:1em;background:linear-gradient(currentColor,currentColor) center/100% 2px no-repeat,linear-gradient(currentColor,currentColor) center/2px 100% no-repeat}.fa-pencil::before{border:0;width:1em;height:.22em;border-radius:999px;background:currentColor;transform:rotate(-35deg)}.fa-trash::before{border-radius:.15em;border-top:.35em solid currentColor}.fa-save::before{border-radius:.2em}.fa-eye::before,.fa-eye-slash::before{border-radius:999px}.fa-arrow-left::before{border:0;width:1em;height:1em;background:linear-gradient(currentColor,currentColor) 45% 50%/80% 2px no-repeat}.fa-arrow-left::after{content:"";position:absolute;left:.08em;top:.28em;width:.45em;height:.45em;border-left:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg)}
@media(max-width:920px){.kf-sidebar{position:fixed;left:-292px;top:0;bottom:0;transition:.22s ease}.kf-sidebar.open{left:0}.kf-mobile-menu{display:grid}.kf-topbar{padding:14px 16px}.kf-admin-pill{display:none}.kf-topbar-copy h2{font-size:23px}.kf-content{padding:0 16px 22px}.kf-alert-area{padding:12px 16px 0}}
@media(max-width:560px){.kf-topbar{align-items:flex-start}.kf-topbar-actions{gap:8px}.kf-notif-link{width:44px;height:44px}.kf-topbar-copy p{font-size:12px}}

/* Natural web login, matching mobile feel but green-blue */
.kostify-login-body{min-height:100vh;padding:24px;background:#f4fbf9;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;color:var(--kf-text)}
.kostify-login-bg{position:fixed;inset:0;background:radial-gradient(circle at 12% 6%,rgba(15,159,143,.15),transparent 28%),linear-gradient(180deg,#f4fbf9,#edf8f6 60%,#f4fbf9);z-index:0}.kostify-login-bg:after{display:none}
.kostify-login-shell{position:relative;z-index:1;width:100%;display:flex;justify-content:center}.kostify-login-card.natural-login{width:100%;max-width:440px;background:transparent;border:0;box-shadow:none;padding:0}.kostify-login-brand{text-align:center;margin-bottom:28px}.kostify-login-logo{width:116px;height:116px;margin:0 auto 18px;border-radius:34px;background:#1f2a30;display:grid;place-items:center;overflow:hidden;box-shadow:0 26px 70px rgba(6,78,75,.14)}.kostify-login-logo img{width:86%;height:86%;object-fit:contain}.kostify-login-brand h1{margin:0;color:var(--kf-text);font-size:42px;font-weight:950;letter-spacing:-.06em}.kostify-login-brand p{margin:8px auto 0;max-width:350px;color:var(--kf-muted);font-size:15px;line-height:1.5;font-weight:650}.kostify-login-form{display:grid;gap:14px}.kostify-field label{display:block;margin:0 0 8px;color:var(--kf-text);font-size:15px;font-weight:900}.kostify-input-wrap{position:relative}.kostify-input-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:var(--kf-muted);z-index:1}.kostify-input-icon svg{width:22px;height:22px;fill:currentColor}.kostify-input-wrap input{width:100%;height:58px;border:1px solid var(--kf-line);background:#fff;border-radius:20px;padding:0 58px 0 52px;color:var(--kf-text);font-weight:750;outline:0;box-shadow:0 10px 24px rgba(6,78,75,.045);transition:.2s}.kostify-input-wrap input:focus{border-color:var(--kf-primary);box-shadow:0 0 0 4px rgba(15,159,143,.12)}.kostify-eye-btn{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:42px;height:42px;border:0;border-radius:16px;background:#e8f7f4;color:var(--kf-muted);display:grid;place-items:center}.kostify-eye-btn svg{width:22px;height:22px;fill:currentColor}.kostify-main-btn{width:100%;height:58px;border:0;border-radius:20px;margin-top:6px;background:linear-gradient(135deg,var(--kf-primary),var(--kf-primary-2));color:#fff;font-size:17px;font-weight:950;box-shadow:0 18px 30px rgba(15,159,143,.18)}.kostify-login-footer{text-align:center;margin-top:22px}.kostify-login-footer a{color:var(--kf-primary);font-weight:950}.kostify-login-footer p{margin:5px 0 0;color:#8ca19e;font-size:13px;font-weight:700}.kostify-alert{display:flex;gap:.6rem;align-items:flex-start;border-radius:18px;padding:12px 14px;margin-bottom:14px;font-size:.88rem;font-weight:800}.kostify-alert-danger{background:#fde9e9;color:#bf4343;border:1px solid #f5caca}.kostify-alert-success{background:#e6f3eb;color:#2e7d54;border:1px solid #c9e6d5}
@media(max-width:480px){.kostify-login-body{padding:20px}.kostify-login-logo{width:96px;height:96px;border-radius:28px}.kostify-login-brand h1{font-size:34px}.kostify-login-brand p{font-size:14px}}
.owner-register-body{min-height:100vh;margin:0;padding:24px;display:flex;align-items:center;justify-content:center;background:#f4fbf9;position:relative;overflow:auto}.owner-register-bg{position:fixed;inset:0;background:radial-gradient(circle at 12% 6%,rgba(15,159,143,.13),transparent 28%),linear-gradient(180deg,#f4fbf9,#edf8f6 65%,#f4fbf9)}.owner-register-card{position:relative;width:100%;max-width:880px;border-radius:32px;border:1px solid var(--kf-line);background:rgba(255,255,255,.96);padding:28px;box-shadow:0 24px 60px rgba(6,78,75,.10);margin:24px 0}.owner-register-card h1{color:var(--kf-text)}.owner-register-card input,.owner-register-card select{background:#fff;border-color:var(--kf-line)}@media(max-width:560px){.owner-register-body{padding:16px}.owner-register-card{padding:20px;border-radius:26px}}

.kf-notif-link{position:relative}.kf-notif-badge{position:absolute;top:-7px;right:-7px;min-width:21px;height:21px;padding:0 6px;border-radius:999px;display:grid;place-items:center;background:#ef4444;color:#fff;border:2px solid #fff;font-size:10px;font-weight:950;line-height:1;box-shadow:0 10px 18px rgba(239,68,68,.25)}