*{box-sizing:border-box;margin:0;padding:0}html,body{color:#1a1a2e;-webkit-font-smoothing:antialiased;background:#f5f7fa;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:16px}.login-page{background:linear-gradient(135deg,#1b5e20 0%,#2e7d32 50%,#388e3c 100%);justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.login-card{background:#fff;border-radius:20px;width:100%;max-width:380px;padding:40px 32px;box-shadow:0 20px 60px #0003}.login-logo{text-align:center;margin-bottom:24px}.login-logo img{object-fit:cover;border-radius:50%;width:72px;height:72px}.login-title{text-align:center;color:#1b5e20;margin-bottom:4px;font-size:22px;font-weight:700}.login-sub{text-align:center;color:#666;margin-bottom:32px;font-size:13px}.form-group{margin-bottom:16px}.form-group label{color:#444;text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px;font-size:13px;font-weight:600;display:block}.form-group input{color:#1a1a2e;background:#fafafa;border:2px solid #e0e0e0;border-radius:12px;outline:none;width:100%;height:48px;padding:0 16px;font-family:inherit;font-size:16px;transition:border-color .2s}.form-group input:focus{background:#fff;border-color:#2e7d32}.btn-primary{color:#fff;cursor:pointer;background:#2e7d32;border:none;border-radius:12px;width:100%;height:52px;margin-top:8px;font-family:inherit;font-size:16px;font-weight:700;transition:background .2s}.btn-primary:hover{background:#1b5e20}.btn-primary:disabled{cursor:not-allowed;background:#a5d6a7}.error-msg{color:#c62828;background:#ffebee;border:1px solid #ffcdd2;border-radius:10px;margin-bottom:16px;padding:10px 14px;font-size:13px}.login-footer{text-align:center;color:#999;margin-top:24px;font-size:11px}.readings-page{background:#f5f7fa;min-height:100vh}.readings-header{color:#fff;z-index:100;background:#2e7d32;justify-content:space-between;align-items:center;padding:16px 20px;display:flex;position:sticky;top:0;box-shadow:0 2px 8px #0003}.readings-header-left h1{font-size:18px;font-weight:700}.readings-header-left p{opacity:.8;margin-top:2px;font-size:12px}.logout-btn{color:#fff;cursor:pointer;background:#fff3;border:none;border-radius:8px;padding:8px 14px;font-family:inherit;font-size:13px}.progress-bar-wrap{background:#fff;border-bottom:1px solid #e0e0e0;padding:16px 20px}.progress-label{color:#555;justify-content:space-between;margin-bottom:8px;font-size:13px;display:flex}.progress-label strong{color:#1b5e20}.progress-bar{background:#e8f5e9;border-radius:5px;height:10px;overflow:hidden}.progress-fill{background:#2e7d32;border-radius:5px;height:100%;transition:width .3s}.filter-tabs{background:#fff;border-bottom:1px solid #e0e0e0;gap:0;padding:0 20px;display:flex;overflow-x:auto}.filter-tab{color:#666;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:3px solid #0000;padding:12px 16px;font-family:inherit;font-size:13px;font-weight:600}.filter-tab.active{color:#2e7d32;border-bottom-color:#2e7d32}.accounts-list{flex-direction:column;gap:10px;padding:12px 16px;display:flex}.account-card{background:#fff;border:2px solid #0000;border-radius:14px;padding:16px;box-shadow:0 2px 8px #0000000f}.account-card.submitted{opacity:.7;border-color:#a5d6a7}.account-card.flagged{background:#fffde7;border-color:#ffcc02}.account-card-header{justify-content:space-between;align-items:flex-start;margin-bottom:10px;display:flex}.account-name{color:#1a1a2e;font-size:15px;font-weight:700}.account-blklot{color:#888;margin-top:2px;font-size:12px}.status-badge{border-radius:20px;padding:3px 10px;font-size:11px;font-weight:700}.status-badge.pending{color:#1565c0;background:#e3f2fd}.status-badge.submitted{color:#1b5e20;background:#e8f5e9}.status-badge.flagged{color:#f57f17;background:#fff9c4}.reading-row{gap:10px;margin-bottom:10px;display:flex}.reading-box{text-align:center;background:#f5f7fa;border-radius:10px;flex:1;padding:10px 12px}.reading-box-label{color:#888;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px;font-size:11px;font-weight:600}.reading-box-value{color:#1a1a2e;font-size:20px;font-weight:700}.input-row{align-items:flex-end;gap:10px;display:flex}.reading-input{color:#1a1a2e;text-align:center;background:#fff;border:2px solid #e0e0e0;border-radius:12px;outline:none;flex:1;height:52px;padding:0 16px;font-family:inherit;font-size:22px;font-weight:700}.reading-input:focus{border-color:#2e7d32}.reading-input.error{border-color:#c62828}.submit-btn{color:#fff;cursor:pointer;white-space:nowrap;background:#2e7d32;border:none;border-radius:12px;height:52px;padding:0 20px;font-family:inherit;font-size:15px;font-weight:700}.submit-btn:disabled{cursor:not-allowed;background:#a5d6a7}.flag-warning{color:#f57f17;background:#fff9c4;border:1px solid #f9a825;border-radius:10px;margin-top:10px;padding:10px 14px;font-size:13px;font-weight:600}.empty-state{text-align:center;color:#888;padding:60px 20px}.empty-state-icon{margin-bottom:12px;font-size:48px}.empty-state h3{color:#555;margin-bottom:8px;font-size:18px}.confirm-overlay{z-index:200;background:#00000080;justify-content:center;align-items:flex-end;padding:20px;display:flex;position:fixed;inset:0}.confirm-sheet{background:#fff;border-radius:20px;width:100%;max-width:440px;margin-bottom:20px;padding:24px}.confirm-sheet h3{color:#e65100;margin-bottom:8px;font-size:18px;font-weight:700}.confirm-sheet p{color:#555;margin-bottom:20px;font-size:14px;line-height:1.5}.confirm-btns{gap:10px;display:flex}.btn-cancel{cursor:pointer;color:#555;background:#f5f5f5;border:none;border-radius:12px;flex:1;height:48px;font-family:inherit;font-size:15px;font-weight:600}.btn-confirm{cursor:pointer;color:#fff;background:#e65100;border:none;border-radius:12px;flex:2;height:48px;font-family:inherit;font-size:15px;font-weight:700}.loading-page{color:#888;justify-content:center;align-items:center;min-height:100vh;font-size:15px;display:flex}.no-cycle{text-align:center;padding:40px 20px}.no-cycle-icon{margin-bottom:16px;font-size:48px}.no-cycle h3{margin-bottom:8px;font-size:20px;font-weight:700}.no-cycle p{color:#666;font-size:14px;line-height:1.6}