@import url(https://fonts.googleapis.com/css2?family=Space+Mono:wght@400;700&family=Onest:wght@300;400;500;600;700&display=swap);:root{--bg:#0a0a0f;--bg2:#12121a;--bg3:#1a1a26;--border:#2a2a3a;--accent:#4f8aff;--accent2:#7c3aed;--green:#22c55e;--red:#ef4444;--text:#f0f0f8;--text2:#88a;--mono:"Space Mono",monospace;--sans:"Onest",sans-serif;--radius:16px;--radius-sm:10px}*{box-sizing:border-box;margin:0;padding:0}body{background:#0a0a0f;background:var(--bg);color:#f0f0f8;color:var(--text);font-family:Onest,sans-serif;font-family:var(--sans);overflow-x:hidden}.app,body{min-height:100vh}.app{display:flex;flex-direction:column;margin:0 auto;max-width:480px}.app-header{background:#0a0a0f;background:var(--bg);border-bottom:1px solid #2a2a3a;border-bottom:1px solid var(--border);justify-content:space-between;padding:16px 20px 12px;position:sticky;top:0;z-index:10}.app-header,.logo{align-items:center;display:flex}.logo{gap:8px}.logo-icon{font-size:22px}.logo-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#4f8aff,#7c3aed);background:linear-gradient(135deg,var(--accent),var(--accent2));-webkit-background-clip:text;background-clip:text;font-family:Space Mono,monospace;font-family:var(--mono);font-size:16px;font-weight:700}.badge{border-radius:20px;font-size:11px;font-weight:600;letter-spacing:.5px;padding:4px 10px}.badge-active{background:#22c55e26;border:1px solid #22c55e4d;color:#22c55e;color:var(--green)}.badge-inactive{background:#ef444426;border:1px solid #ef44444d;color:#ef4444;color:var(--red)}.app-main{flex:1 1;overflow-y:auto;padding:20px 20px 100px}.card{animation:fadeUp .3s ease;background:#12121a;background:var(--bg2);border:1px solid #2a2a3a;border:1px solid var(--border);border-radius:16px;border-radius:var(--radius);margin-bottom:12px;padding:20px}.card-title{color:#88a;color:var(--text2);font-size:11px;font-weight:600;letter-spacing:1.5px;margin-bottom:14px;text-transform:uppercase}.card-value{color:#f0f0f8;color:var(--text);font-family:Space Mono,monospace;font-family:var(--mono);font-size:15px}.row{align-items:center;border-bottom:1px solid #2a2a3a;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:10px 0}.row:last-child{border-bottom:none}.row-label{color:#88a;color:var(--text2);font-size:14px}.row-value{font-size:14px;font-weight:500}.btn{border:none;border-radius:10px;border-radius:var(--radius-sm);cursor:pointer;font-family:Onest,sans-serif;font-family:var(--sans);font-size:15px;font-weight:600;margin-top:8px;padding:14px;transition:all .2s;width:100%}.btn-primary{background:linear-gradient(135deg,#4f8aff,#7c3aed);background:linear-gradient(135deg,var(--accent),var(--accent2));color:#fff}.btn-primary:active{opacity:.9;transform:scale(.97)}.btn-ghost{background:#1a1a26;background:var(--bg3);border:1px solid #2a2a3a;border:1px solid var(--border);color:#f0f0f8;color:var(--text)}.btn-ghost:active{transform:scale(.97)}.navbar{background:#12121a;background:var(--bg2);border-top:1px solid #2a2a3a;border-top:1px solid var(--border);bottom:0;display:flex;left:50%;max-width:480px;padding:8px 0 20px;position:fixed;transform:translateX(-50%);width:100%;z-index:20}.nav-item{align-items:center;background:none;border:none;color:#88a;color:var(--text2);cursor:pointer;display:flex;flex:1 1;flex-direction:column;font-family:Onest,sans-serif;font-family:var(--sans);font-size:11px;gap:4px;padding:6px 0;transition:color .2s}.nav-item.active{color:#4f8aff;color:var(--accent)}.nav-icon{font-size:20px}.key-box{background:#1a1a26;background:var(--bg3);border:1px solid #2a2a3a;border:1px solid var(--border);border-radius:10px;border-radius:var(--radius-sm);font-family:Space Mono,monospace;font-family:var(--mono);line-height:1.6;margin:12px 0;padding:14px;position:relative;word-break:break-all}.copy-hint,.key-box{color:#88a;color:var(--text2);font-size:11px}.copy-hint{margin-top:6px;text-align:center}.copy-success{color:#22c55e;color:var(--green);font-size:13px;font-weight:600;margin-top:8px;text-align:center}.status-big{flex-direction:column;padding:30px 0 20px}.status-big,.status-circle{align-items:center;display:flex}.status-circle{border-radius:50%;font-size:36px;height:80px;justify-content:center;margin-bottom:16px;position:relative;width:80px}.status-circle.active{background:#22c55e1a;border:2px solid #22c55e66;box-shadow:0 0 30px #22c55e33}.status-circle.inactive{background:#ef44441a;border:2px solid #ef44444d}.status-title{font-size:20px;font-weight:700;margin-bottom:4px}.status-sub{color:#88a;color:var(--text2);font-size:13px}.days-bar-wrap{margin:16px 0 4px}.days-bar-label{color:#88a;color:var(--text2);display:flex;font-size:12px;justify-content:space-between;margin-bottom:8px}.days-bar{background:#1a1a26;background:var(--bg3);border-radius:3px;height:6px;overflow:hidden}.days-bar-fill{background:linear-gradient(90deg,#4f8aff,#7c3aed);background:linear-gradient(90deg,var(--accent),var(--accent2));border-radius:3px;height:100%;transition:width .5s ease}.ref-box{background:linear-gradient(135deg,#4f8aff14,#7c3aed14);border:1px solid #4f8aff33;border-radius:10px;border-radius:var(--radius-sm);margin-top:12px;padding:14px;text-align:center}.ref-count{color:#4f8aff;color:var(--accent);font-family:Space Mono,monospace;font-family:var(--mono);font-size:28px;font-weight:700}.ref-label{color:#88a;color:var(--text2);font-size:12px;margin-top:2px}.pay-amount{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#4f8aff,#7c3aed);background:linear-gradient(135deg,var(--accent),var(--accent2));-webkit-background-clip:text;background-clip:text;font-family:Space Mono,monospace;font-family:var(--mono);font-size:42px;font-weight:700;padding:24px 0 8px;text-align:center}.pay-period{font-size:13px;margin-bottom:20px;text-align:center}.loading,.pay-period{color:#88a;color:var(--text2)}.loading{align-items:center;display:flex;flex-direction:column;gap:16px;justify-content:center;min-height:100vh}.spinner{animation:spin .8s linear infinite;border:2px solid #2a2a3a;border-top-color:#4f8aff;border:2px solid var(--border);border-radius:50%;border-top-color:var(--accent);height:32px;width:32px}.chip{align-items:center;background:#1a1a26;background:var(--bg3);border:1px solid #2a2a3a;border:1px solid var(--border);border-radius:20px;color:#88a;color:var(--text2);display:inline-flex;font-size:12px;font-weight:500;gap:6px;padding:4px 12px}.chip.selected{background:#4f8aff1a;border-color:#4f8aff;border-color:var(--accent);color:#4f8aff;color:var(--accent)}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(1turn)}}.page{animation:fadeUp .25s ease}
/*# sourceMappingURL=main.9fc586d6.css.map*/