:root{--page:#efeee7;--paper:#fff;--color-background-primary:#fff;--color-background-secondary:#f1efe8;--color-background-info:#e6f1fb;--color-background-success:#eaf3de;--color-background-warning:#faeeda;--color-background-danger:#fcebeb;--color-text-primary:#2c2c2a;--color-text-secondary:#605f5a;--color-text-tertiary:#8a8980;--color-text-info:#185fa5;--color-text-success:#3b6d11;--color-text-warning:#854f0b;--color-text-danger:#a32d2d;--color-border-tertiary:#0000001f;--color-border-secondary:#0000003d;--border-radius-md:8px;--border-radius-lg:12px;--border-radius-xl:20px}@media (prefers-color-scheme:dark){:root{--page:#1a1917;--paper:#232220;--color-background-primary:#262522;--color-background-secondary:#322f2a;--color-background-info:#12324d;--color-background-success:#243a10;--color-background-warning:#3d2c0a;--color-background-danger:#3f1414;--color-text-primary:#e9e7df;--color-text-secondary:#b6b4ab;--color-text-tertiary:#8a8980;--color-text-info:#9cc4ee;--color-text-success:#a9d171;--color-text-warning:#e8b85c;--color-text-danger:#ea9090;--color-border-tertiary:#ffffff21;--color-border-secondary:#ffffff42}}*{box-sizing:border-box}html{background:var(--page);overscroll-behavior-x:none;overflow-x:hidden}body{background:var(--page);color:var(--color-text-primary);-webkit-font-smoothing:antialiased;overscroll-behavior-x:none;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.5;overflow-x:hidden}#root{background:var(--paper);box-sizing:border-box;flex-direction:column;max-width:480px;min-height:100svh;margin:0 auto;display:flex}@media (width>=1100px){#root{max-width:1000px}}h1,h2,h3{letter-spacing:-.01em;margin:0;font-weight:500}p{margin:0}button{font:inherit}.screen-header{border-bottom:.5px solid var(--color-border-tertiary);align-items:center;gap:10px;padding:16px 18px;display:flex}.screen-header .back{color:var(--color-text-secondary);cursor:pointer;background:0 0;border:none;padding:0;display:flex}.screen-header .title{font-size:16px;font-weight:500}.screen-header .action{color:var(--color-text-info);cursor:pointer;background:0 0;border:none;margin-left:auto;padding:0;font-size:14px;font-weight:500}.screen-header .action:disabled{color:var(--color-text-tertiary);cursor:default}.screen-body{flex-direction:column;flex:1;gap:16px;padding:16px 18px;display:flex}.field-label{color:var(--color-text-secondary);margin:0 0 6px;font-size:12px}.text-input,.textarea{border:.5px solid var(--color-border-secondary);border-radius:var(--border-radius-md);background:var(--color-background-primary);width:100%;color:var(--color-text-primary);padding:10px 12px;font-family:inherit;font-size:15px}.textarea{resize:vertical;min-height:72px;line-height:1.6}.chip-row{flex-wrap:wrap;gap:6px;display:flex}.chip{border:.5px solid var(--color-border-tertiary);color:var(--color-text-secondary);cursor:pointer;background:0 0;border-radius:999px;padding:5px 12px;font-size:13px;line-height:1.4}.chip.selected{background:var(--color-background-info);color:var(--color-text-info);border-color:#0000;font-weight:500}.row-between{justify-content:space-between;align-items:center;display:flex}.stepper{align-items:center;gap:14px;display:flex}.stepper button{border:.5px solid var(--color-border-secondary);width:26px;height:26px;color:var(--color-text-secondary);cursor:pointer;background:0 0;border-radius:50%;justify-content:center;align-items:center;display:flex}.stepper .value{text-align:center;min-width:1.5em;font-size:16px;font-weight:500}.segmented{background:var(--color-background-secondary);border-radius:999px;gap:3px;padding:3px;display:flex}.segmented button{text-align:center;color:var(--color-text-secondary);cursor:pointer;background:0 0;border:none;border-radius:999px;flex:1;padding:6px;font-size:12.5px}.segmented button.active{background:var(--color-background-primary);color:var(--color-text-primary);font-weight:500}.switch{background:var(--color-border-secondary);cursor:pointer;border:none;border-radius:999px;flex-shrink:0;width:38px;height:22px;padding:0;display:inline-block;position:relative}.switch.on{background:var(--color-text-info)}.switch .thumb{background:#fff;border-radius:50%;width:18px;height:18px;transition:left .15s;position:absolute;top:2px;left:2px}.switch.on .thumb{left:18px}.list-row{border:.5px solid var(--color-border-tertiary);border-radius:var(--border-radius-md);cursor:pointer;text-align:left;width:100%;color:inherit;font:inherit;background:0 0;align-items:center;gap:12px;padding:10px 12px;display:flex}.list-row .swatch{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.list-row .primary{flex:1;font-size:15px}.list-row .secondary{color:var(--color-text-secondary);font-size:12px}.error-text{color:var(--color-text-danger);margin:0;font-size:13px}.empty-state{text-align:center;color:var(--color-text-secondary);padding:32px 18px;font-size:14px}.fab-row{border-top:.5px solid var(--color-border-tertiary);padding:12px 18px}.btn-primary{background:var(--color-background-info);width:100%;color:var(--color-text-info);border-radius:var(--border-radius-md);cursor:pointer;text-align:center;border:none;padding:12px;font-size:15px;font-weight:500}.btn-primary:disabled{opacity:.5;cursor:default}.nav-shell{flex-direction:column;flex:1;min-width:0;display:flex}.nav-topbar{padding:max(12px, env(safe-area-inset-top)) 14px 12px;border-bottom:.5px solid var(--color-border-tertiary);flex-shrink:0;align-items:center;gap:10px;display:flex}.nav-hamburger{border-radius:var(--border-radius-md);width:36px;height:36px;color:var(--color-text-primary);cursor:pointer;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:flex}.nav-topbar-title{font-size:16px;font-weight:600}.nav-content{flex-direction:column;flex:1;min-width:0;display:flex}.nav-sidebar{display:none}.nav-drawer-backdrop{z-index:50;background:#00000059;display:flex;position:fixed;inset:0}.nav-drawer{background:var(--color-background-primary);width:min(78vw,300px);max-width:300px;height:100%;padding:max(16px, env(safe-area-inset-top)) 0 max(16px, env(safe-area-inset-bottom));flex-direction:column;animation:.18s ease-out nav-drawer-in;display:flex}@keyframes nav-drawer-in{0%{transform:translate(-100%)}to{transform:translate(0)}}.nav-drawer-header{justify-content:space-between;align-items:center;padding:0 16px 16px;display:flex}.nav-drawer-title{font-size:16px;font-weight:600}.nav-drawer-close{color:var(--color-text-secondary);cursor:pointer;background:0 0;border:none;padding:4px;display:flex}.nav-list{flex-direction:column;flex:1;gap:2px;padding:0 10px;display:flex;overflow-y:auto}.nav-item{text-align:left;border-radius:var(--border-radius-md);width:100%;color:var(--color-text-primary);cursor:pointer;background:0 0;border:none;padding:12px;font-size:15px;display:block}.nav-item.active{background:var(--color-background-info);color:var(--color-text-info);font-weight:500}.nav-signout{border:none;border-top:.5px solid var(--color-border-tertiary);color:var(--color-text-secondary);text-align:left;cursor:pointer;background:0 0;margin:8px 10px 0;padding:12px;font-size:14px}@media (width>=1100px){.nav-shell{flex-direction:row}.nav-topbar{display:none}.nav-sidebar{border-right:.5px solid var(--color-border-tertiary);width:230px;padding:max(20px, env(safe-area-inset-top)) 0 max(16px, env(safe-area-inset-bottom));flex-direction:column;flex-shrink:0;height:100svh;display:flex;position:sticky;top:0}.nav-sidebar-title{padding:0 18px 18px;font-size:17px;font-weight:600}}.badge{white-space:nowrap;border-radius:999px;padding:3px 10px;font-size:12.5px;font-weight:500}.badge.info{background:var(--color-background-info);color:var(--color-text-info)}.badge.warning{background:var(--color-background-warning);color:var(--color-text-warning)}.badge.success{background:var(--color-background-success);color:var(--color-text-success)}.badge.danger{background:var(--color-background-danger);color:var(--color-text-danger)}.note-block{background:var(--color-background-secondary);border-radius:var(--border-radius-md);padding:10px 12px}.note-block p{margin:0;font-size:14px;line-height:1.5}.note-block .note-label{color:var(--color-text-secondary);margin:0 0 2px;font-size:12px}.action-row{gap:10px;display:flex}.action-row button{border-radius:var(--border-radius-md);text-align:center;cursor:pointer;border:.5px solid var(--color-border-secondary);color:var(--color-text-primary);background:0 0;flex:1;padding:10px;font-size:14px;font-weight:500}.action-row button.primary{background:var(--color-background-success);color:var(--color-text-success);border:none}.action-row button.danger{background:var(--color-background-danger);color:var(--color-text-danger);border:none}.points-block{background:var(--color-background-info);border-radius:var(--border-radius-lg);padding:16px}.points-value{color:var(--color-text-info);font-size:32px;font-weight:700}.points-label{color:var(--color-text-info);margin-left:6px;font-size:14px}.pending-line{color:var(--color-text-warning);margin:8px 0 0;font-size:13px;font-weight:500}.reward-progress-card{border:.5px solid var(--color-border-tertiary);border-radius:var(--border-radius-lg);padding:14px}.progress-bar{background:var(--color-background-secondary);border-radius:999px;height:8px;margin-top:10px;overflow:hidden}.progress-bar-fill{background:var(--color-text-info);border-radius:999px;height:100%}.progress-bar-fill.success{background:var(--color-text-success)}.behavior-goal-card{border:.5px solid var(--color-border-tertiary);border-radius:var(--border-radius-lg);padding:14px}.week-grid{grid-template-columns:repeat(7,1fr);gap:4px;display:grid}.week-day-cell{border:.5px solid var(--color-border-tertiary);border-radius:var(--border-radius-md);cursor:pointer;color:inherit;font:inherit;background:0 0;flex-direction:column;align-items:center;gap:4px;padding:8px 2px;display:flex}.week-day-cell.today{border-color:var(--color-text-info)}.week-day-cell.selected{background:var(--color-background-info)}.week-day-label{color:var(--color-text-secondary);text-transform:uppercase;font-size:10px}.week-day-number{font-size:15px;font-weight:500}.dot-row{flex-wrap:wrap;justify-content:center;gap:3px;min-height:8px;display:flex}.status-dot{background:var(--color-text-tertiary);border-radius:50%;width:6px;height:6px}.status-dot.open{background:var(--color-border-secondary)}.status-dot.overdue{background:var(--color-text-danger)}.status-dot.submitted{background:var(--color-text-warning)}.status-dot.approved{background:var(--color-text-success)}.status-dot.skipped{background:var(--color-text-tertiary)}.status-dot.not-done{background:var(--color-text-danger)}.dot-more{color:var(--color-text-secondary);font-size:9px}#center{flex-direction:column;flex-grow:1;place-content:center;place-items:center;gap:25px;display:flex}.login-form{flex-direction:column;gap:12px;width:260px;display:flex}.login-form label{flex-direction:column;gap:4px;font-size:14px;display:flex}.login-error{color:#c0392b;margin:0;font-size:14px}.offline-banner{background:var(--color-background-warning);color:var(--color-text-warning);text-align:center;padding:8px 12px;font-size:13px;font-weight:500}