.main-layout[data-v-79a6045c]{display:flex;flex-direction:column;min-height:100vh;min-height:100dvh;background:var(--jago-gray-light)}.header[data-v-79a6045c]{position:sticky;top:0;z-index:100;background:var(--jago-white);padding:var(--space-4);box-shadow:var(--shadow-sm)}.header-content[data-v-79a6045c]{max-width:480px;margin:0 auto}.logo[data-v-79a6045c]{display:flex;align-items:center;gap:var(--space-2);cursor:pointer}.logo-text[data-v-79a6045c]{font-size:1.25rem;font-weight:700;color:var(--jago-green)}.main-content[data-v-79a6045c]{flex:1;padding-bottom:calc(80px + var(--safe-area-inset-bottom));overflow-y:auto}.bottom-nav[data-v-79a6045c]{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:space-around;align-items:center;background:var(--jago-white);padding:var(--space-3) var(--space-4);padding-bottom:calc(var(--space-3) + var(--safe-area-inset-bottom));box-shadow:0 -4px 20px #00000014;border-radius:var(--radius-xl) var(--radius-xl) 0 0;z-index:100}.nav-item[data-v-79a6045c]{display:flex;flex-direction:column;align-items:center;gap:var(--space-1);padding:var(--space-2);color:var(--jago-gray);transition:all var(--transition-fast);border-radius:var(--radius-md);min-width:56px}.nav-item[data-v-79a6045c]:active{transform:scale(.95)}.nav-item.active[data-v-79a6045c]{color:var(--jago-green)}.nav-item.main[data-v-79a6045c]{background:var(--jago-gradient);color:var(--jago-white);padding:var(--space-3) var(--space-5);border-radius:var(--radius-full);margin-top:-32px;box-shadow:var(--shadow-card)}.nav-item.main[data-v-79a6045c]:active{transform:scale(1.05)}.nav-label[data-v-79a6045c]{font-size:.625rem;font-weight:500}.auth-layout[data-v-0b527ae9]{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;background:var(--jago-white)}.auth-header[data-v-0b527ae9]{padding:var(--space-6) var(--space-4);text-align:center;background:linear-gradient(180deg,var(--jago-green-light) 0%,var(--jago-white) 100%)}.logo[data-v-0b527ae9]{display:flex;flex-direction:column;align-items:center;gap:var(--space-2)}.logo-text[data-v-0b527ae9]{font-size:1.5rem;font-weight:800;color:var(--jago-green)}.auth-content[data-v-0b527ae9]{flex:1;display:flex;flex-direction:column;padding:var(--space-6) var(--space-4);max-width:480px;margin:0 auto;width:100%}.auth-footer[data-v-0b527ae9]{padding:var(--space-6) var(--space-4);text-align:center}.auth-footer p[data-v-0b527ae9]{font-size:.75rem;color:var(--jago-gray)}#jagoan-app[data-v-51dee5f8]{min-height:100vh;min-height:100dvh}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:1rem;line-height:1.5;color:#1a1a1a;background-color:#f3f4f6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}:root{--jago-green: #00A86B;--jago-green-dark: #008655;--jago-green-light: #E8F5EF;--jago-dark: #1A1A1A;--jago-gray: #6B7280;--jago-gray-light: #F3F4F6;--jago-white: #FFFFFF;--jago-blue: #3B82F6;--jago-red: #EF4444;--jago-yellow: #F59E0B;--jago-purple: #8B5CF6;--jago-gradient: linear-gradient(135deg, #00A86B 0%, #00D68F 100%);--jago-gradient-dark: linear-gradient(135deg, #008655 0%, #00A86B 100%);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--shadow-card: 0 4px 20px rgba(0, 168, 107, .15);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 9999px;--transition-fast: .15s ease;--transition-base: .2s ease;--transition-slow: .3s ease;--safe-area-inset-top: env(safe-area-inset-top, 0px);--safe-area-inset-bottom: env(safe-area-inset-bottom, 0px)}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.2}h1{font-size:2rem}h2{font-size:1.5rem}h3{font-size:1.25rem}h4{font-size:1.125rem}.text-sm{font-size:.875rem}.text-xs{font-size:.75rem}.text-lg{font-size:1.125rem}a{color:var(--jago-green);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--jago-green-dark)}input,textarea,select{font-family:inherit;font-size:1rem}input:focus,textarea:focus,select:focus{outline:none}button{font-family:inherit;font-size:1rem;cursor:pointer;border:none;background:none}button:disabled{cursor:not-allowed;opacity:.5}.container{width:100%;max-width:480px;margin:0 auto;padding:0 var(--space-4)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.text-center{text-align:center}.text-right{text-align:right}.text-green{color:var(--jago-green)}.text-red{color:var(--jago-red)}.text-gray{color:var(--jago-gray)}.bg-white{background-color:var(--jago-white)}.bg-green{background-color:var(--jago-green)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-4px)}20%,40%,60%,80%{transform:translate(4px)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.animate-fadeIn{animation:fadeIn var(--transition-slow) ease-out}.animate-slideUp{animation:slideUp var(--transition-slow) ease-out}.animate-slideDown{animation:slideDown var(--transition-slow) ease-out}.animate-scaleIn{animation:scaleIn var(--transition-base) ease-out}.animate-shake{animation:shake .5s ease-in-out}.animate-pulse{animation:pulse 2s ease-in-out infinite}.animate-spin{animation:spin 1s linear infinite}.skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-sm)}.page-enter-active,.page-leave-active{transition:all .3s ease}.page-enter-from{opacity:0;transform:translate(20px)}.page-leave-to{opacity:0;transform:translate(-20px)}.modal-enter-active,.modal-leave-active{transition:all .3s ease}.modal-enter-from,.modal-leave-to{opacity:0}.modal-enter-from .modal-content,.modal-leave-to .modal-content{transform:translateY(100%)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#a1a1a1}::selection{background:var(--jago-green-light);color:var(--jago-green-dark)}:focus-visible{outline:2px solid var(--jago-green);outline-offset:2px}.safe-area-top{padding-top:var(--safe-area-inset-top)}.safe-area-bottom{padding-bottom:var(--safe-area-inset-bottom)}.hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.hide-scrollbar::-webkit-scrollbar{display:none}