body{background:#f0f2f5;font-family:Instrument Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:.875rem}.app-body{min-height:100vh}.peta-shell{position:relative;height:100vh;width:100%;overflow:hidden}@supports (height: 100dvh){.peta-shell{height:100dvh}}.peta-safe-bottom{bottom:calc(env(safe-area-inset-bottom,0px) + 20px)!important}.peta-safe-bottom-above{bottom:calc(env(safe-area-inset-bottom,0px) + 84px)!important}.peta-marker-label{background:#fffffff2!important;color:#0f172a!important;border:1px solid rgba(0,0,0,.08)!important;box-shadow:0 2px 8px #00000029!important;border-radius:8px!important;padding:2px 8px!important;font-size:11px!important;font-weight:700!important;font-family:Instrument Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif!important;white-space:nowrap!important}.peta-marker-label:before{border-top-color:#fffffff2!important}.sidebar-wrapper{position:fixed;left:0;top:0;bottom:0;z-index:1030;width:260px;background:#fff;border-right:1px solid rgba(0,0,0,.06);transition:width .25s ease,transform .25s ease;display:flex;flex-direction:column;overflow:hidden}.sidebar-wrapper.collapsed{width:64px}.sidebar-wrapper.collapsed .sidebar-text,.sidebar-wrapper.collapsed .sidebar-header-text,.sidebar-wrapper.collapsed .menu-title{display:none}.sidebar-header{display:flex;align-items:center;gap:12px;height:64px;padding:0 16px;border-bottom:1px solid rgba(0,0,0,.06);flex-shrink:0}.sidebar-header .brand-icon{width:32px;height:32px;border-radius:8px;background:linear-gradient(135deg,#3b82f6,#2563eb);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#fff}.sidebar-nav{flex:1;overflow-y:auto;padding:16px 8px}.menu-title{font-size:11px;font-weight:700;color:#0000004d;text-transform:uppercase;letter-spacing:.1em;padding:8px 16px 4px}.nav-side{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:8px;color:#0009;font-size:14px;font-weight:500;transition:all .2s;text-decoration:none}.nav-side:hover{background:#f0f2f5;color:#000000d9;text-decoration:none}.nav-side.active{background:#3b82f6;color:#fff;box-shadow:0 2px 8px #3b82f659}.nav-side i{width:20px;text-align:center;flex-shrink:0}.nav-side:not(.active) i{color:#0000004d}.nav-side:hover:not(.active) i{color:#000000a6}.nav-side.active i{color:#fff}.main-wrapper{margin-left:260px;transition:margin-left .25s ease;min-height:100vh;display:flex;flex-direction:column}.main-wrapper.expanded{margin-left:64px}.app-navbar{background:#ffffffd9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid rgba(0,0,0,.06);height:64px;padding:0 24px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:1020}.btn-toggle{background:none;border:none;width:40px;height:40px;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#00000073}.btn-toggle:hover{background:#f0f2f5;color:#000000b3}.content-area{flex:1;padding:24px}.sidebar-overlay{position:fixed;inset:0;background:#0000004d;z-index:1029;display:none}@media(max-width:991.98px){.sidebar-wrapper{transform:translate(-100%);width:280px!important}.sidebar-wrapper.open{transform:translate(0)}.sidebar-wrapper.collapsed{width:280px!important}.sidebar-wrapper.collapsed .sidebar-text,.sidebar-wrapper.collapsed .sidebar-header-text,.sidebar-wrapper.collapsed .menu-title{display:flex}.main-wrapper,.main-wrapper.expanded{margin-left:0}.sidebar-overlay.show{display:block}}@media(min-width:992px){.sidebar-overlay{display:none!important}.sidebar-wrapper.collapsed .btn-toggle-collapse i{transform:rotate(180deg)}}.card-app{background:#fff;border-radius:12px;border:1px solid rgba(0,0,0,.06);box-shadow:0 1px 3px #0000000a}.page-title{font-size:1.5rem;font-weight:700;color:#000000e0}.page-subtitle{font-size:.875rem;color:#0000006b;margin-top:4px}.bg-grad-blue{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.bg-grad-green{background:linear-gradient(135deg,#10b981,#059669)}.bg-grad-orange{background:linear-gradient(135deg,#f97316,#ea580c)}.bg-grad-purple{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.bg-grad-red{background:linear-gradient(135deg,#ef4444,#dc2626)}.bg-grad-teal{background:linear-gradient(135deg,#2dd4bf,#0d9488)}.icon-box{display:flex;align-items:center;justify-content:center;border-radius:10px;flex-shrink:0;color:#fff}.btn-blue{color:#fff;background:#3b82f6;border:none;box-shadow:0 2px 6px #3b82f640}.btn-blue:hover{background:#2563eb;color:#fff}.badge-soft{padding:4px 10px;border-radius:6px;font-size:.75rem;font-weight:600;display:inline-flex;align-items:center;gap:4px}.badge-soft-blue{background:#dbeafe;color:#1d40af}.badge-soft-green{background:#d1fae5;color:#065f46}.badge-soft-yellow{background:#fef3c7;color:#92400e}.badge-soft-red{background:#fee2e2;color:#991b1b}.badge-soft-gray{background:#f3f4f6;color:#4b5563}.badge-soft-purple{background:#ede9fe;color:#5b21b6}.app-toast{position:fixed;top:16px;right:16px;z-index:1100;min-width:280px}.inventaris-table input[type=checkbox]{width:18px;height:18px;cursor:pointer;vertical-align:middle;accent-color:#3b82f6}.react-select-container>div:focus{outline:none}.react-select__menu-portal{z-index:9999!important}.react-select__menu-portal .react-select__menu{background:#fff!important;opacity:1!important;border:1px solid #d1d5db!important;box-shadow:0 4px 20px #00000026!important}.react-select__menu-portal .react-select__menu-list{background:#fff!important;opacity:1!important}.react-select__menu-portal .react-select__option{background:#fff!important;opacity:1!important;color:#1f2937!important}.react-select__menu-portal .react-select__option--is-focused{background:#ede9fe!important;color:#7c3aed!important}.react-select__menu-portal .react-select__option--is-selected{background:#7c3aed!important;color:#fff!important}