:root{font-family:var(--sapFontFamily,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}body{background-color:var(--sapBackgroundColor,#f5f6f8);min-height:100vh;margin:0;padding:0}.container{max-width:540px;padding:1rem;padding-top:calc(env(safe-area-inset-top,0px) + .5rem);padding-bottom:calc(env(safe-area-inset-bottom,0px) + 2rem);flex-direction:column;gap:1rem;margin:0 auto;display:flex}.nav-tabs{background:var(--sapTile_Background,#fff);border:1px solid var(--sapField_BorderColor,#d9d9d9);border-radius:8px;display:flex;overflow:hidden}.nav-tab-btn{text-align:center;cursor:pointer;color:var(--sapContent_LabelColor,#6a6d70);background:0 0;border:none;flex:1;padding:.75rem 1rem;font-size:.95rem;font-weight:600;transition:all .2s}.nav-tab-btn.active{background:var(--sapButton_Emphasized_Background,#0854a0);color:#fff}.dial-container{justify-content:center;align-items:center;margin:1.5rem 0;display:flex}.split-wheel{background:#fff;border:3px solid #dfe3e6;border-radius:50%;flex-direction:column;width:250px;height:250px;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 25px #0000001f,0 2px 6px #00000014}.semi-btn{cursor:pointer;width:100%;height:50%;color:var(--sapButton_Emphasized_Background,#0854a0);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;background:#fff;border:none;justify-content:center;font-size:2.2rem;font-weight:700;transition:background-color .15s,transform 50ms;display:flex}.semi-btn-top{border-bottom:1.5px solid #d0d6dc;align-items:flex-start;padding-top:14px}.semi-btn-bottom{border-top:1.5px solid #d0d6dc;align-items:flex-end;padding-bottom:14px}.semi-btn:active{background:#eaf1f8}.center-capsule{pointer-events:none;background:#fff;border:2px solid #dfe3e6;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:130px;height:130px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 4px 14px #00000026}.capsule-value{color:var(--sapTextColor,#222);font-size:2.75rem;font-weight:800;line-height:1}.capsule-unit{color:var(--sapContent_LabelColor,#6a6d70);text-transform:uppercase;letter-spacing:.5px;margin-top:.2rem;font-size:.85rem;font-weight:600}.metrics-row{text-align:center;grid-template-columns:repeat(3,1fr);gap:.5rem;margin-bottom:1rem;display:grid}.metric-box{background:var(--sapTile_Background,#fff);border:1px solid var(--sapField_BorderColor,#d9d9d9);border-radius:.5rem;padding:.75rem .25rem}.metric-label{color:var(--sapContent_LabelColor,#6a6d70);text-transform:uppercase;font-size:.75rem}.metric-value{color:var(--sapTextColor,#32363a);margin-top:.25rem;font-size:1.15rem;font-weight:700}.hidden{display:none!important}.date-navigator{align-items:center;gap:.5rem;margin-top:.25rem;display:flex}.nav-arrow-btn{background:var(--sapTile_Background,#fff);border:1px solid var(--sapField_BorderColor,#d9d9d9);width:42px;height:38px;color:var(--sapButton_Emphasized_Background,#0854a0);cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;transition:all .15s;display:inline-flex}.nav-arrow-btn:hover{background:#f0f4f8;border-color:#0854a0}.nav-arrow-btn:active{background:#d9e7f5;transform:scale(.96)}.action-buttons-grid{grid-template-columns:1.35fr 1fr;gap:.75rem;margin-top:.5rem;display:grid}.month-navigator{background:var(--sapTile_Background,#fff);border:1px solid var(--sapField_BorderColor,#d9d9d9);border-radius:8px;justify-content:space-between;align-items:center;margin-bottom:.85rem;padding:.35rem .5rem;display:flex}.month-label-container{flex:1;justify-content:center;align-items:center;display:flex}.report-month-title{color:var(--sapButton_Emphasized_Background,#0854a0);letter-spacing:.25px;font-size:1.05rem;font-weight:700}.btn-table-delete{cursor:pointer;color:#c0392b;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;margin-left:auto;padding:4px 6px;font-size:.95rem;line-height:1;transition:background-color .15s,transform 50ms;display:inline-flex}.btn-table-delete:hover{background:#fbeae8}.btn-table-delete:active{background:#f7d2cf;transform:scale(.92)}.nav-install-btn{color:#0854a0;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;background:#eaf1f8;border:1px solid #c2d8ee;border-radius:6px;align-items:center;gap:.35rem;padding:.3rem .65rem;font-size:.8rem;font-weight:600;transition:all .15s;display:inline-flex}.nav-install-btn:hover{background:#d4e5f7;border-color:#0854a0}.nav-install-btn:active{transform:scale(.95)}.pin-container{justify-content:center;align-items:center;min-height:80vh;padding:1rem;display:flex}.pin-card{background:var(--sapTile_Background,#fff);border:1px solid var(--sapField_BorderColor,#dfe3e6);text-align:center;border-radius:18px;width:100%;max-width:340px;padding:2rem 1.25rem 1.5rem;box-shadow:0 8px 30px #00000014}.pin-icon-wrap{background:#eaf1f8;border-radius:50%;justify-content:center;align-items:center;width:58px;height:58px;margin-bottom:.75rem;display:inline-flex}.pin-title{color:var(--sapTextColor,#222);margin:0;font-size:1.25rem;font-weight:700}.pin-subtitle{color:var(--sapContent_LabelColor,#6a6d70);margin:.35rem 0 0;font-size:.85rem}.pin-dots{justify-content:center;gap:1.25rem;margin:1.75rem 0 1.5rem;display:flex}.pin-dot{background:0 0;border:2px solid #0854a0;border-radius:50%;width:16px;height:16px;transition:all .15s}.pin-dot.filled{background:#0854a0;transform:scale(1.15)}.pin-dot.error{background:#c0392b;border-color:#c0392b}.pin-keypad{grid-template-columns:repeat(3,1fr);gap:.85rem;max-width:250px;margin:0 auto;display:grid}.pin-key{background:var(--sapBackgroundColor,#f5f6f8);width:62px;height:62px;color:var(--sapTextColor,#222);cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;border:1px solid #dfe3e6;border-radius:50%;justify-content:center;align-items:center;margin:0 auto;font-size:1.5rem;font-weight:600;transition:all .1s;display:flex}.pin-key:hover{background:#eaf1f8;border-color:#c2d8ee}.pin-key:active{background:#d4e5f7;transform:scale(.92)}.pin-key-action{color:var(--sapContent_LabelColor,#6a6d70);background:0 0;border-color:#0000;font-size:1.15rem}.pin-key-action:hover{background:#f0f4f8}@keyframes shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-8px)}40%,80%{transform:translate(8px)}}.shake{animation:.4s shake}