*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Helvetica Neue,Arial,sans-serif;font-size:13px;background:#f5f5f7;color:#1d1d1f;-webkit-text-size-adjust:100%}html,body,#root{height:100%}body{padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);height:100vh;height:100dvh;overflow:hidden}#auth-screen{max-width:1000px;margin:0 auto;height:100%;height:100dvh;display:flex;flex-direction:column;background:#f5f5f7}.auth-box{text-align:center}.auth-box h1{font-size:28px;margin-bottom:24px;color:#1d1d1f}#sign-in-btn{background:#4285f4;color:#fff;border:none;padding:12px 28px;border-radius:8px;font-size:15px;cursor:pointer;font-weight:500;transition:background .2s}#sign-in-btn:hover{background:#3367d6}.tab-bar{display:flex;align-items:center;justify-content:center;gap:8px;padding:16px 12px;padding-bottom:calc(16px + env(safe-area-inset-bottom));background:#fff;border-top:1px solid #e0e0e0;flex-shrink:0}.tab{background:none;border:1px solid #ccc;padding:6px 14px;border-radius:6px;font-size:12px;cursor:pointer;color:#555;font-weight:500;transition:all .15s}.tab:hover{background:#f0f0f0}.tab.active{background:#4285f4;color:#fff;border-color:#4285f4}#user-info{margin-left:auto;font-size:11px;color:#888}.sign-out-btn{background:none;border:1px solid #ccc;padding:4px 10px;border-radius:6px;font-size:11px;cursor:pointer;color:#888}.sign-out-btn:hover{background:#f0f0f0}.loading{flex:1;display:flex;align-items:center;justify-content:center;color:#888;font-size:14px}.error{flex:1;display:flex;align-items:center;justify-content:center;color:#d32f2f;font-size:14px;padding:20px}#app-screen{max-width:1000px;margin:0 auto;height:100%;height:100dvh;display:flex;flex-direction:column;overflow:hidden}.table-wrapper{flex:1;min-height:0;display:flex;flex-direction:column}#table-container{padding:env(safe-area-inset-top,0) 8px 0 8px;flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding-bottom:750px}table{width:100%;border-collapse:separate;border-spacing:0;font-size:12px;background:#fff;border-radius:8px;box-shadow:0 1px 4px #00000014}th{background:#f8f8f8eb;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:6px 8px;text-align:center;font-weight:600;font-size:11px;text-transform:uppercase;letter-spacing:.3px;color:#555;border-bottom:2px solid #e0e0e0;position:-webkit-sticky;position:sticky;top:0;z-index:10}@media (min-width: 601px){#app-screen,#auth-screen{padding-top:10px}}td{padding:4px 8px;border-bottom:1px solid #f0f0f0;white-space:nowrap}tr:nth-child(2n){background:#fafafe}tr:nth-child(odd){background:#fff}tr.account-header td{font-weight:700;background:#eef0f5;padding:5px 8px;border-bottom:1px solid #ddd;font-size:12px}tr.subtotal td{font-weight:700;background:#f4f4f8;border-top:1px solid #ddd}tr.grand-total td{font-weight:700;background:#e8eaf0;border-top:2px solid #bbb;font-size:13px}tr.grand-total .text-left{text-transform:uppercase;letter-spacing:.5px}tr.index-row td{color:#333}tr.separator td{height:6px;padding:0;border:none;background:transparent}.text-right{text-align:right}.text-left{text-align:left}.text-center{text-align:center}.positive{color:#1b7a2b}.negative{color:#d32f2f}.neutral{color:#1d1d1f}a{color:#4285f4;text-decoration:none}td.text-left a{color:inherit}a:hover{text-decoration:underline}.short-name{display:none}@media (max-width: 600px){body{font-size:10px}table{font-size:9px}th{font-size:8px;padding:4px 2px}td{padding:2px 4px}.tab-bar{padding:4px 6px}.tab{padding:3px 8px;font-size:10px}#table-container{padding:0 4px 500px}tr.account-header td{font-size:10px;padding:2px 6px}tr.grand-total td{font-size:10px}.hide-mobile,.full-name{display:none}.short-name{display:inline}}