@import "https://fonts.googleapis.com/css2?family=Nunito:wght@400;500;600;700;800;900;1000&display=swap";:root{font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#f7f7ff;background:#0c0c14;font-family:Nunito,system-ui,sans-serif}html{scroll-behavior:smooth;width:100%;min-height:100%}body{background:#0c0c14;min-width:320px;min-height:100vh;margin:0;padding:0}#root{width:100%;min-height:100vh}button,input,select,textarea{font-family:Nunito,system-ui,sans-serif}button{-webkit-tap-highlight-color:transparent}input,select,textarea{font-size:16px}::selection{color:#101410;background:#b6ff55}:root{color:#f7f7ff;font-synthesis:none;background:#0c0c14;font-family:Nunito,system-ui,sans-serif}*{box-sizing:border-box}body{background:#0c0c14;min-width:320px;margin:0}button,input,select{font:inherit}button{cursor:pointer}.urban-app{background:radial-gradient(at 10% 0,#30204b 0%,#0000 32%),radial-gradient(at 100% 35%,#102e2a 0%,#0000 35%),#0c0c14;min-height:100vh}.urban-header{background:#0f0f1ad9;border-bottom:1px solid #2b2b3b;justify-content:space-between;align-items:center;gap:12px;width:100%;padding:22px max(20px,50% - 360px);display:flex}.urban-brand{align-items:center;gap:12px;min-width:0;display:flex}.urban-logo{color:#161820;background:#b6ff55;border-radius:15px;flex-shrink:0;justify-content:center;align-items:center;width:45px;height:45px;display:flex;box-shadow:0 5px 25px #b6ff5530}.urban-eyebrow{color:#b6ff55;letter-spacing:1.5px;font-size:10px;font-weight:900;display:block}.urban-brand h1{letter-spacing:-.8px;color:#fff;margin:3px 0 0;font-size:20px;font-weight:1000}.urban-brand h1 span{color:#b6ff55}.urban-level{color:#ffc46b;white-space:nowrap;background:#292036;border-radius:30px;align-items:center;gap:6px;padding:9px 12px;font-size:13px;display:flex}.urban-content{width:min(100% - 28px,720px);margin:22px auto;padding-bottom:35px}.urban-hero{background:linear-gradient(135deg,#5937a2,#30265d 70%,#1c3240);border:1px solid #7a59bd;border-radius:25px;margin-bottom:18px;padding:25px;box-shadow:0 12px 35px #00000030}.hero-top{justify-content:space-between;align-items:center;gap:10px;margin-bottom:22px;display:flex}.hero-top>span:first-child{letter-spacing:1px;color:#d7c7ff;align-items:center;gap:6px;font-size:11px;font-weight:900;display:flex}.hero-tag{color:#d5ffad;letter-spacing:.5px;background:#ffffff1a;border-radius:30px;padding:7px 10px;font-size:9px;font-weight:900}.urban-hero>p{color:#d8cef2;margin:0 0 5px;font-size:14px;font-weight:700}.urban-hero h2{color:#fff;letter-spacing:-1.5px;margin:0 0 23px;font-size:clamp(34px,7vw,46px);font-weight:1000}.hero-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;margin-bottom:17px;display:grid}.hero-stats>div{background:#ffffff15;border:1px solid #ffffff20;border-radius:16px;gap:5px;padding:14px;display:grid}.hero-stats svg{color:#b6ff55}.hero-stats span{color:#d8cef2;letter-spacing:1px;font-size:10px;font-weight:900}.hero-stats strong{color:#fff;overflow-wrap:anywhere;font-size:20px;font-weight:1000}.urban-hero>small{color:#d8cef2;font-size:11px;line-height:1.6}.urban-card{background:#191923;border:1px solid #30303f;border-radius:23px;margin-bottom:16px;padding:22px;box-shadow:0 7px 22px #0000001c}.section-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;display:flex}.section-kicker{color:#a99bc4;letter-spacing:1.7px;margin-bottom:5px;font-size:10px;font-weight:900;display:block}.section-heading h2{color:#fff;letter-spacing:-.5px;align-items:center;gap:9px;margin:0;font-size:21px;font-weight:1000;display:flex}.section-heading h2 svg{color:#b6ff55}.urban-link{color:#e2c5ff;background:#31243f;border:1px solid #5e4c7b;border-radius:30px;padding:9px 15px;font-size:12px;font-weight:900}.meta-card{border-color:#574178}.meta-values{flex-wrap:wrap;align-items:baseline;gap:8px;margin-bottom:16px;display:flex}.meta-values strong{color:#b6ff55;font-size:32px;font-weight:1000}.meta-values span{color:#a8a7bb;font-size:15px;font-weight:700}.urban-progress{background:#353442;border-radius:30px;width:100%;height:15px;overflow:hidden}.urban-progress>div{background:linear-gradient(90deg,#b6ff55,#5cf1ba);border-radius:30px;height:100%;transition:width .3s;box-shadow:0 0 16px #b6ff5550}.meta-bottom{color:#b7b3c5;justify-content:space-between;gap:10px;margin-top:9px;font-size:12px;font-weight:800;display:flex}.urban-reward{background:#30253a;border:1px solid #5a4162;border-radius:17px;align-items:center;gap:13px;margin-top:22px;padding:16px;display:flex}.urban-reward svg{color:#ffc46b;flex-shrink:0}.urban-reward small{color:#c8a7df;letter-spacing:1px;font-size:10px;font-weight:900;display:block}.urban-reward strong{color:#fff;margin-top:4px;font-size:15px;font-weight:900;display:block}.urban-success{color:#b6ff55;align-items:center;gap:8px;font-weight:900;display:flex}.points-card{background:linear-gradient(135deg,#242035,#1a1a25)}.points-bubble{color:#172016;white-space:nowrap;background:#b6ff55;border-radius:30px;padding:11px 15px;font-weight:1000}.urban-muted{color:#b7b4c7;font-size:13px;line-height:1.7}.urban-note{color:#9995ab;align-items:center;gap:8px;font-size:12px;line-height:1.6;display:flex}.activity-tabs{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-bottom:20px;display:grid}.activity-tabs button{color:#c6c2d2;background:#292835;border:1px solid #454356;border-radius:13px;justify-content:center;align-items:center;gap:7px;min-height:45px;padding:9px 7px;font-size:13px;font-weight:900;display:flex}.activity-tabs button.selected{color:#151a13;background:#b6ff55;border-color:#b6ff55}.urban-form{gap:15px;display:grid}.urban-form label{color:#d9d5e5;gap:7px;font-size:13px;font-weight:900;display:grid}.urban-form input,.urban-form select{color:#fff;background:#252532;border:1px solid #454356;border-radius:13px;outline:none;width:100%;min-width:0;height:50px;padding:12px 14px;font-size:16px}.urban-form input:focus,.urban-form select:focus{border-color:#b6ff55;box-shadow:0 0 0 3px #b6ff5520}.urban-form input::placeholder{color:#88849b}.urban-form input[type=date]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.urban-primary,.urban-secondary{border-radius:15px;justify-content:center;align-items:center;gap:9px;width:100%;min-height:52px;margin-top:10px;padding:12px;font-size:15px;font-weight:1000;display:flex}.urban-primary{color:#172016;background:#b6ff55;border:0;box-shadow:0 5px 20px #b6ff5520}.urban-primary:hover{background:#d0ff8b}.urban-secondary{color:#eee0ff;background:#322744;border:1px solid #8c71c1}.count-tag{color:#ddd1f4;background:#333044;border-radius:30px;padding:6px 11px;font-size:12px;font-weight:900}.urban-history{gap:10px;display:grid}.urban-movement{background:#252530;border:1px solid #383747;border-radius:15px;align-items:center;gap:12px;padding:13px;display:flex}.movement-icon{border-radius:13px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.movement-icon.venta{color:#b6ff55;background:#253f31}.movement-icon.gasto{color:#ff929c;background:#4b2b36}.movement-icon.tarea{color:#c2a1ff;background:#392d54}.movement-info{flex:1;gap:3px;min-width:0;display:grid}.movement-info strong{color:#fff;overflow-wrap:anywhere;font-size:14px;font-weight:900}.movement-info span{color:#a9a5b8;font-size:11px}.movement-info small{color:#b6ff55;font-size:11px;font-weight:900}.movement-actions{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:7px;display:flex}.movement-actions strong{color:#fff;font-size:13px}.movement-actions button{color:#ff929c;background:#492d3a;border:0;border-radius:11px;justify-content:center;align-items:center;width:35px;height:35px;display:flex}.urban-empty{color:#a9a5b8;text-align:center;justify-items:center;gap:10px;padding:25px 10px;display:grid}.urban-empty svg{color:#b6ff55}.urban-empty p{margin:0;font-size:13px}.urban-footer{color:#8e8a9f;letter-spacing:1.5px;justify-content:center;align-items:center;gap:8px;padding:20px;font-size:10px;font-weight:900;display:flex}@media (width<=600px){.urban-header{padding:17px 14px}.urban-logo{border-radius:12px;width:39px;height:39px}.urban-brand{gap:9px}.urban-brand h1{font-size:16px}.urban-eyebrow{letter-spacing:1px;font-size:8px}.urban-level{padding:8px;font-size:11px}.urban-content{width:calc(100% - 22px);margin:13px auto}.urban-hero,.urban-card{border-radius:19px;padding:18px}.section-heading h2{font-size:18px}.meta-values strong{font-size:27px}.hero-stats strong{font-size:17px}.hero-tag{font-size:8px}.urban-movement{gap:9px;padding:10px}}@media (width<=360px){.urban-brand h1{font-size:14px}.urban-level{font-size:10px}.activity-tabs button{gap:4px;font-size:11px}}