@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--primary:#1e3a5f;--primary-light:#1e40af;--primary-dark:#15294a;--brand-cta:#1d4ed8;--secondary:#64748b;--accent:#3b82f6;--accent-hover:#2563eb;--surface:#fff;--surface-secondary:#f8fafc;--border:#e2e8f0;--border-input:#cbd5e1;--border-light:#f1f5f9;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#64748b;--success:#10b981;--warning:#f59e0b;--danger:#ef4444;--touch-min:44px;--sidebar-width:260px;--header-height:64px;--radius:12px;--radius-sm:8px;--shadow-sm:0 1px 3px #0000000f, 0 1px 2px #0000000a;--shadow:0 4px 16px #00000014, 0 2px 6px #0000000d;--shadow-lg:0 10px 40px #0000001a, 0 4px 16px #0000000f}html,body,#root{background-color:var(--surface-secondary);height:100%;color:var(--text-primary);-webkit-font-smoothing:antialiased;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:15px;line-height:1.55}button{cursor:pointer;border:none;outline:none;font-family:inherit}input,select,textarea{outline:none;font-family:inherit}table{border-collapse:collapse;width:100%}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin{animation:1s linear infinite spin}.kds-layout{background-color:#f8fafc;flex-direction:column;min-height:100vh;display:flex}.kds-body{flex:1;display:flex;position:relative}.kds-main{background-color:#0000;flex-direction:column;flex:1;min-width:0;display:flex}.kds-topbar{z-index:40;background:#fff;border-bottom:1px solid #e2e8f0;flex-shrink:0;justify-content:space-between;align-items:center;height:64px;padding:0 28px;display:flex;position:sticky;top:0;box-shadow:0 1px 3px #0000000a}.kds-topbar-left{align-items:center;gap:8px;display:flex}.kds-breadcrumb-base{color:#64748b;font-size:13.5px;font-weight:500}.kds-breadcrumb-active{color:#0f172a;font-size:13.5px;font-weight:600}.kds-topbar-right{align-items:center;gap:12px;display:flex}.kds-topbar-notify{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:10px;justify-content:center;align-items:center;width:44px;height:44px;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.kds-topbar-notify:hover{background:#f8fafc;border-color:#cbd5e1}.kds-topbar-notify-dot{background:#ef4444;border:1.5px solid #fff;border-radius:50%;width:8px;height:8px;position:absolute;top:7px;right:7px}.kds-topbar-user{cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:40px;outline:none;align-items:center;gap:10px;min-height:44px;padding:4px 12px 4px 6px;transition:all .2s;display:flex}.kds-topbar-user:hover{background:#fff;border-color:#bfdbfe;transform:translateY(-1px);box-shadow:0 4px 12px #3b82f626,0 2px 4px #3b82f60d}.kds-summary-card{-webkit-tap-highlight-color:transparent;transition:all .2s cubic-bezier(.4,0,.2,1);outline:none!important}.kds-summary-card:focus,.kds-summary-card:active{outline:none!important}.kds-summary-card:focus-visible{outline:none!important}.kds-summary-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000000d}.kds-topbar-user-avatar{color:#fff;background:linear-gradient(135deg,#1e3a5f,#3b82f6);border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:11px;font-weight:700;display:flex;box-shadow:0 0 0 2px #fff,0 0 0 3px #3b82f633}.kds-topbar-user-name{color:#0f172a;font-size:13px;font-weight:600}.kds-content{flex:1;padding:28px}.kds-hamburger-btn{cursor:pointer;color:#0f172a;background:0 0;border:1px solid #0000;border-radius:8px;min-width:44px;min-height:44px;padding:8px;display:none}.kds-sidebar-wrapper{align-items:stretch;height:calc(100vh - 64px);display:flex;position:sticky;top:64px}.kds-sidebar-overlay{z-index:40;background:#0006;width:100vw;height:100vh;display:none;position:fixed;top:0;left:0}@media (max-width:768px){.kds-hamburger-btn{justify-content:center;align-items:center;display:flex}.kds-sidebar-wrapper{z-index:50;height:100vh;transition:left .3s;position:fixed;top:0;left:-280px}.kds-sidebar-wrapper.open{left:0}.kds-sidebar-overlay.show{display:block}.kds-topbar{justify-content:space-between;padding:0 12px}.kds-topbar-right button[title="Keluar / Logout"]{justify-content:center;min-width:44px;min-height:44px;margin-left:0!important;padding:10px!important}.kds-topbar-right button[title="Keluar / Logout"] span{display:none}.kds-content{padding:8px 10px}.kds-topbar-user-name{display:none}.kds-topbar-left{flex:1;min-width:0;overflow:hidden}.kds-topbar-left img{height:32px!important;margin-right:0!important}.kds-breadcrumb-base,.kds-breadcrumb-base+svg,.kds-breadcrumb-active{display:none}.kds-topbar-right{flex-shrink:0;gap:8px}.kds-topbar-user>div:nth-child(2){display:none!important}}@keyframes ring{0%{transform:rotate(0)}10%{transform:rotate(15deg)}20%{transform:rotate(-10deg)}30%{transform:rotate(10deg)}40%{transform:rotate(-10deg)}50%{transform:rotate(5deg)}60%{transform:rotate(-5deg)}70%{transform:rotate(0)}to{transform:rotate(0)}}.kds-topbar-notify.ringing{color:#1d4ed8;animation:1s ease-in-out infinite ring}.kds-topbar-notify.ringing svg{stroke:#1d4ed8}.kds-tr{transition:background-color .2s}.kds-tr:hover{background-color:#f8fafc}.kds-notification-dropdown{z-index:1000;background-color:#fff;border:1px solid #e2e8f0;border-radius:12px;width:min(320px,100vw - 24px);position:absolute;top:48px;right:0;overflow:hidden;box-shadow:0 10px 25px -5px #0000001a,0 8px 10px -6px #0000001a}.kds-notification-header{color:#1e293b;background-color:#f8fafc;border-bottom:1px solid #f1f5f9;padding:12px 16px;font-weight:600}.kds-notification-item{border-bottom:1px solid #f1f5f9;gap:12px;padding:12px 16px;transition:background-color .2s;display:flex}.kds-notification-item:hover{background-color:#f8fafc}.kds-notification-icon{background-color:#eff6ff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.kds-notification-content{flex-direction:column;display:flex}.kds-notification-content p{color:#1e293b;margin:0;font-size:13px}.kds-notification-content span{color:#64748b;margin-top:2px;font-size:12px;line-height:1.4}.kds-notification-empty{text-align:center;color:#94a3b8;padding:32px;font-size:13px}.kds-tombol-utama:hover:not(:disabled){background-color:#2563eb!important}.kds-form input:focus,.kds-form select:focus,.kds-form textarea:focus{box-shadow:0 0 0 3px #1d4ed81f;border-color:#1d4ed8!important}.kds-form input[type=checkbox],.kds-form input[type=radio]{accent-color:#1d4ed8}.swal2-styled.swal2-confirm{background-color:#1d4ed8}.swal2-styled.swal2-confirm:hover{background-color:#2563eb}