:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;overflow-x:hidden}#root{width:100%;margin:0;padding:0;overflow-x:hidden}.app{min-height:100vh;width:100%;display:flex;flex-direction:column;overflow-x:hidden}.landing-page{background:url(/assets/pomburan-landing.png);background-size:cover;background-position:center center;background-repeat:no-repeat}.navbar{position:sticky;top:0;z-index:100;background-color:#282c34;width:100%;padding:0 1rem;height:70px;display:flex;align-items:center;justify-content:space-between;box-sizing:border-box}.navbar-transparent{background-color:transparent}.nav-left{display:flex;align-items:center;gap:16px}.nav-logo{width:40px;height:40px;object-fit:contain}.nav-brand{font-size:1.4rem;font-weight:700;color:#fff;letter-spacing:.05em}.nav-right{display:flex;align-items:center;gap:1rem}.nav-link{background:none;border:none;color:#fffc;text-decoration:none;font-weight:400;padding:8px 16px;border-radius:6px;cursor:pointer;transition:all .2s ease}.nav-link:hover{color:#fff}.nav-link-transparent{background:transparent;border:1px solid rgba(255,255,255,.3);color:#fff;padding:8px 16px;border-radius:6px;transition:all .2s ease}.nav-link-transparent:hover{background:#fff3;border-color:#ffffff80;color:#fff}.nav-cta{background-color:#646cff;color:#fff!important;padding:8px 16px;border-radius:6px;font-weight:500;transition:background-color .2s ease}.nav-cta:hover{background-color:#535bf2}.nav-cta-transparent{background:transparent;border:2px solid rgba(255,255,255,.5);color:#fff!important;padding:8px 16px;border-radius:6px;font-weight:500;transition:all .2s ease}.nav-cta-transparent:hover{background:#fff3;border-color:#fff;color:#fff!important}.tab-btn{background:none;border:none;color:#fffc;font-weight:400;cursor:pointer;padding:8px 16px;border-radius:6px;transition:all .2s ease}.tab-btn:hover{color:#fff;background-color:#ffffff1a}.tab-btn.active{color:#fff;background-color:#fff3;font-weight:500}.landing-content,.app-content{flex:1;max-width:1280px;margin:0 auto;padding:1rem}.tab-content{max-width:800px;margin:0 auto;padding:1rem}.auth-section{max-width:600px;margin:0 auto;padding:2rem 1rem;text-align:center}h1{font-size:3.2em;line-height:1.1;margin-bottom:1rem}.welcome-section{max-width:600px;margin:0 auto;text-align:center;padding:4rem 2rem}.landing-page .welcome-section h1{color:#fff;text-shadow:2px 2px 4px rgba(0,0,0,.8)}.landing-page .welcome-section p{color:#ffffffe6;font-size:1.2em;text-shadow:1px 1px 2px rgba(0,0,0,.8)}.landing-footer{text-align:center;padding:2rem;margin-top:auto}.landing-footer p{color:#fff;font-weight:600;font-size:.9rem;text-shadow:1px 1px 2px rgba(0,0,0,.8);margin:0;opacity:.9}.dashboard{max-width:800px;margin:0 auto;padding:2rem}.profile-section{margin:2rem 0;display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.profile-info{margin-top:2rem;padding:1rem;background-color:#1a1a1a;border-radius:8px;border:1px solid #333}.profile-info h3{margin-top:0;color:#fff}.profile-info pre{text-align:left;font-size:.8em;color:#ccc;overflow-x:auto}.error{margin:1rem 0;padding:1rem;background-color:#441;border:1px solid #844;border-radius:8px;color:#f88}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;color:#fff;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}button:disabled{opacity:.6;cursor:not-allowed}code{background-color:#1a1a1a;padding:2px 4px;border-radius:4px;font-family:Courier New,Courier,monospace}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}.navbar{background-color:#f9f9f9;border-bottom:1px solid #e0e0e0}.nav-brand{color:#213547}.nav-link{color:#213547cc}.nav-link:hover{color:#213547}.tab-btn{color:#213547cc}.tab-btn:hover{color:#213547;background-color:#2135471a}.tab-btn.active{color:#213547;background-color:#21354733}.profile-info{background-color:#f0f0f0;border:1px solid #ddd}.profile-info h3{color:#213547}.profile-info pre{color:#555}.error{background-color:#ffe6e6;border:1px solid #ffcccc;color:#c00}button{background-color:#f9f9f9;color:#213547}code{background-color:#f1f1f1}}@media (max-width: 768px){.navbar{padding:0 .75rem;height:60px}.nav-right{gap:.5rem}.nav-link,.nav-link-transparent,.nav-cta,.nav-cta-transparent{padding:6px 12px;font-size:.9rem}.nav-brand{font-size:1.2rem}.nav-logo{width:32px;height:32px}.nav-left{gap:12px}.landing-content,.app-content,.tab-content{padding:.75rem}.auth-section{padding:1.5rem .75rem}.welcome-section h1{font-size:2.5rem}.landing-page{background-attachment:scroll}}@media (max-width: 480px){.navbar{padding:0 .5rem}.nav-right{gap:.25rem}.nav-link,.nav-link-transparent,.nav-cta,.nav-cta-transparent{padding:4px 8px;font-size:.85rem}.nav-brand{font-size:1.1rem}.welcome-section h1{font-size:2rem}.landing-content{padding:.5rem}}