*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}:root{--status-green: #b8d4b8;--status-green-text: #2d5a2d;--status-yellow: #e8d5a0;--status-yellow-text: #6b5a2d;--status-orange: #e8c4a0;--status-orange-text: #6b4a2d;--status-red: #d4a0a0;--status-red-text: #5a2d2d;--bg: var(--status-green);--text: var(--status-green-text);--surface: rgba(255, 255, 255, .7);--surface-hover: rgba(255, 255, 255, .85);--surface-active: rgba(255, 255, 255, .95);--shadow: 0 2px 8px rgba(0, 0, 0, .08)}html,body,#root{height:100%;width:100%;overflow:hidden}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text);transition:background-color .8s ease,color .8s ease}body.status-green{--bg: var(--status-green);--text: var(--status-green-text)}body.status-yellow{--bg: var(--status-yellow);--text: var(--status-yellow-text)}body.status-orange{--bg: var(--status-orange);--text: var(--status-orange-text)}body.status-red{--bg: var(--status-red);--text: var(--status-red-text)}.dashboard{display:flex;flex-direction:column;height:100%;padding:12px;gap:10px}.timers{display:flex;gap:10px;flex-shrink:0}.timer-card{flex:1;background:var(--surface);border-radius:12px;padding:12px;text-align:center;box-shadow:var(--shadow)}.timer-label{font-size:11px;text-transform:uppercase;letter-spacing:1px;opacity:.7;margin-bottom:4px}.timer-value{font-size:28px;font-weight:700;line-height:1.1}.timer-who{font-size:12px;opacity:.6;margin-top:2px}.people-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;flex-shrink:0}.person-btn{background:var(--surface);border:none;border-radius:12px;padding:14px 8px;font-size:15px;font-weight:600;color:var(--text);cursor:pointer;box-shadow:var(--shadow);transition:background .15s ease;-webkit-user-select:none;user-select:none}.person-btn:active{background:var(--surface-active);transform:scale(.97)}.action-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000004d;display:flex;align-items:center;justify-content:center;z-index:100}.action-panel{background:#fff;border-radius:16px;padding:20px;width:85%;max-width:320px;text-align:center}.action-panel h3{font-size:16px;margin-bottom:16px;color:#333}.action-buttons{display:flex;flex-direction:column;gap:10px}.action-btn{border:none;border-radius:12px;padding:16px;font-size:16px;font-weight:600;cursor:pointer;transition:transform .1s ease}.action-btn:active{transform:scale(.97)}.action-btn.pee{background:#e8d5a0;color:#6b5a2d}.action-btn.poop{background:#c4a882;color:#4a3520}.action-btn.both{background:#b8d4b8;color:#2d5a2d}.action-btn.cancel{background:#eee;color:#666;font-weight:400;font-size:14px;padding:12px}.recent-events{flex:1;overflow-y:auto;background:var(--surface);border-radius:12px;padding:10px;box-shadow:var(--shadow)}.recent-events h4{font-size:11px;text-transform:uppercase;letter-spacing:1px;opacity:.6;margin-bottom:6px}.event-row{display:flex;justify-content:space-between;align-items:center;padding:4px 0;font-size:12px;border-bottom:1px solid rgba(0,0,0,.06)}.event-row:last-child{border-bottom:none}.event-type{display:inline-block;padding:1px 6px;border-radius:4px;font-size:10px;font-weight:600;text-transform:uppercase}.event-type.pee{background:#e8d5a0;color:#6b5a2d}.event-type.poop{background:#c4a882;color:#4a3520}.event-type.both{background:#b8d4b8;color:#2d5a2d}.task-gate{flex-shrink:0;background:var(--surface);border-radius:12px;padding:10px 14px;display:flex;align-items:center;justify-content:space-between;box-shadow:var(--shadow);gap:8px}.task-gate.blocked{background:#d4a0a080}.task-gate.clear{background:#b8d4b880}.task-gate-text{font-size:13px;font-weight:600;flex:1}.task-gate-btn{border:none;border-radius:8px;padding:8px 14px;font-size:12px;font-weight:600;cursor:pointer;white-space:nowrap}.task-gate-btn.complete{background:#b8d4b8;color:#2d5a2d}.task-gate-btn.reset{background:#e8d5a0;color:#6b5a2d}.leaderboard-strip{display:flex;gap:6px;flex-shrink:0;overflow-x:auto;-webkit-overflow-scrolling:touch}.leaderboard-entry{flex:1;min-width:0;background:var(--surface);border-radius:10px;padding:6px 8px;text-align:center;box-shadow:var(--shadow);position:relative}.leaderboard-rank{font-size:9px;text-transform:uppercase;letter-spacing:.5px;opacity:.5}.leaderboard-name{font-size:12px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.leaderboard-tokens{font-size:14px;font-weight:700}.leaderboard-tier-dot{width:8px;height:8px;border-radius:50%;display:inline-block;margin-left:4px;vertical-align:middle}.tab-toggle{display:flex;gap:0;margin-bottom:6px}.tab-btn{flex:1;border:none;background:transparent;padding:4px 0;font-size:11px;text-transform:uppercase;letter-spacing:1px;opacity:.4;cursor:pointer;border-bottom:2px solid transparent;color:var(--text);font-weight:600}.tab-btn.active{opacity:.8;border-bottom-color:var(--text)}.token-row{display:flex;justify-content:space-between;align-items:center;padding:4px 0;font-size:12px;border-bottom:1px solid rgba(0,0,0,.06)}.token-row:last-child{border-bottom:none}.token-points{font-weight:700;color:#2d7a2d;margin-right:6px}.token-toast{position:fixed;top:-60px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,gold,#ffb347);color:#4a3520;padding:12px 24px;border-radius:12px;font-size:20px;font-weight:800;box-shadow:0 4px 20px #ffd70066;z-index:200;animation:toastSlideDown 2.5s ease forwards;pointer-events:none}@keyframes toastSlideDown{0%{top:-60px;opacity:0}15%{top:20px;opacity:1}75%{top:20px;opacity:1}to{top:-60px;opacity:0}}.tier-toast{position:fixed;top:-80px;left:50%;transform:translate(-50%);padding:16px 32px;border-radius:16px;font-size:22px;font-weight:900;text-transform:uppercase;letter-spacing:2px;box-shadow:0 6px 30px #0000004d;z-index:200;animation:tierPop 3s ease forwards;pointer-events:none;color:#fff}@keyframes tierPop{0%{top:-80px;opacity:0;transform:translate(-50%) scale(.5)}20%{top:30px;opacity:1;transform:translate(-50%) scale(1.1)}30%{transform:translate(-50%) scale(1)}70%{top:30px;opacity:1}to{top:-80px;opacity:0}}.rewards-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:150;display:flex;flex-direction:column}.rewards-panel{background:#fff;flex:1;overflow-y:auto;padding:16px;color:#333}.rewards-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.rewards-header h2{font-size:18px;margin:0}.rewards-close{border:none;background:#eee;border-radius:8px;padding:6px 12px;font-size:14px;cursor:pointer}.rewards-balance{text-align:center;margin-bottom:16px;padding:12px;background:linear-gradient(135deg,gold,#ffb347);border-radius:12px;color:#4a3520}.rewards-balance-label{font-size:11px;text-transform:uppercase;letter-spacing:1px}.rewards-balance-amount{font-size:32px;font-weight:800}.reward-item{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid #eee}.reward-item:last-child{border-bottom:none}.reward-name{font-size:14px;font-weight:600}.reward-cost{font-size:12px;opacity:.6}.reward-buy-btn{border:none;background:#b8d4b8;color:#2d5a2d;border-radius:8px;padding:6px 14px;font-size:12px;font-weight:600;cursor:pointer}.reward-buy-btn:disabled{opacity:.3;cursor:not-allowed}.rewards-section-title{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:1px;margin:16px 0 8px;opacity:.6}.purchase-item{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid #eee;font-size:13px}.purchase-status{display:inline-block;padding:2px 8px;border-radius:4px;font-size:10px;font-weight:600;text-transform:uppercase}.purchase-status.pending{background:#e8d5a0;color:#6b5a2d}.purchase-status.approved{background:#b8d4b8;color:#2d5a2d}.purchase-status.denied{background:#d4a0a0;color:#5a2d2d}.purchase-actions{display:flex;gap:6px}.approve-btn{border:none;background:#b8d4b8;color:#2d5a2d;border-radius:6px;padding:4px 10px;font-size:11px;font-weight:600;cursor:pointer}.deny-btn{border:none;background:#d4a0a0;color:#5a2d2d;border-radius:6px;padding:4px 10px;font-size:11px;font-weight:600;cursor:pointer}.rewards-btn{border:none;background:linear-gradient(135deg,gold,#ffb347);color:#4a3520;border-radius:10px;padding:8px 16px;font-size:13px;font-weight:700;cursor:pointer;box-shadow:var(--shadow);flex-shrink:0}.task-gate-person-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000004d;display:flex;align-items:center;justify-content:center;z-index:100}.task-gate-person-panel{background:#fff;border-radius:16px;padding:20px;width:85%;max-width:320px;text-align:center}.task-gate-person-panel h3{font-size:16px;margin-bottom:16px;color:#333}.task-gate-person-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.task-gate-person-btn{border:none;border-radius:10px;padding:12px;font-size:14px;font-weight:600;cursor:pointer;background:#f0f0f0;color:#333}.task-gate-person-btn:active{background:#ddd;transform:scale(.97)}.loading{display:flex;align-items:center;justify-content:center;height:100%;font-size:18px;opacity:.6}.auth-page{display:flex;align-items:center;justify-content:center;height:100%;background:#f5f0eb;padding:20px}.auth-card{background:#fff;border-radius:20px;padding:32px 24px;width:100%;max-width:360px;text-align:center;box-shadow:0 4px 24px #00000014}.auth-title{font-size:24px;font-weight:800;color:#2d5a2d;margin-bottom:8px}.auth-subtitle{font-size:14px;color:#666;margin-bottom:20px}.auth-input{display:block;width:100%;border:2px solid #e0e0e0;border-radius:12px;padding:14px 16px;font-size:16px;margin-bottom:12px;outline:none;transition:border-color .2s;box-sizing:border-box}.auth-input:focus{border-color:#b8d4b8}.auth-btn{display:block;width:100%;border:none;border-radius:12px;padding:14px;font-size:16px;font-weight:700;cursor:pointer;background:#b8d4b8;color:#2d5a2d;margin-bottom:12px;transition:opacity .2s}.auth-btn:disabled{opacity:.4;cursor:not-allowed}.auth-btn:active:not(:disabled){opacity:.8}.auth-link{display:inline-block;border:none;background:none;color:#999;font-size:13px;cursor:pointer;padding:4px;text-decoration:underline}.auth-error{color:#c44;font-size:13px;margin-bottom:12px}.auth-waiting{padding:20px 0}.auth-waiting p{font-size:15px;color:#333;margin-bottom:8px}.auth-subtext{font-size:12px!important;color:#999!important}.auth-spinner{width:32px;height:32px;border:3px solid #e0e0e0;border-top-color:#b8d4b8;border-radius:50%;animation:spin .8s linear infinite;margin:0 auto 16px}@keyframes spin{to{transform:rotate(360deg)}}.admin-fab{position:fixed;top:8px;right:8px;z-index:50;border:none;background:#00000026;color:var(--text);border-radius:8px;padding:4px 10px;font-size:11px;font-weight:600;cursor:pointer;opacity:.6}.admin-fab:active{opacity:1}.admin-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:200;display:flex;flex-direction:column}.admin-panel{background:#fff;flex:1;overflow-y:auto;padding:16px;color:#333}.admin-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.admin-header h2{font-size:18px;margin:0}.admin-close-btn{border:none;background:#eee;border-radius:8px;padding:6px 12px;font-size:13px;cursor:pointer}.admin-logout-btn{border:none;background:#d4a0a0;color:#5a2d2d;border-radius:8px;padding:6px 12px;font-size:13px;cursor:pointer}.admin-tabs{display:flex;gap:0;margin-bottom:16px;border-bottom:2px solid #eee}.admin-tab{flex:1;border:none;background:transparent;padding:8px 0;font-size:13px;font-weight:600;cursor:pointer;color:#999;border-bottom:2px solid transparent;margin-bottom:-2px}.admin-tab.active{color:#333;border-bottom-color:#2d5a2d}.admin-content{min-height:200px}.admin-section-title{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:#999;margin:16px 0 8px}.admin-section-title:first-child{margin-top:0}.admin-empty{font-size:13px;color:#999;padding:12px 0}.admin-device-item{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid #f0f0f0}.admin-device-item.pending{background:#fffbe6;margin:0 -16px;padding:10px 16px;border-bottom:1px solid #f0e6b8}.admin-device-name{font-size:14px;font-weight:600}.admin-device-status{display:inline-block;margin-left:8px;padding:1px 6px;border-radius:4px;font-size:10px;font-weight:600;text-transform:uppercase}.admin-device-status.approved{background:#b8d4b8;color:#2d5a2d}.admin-device-status.denied,.admin-device-status.revoked{background:#d4a0a0;color:#5a2d2d}.admin-device-meta{font-size:11px;color:#999;margin-top:2px}.admin-device-actions{display:flex;gap:6px}.admin-config-item{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid #f0f0f0}.admin-config-label{font-size:14px;font-weight:500}.admin-config-value{display:flex;align-items:center;gap:8px}.admin-config-btn{width:32px;height:32px;border:none;border-radius:8px;background:#f0f0f0;font-size:18px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center}.admin-config-btn:active{background:#ddd}.admin-config-points{font-size:18px;font-weight:700;min-width:32px;text-align:center}.admin-user-item{padding:10px 0;border-bottom:1px solid #f0f0f0}.admin-user-name{font-size:14px;font-weight:600}.admin-user-meta{font-size:11px;color:#999;margin-top:2px}