:root{font-family:Arial,Helvetica,sans-serif;color:#1f2937;background:#f3f4f6}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}.layout{display:flex;min-height:100vh}.sidebar{width:240px;background:#111827;color:#fff;padding:20px 16px}.sidebar h2{font-size:18px;margin:0 0 16px}.sidebar nav{display:flex;flex-direction:column;gap:8px}.sidebar a{display:block;padding:10px 12px;border-radius:8px;color:#d1d5db}.sidebar a.active,.sidebar a:hover{background:#1f2937;color:#fff}.main{flex:1;padding:24px}.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.page-title{font-size:26px;font-weight:700}.card-grid{display:grid;grid-template-columns:repeat(4,minmax(180px,1fr));gap:16px;margin-bottom:24px}.card{background:#fff;border-radius:14px;padding:16px;box-shadow:0 2px 10px #0000000f}.card-title{font-size:13px;color:#6b7280;margin-bottom:8px}.card-value{font-size:26px;font-weight:700}.panel{background:#fff;border-radius:14px;padding:18px;box-shadow:0 2px 10px #0000000f;margin-bottom:20px}.panel h3{margin-top:0;margin-bottom:14px}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse}th,td{padding:12px 10px;border-bottom:1px solid #e5e7eb;text-align:left;font-size:14px}input,select,textarea,button{font:inherit}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(220px,1fr));gap:12px}.form-group{display:flex;flex-direction:column;gap:6px}input,select,textarea{border:1px solid #d1d5db;border-radius:10px;padding:10px 12px;background:#fff}button{border:none;border-radius:10px;padding:10px 14px;cursor:pointer}.btn-primary{background:#2563eb;color:#fff}.btn-secondary{background:#e5e7eb;color:#111827}.btn-row{display:flex;gap:10px;flex-wrap:wrap}.badge{display:inline-block;padding:4px 10px;border-radius:999px;background:#eef2ff;color:#3730a3;font-size:12px}.login-shell{min-height:100vh;display:flex;align-items:center;justify-content:center}.login-card{width:420px;background:#fff;border-radius:18px;padding:28px;box-shadow:0 8px 30px #00000014}.login-card h1{margin-top:0}.muted{color:#6b7280;font-size:13px}@media (max-width: 900px){.layout{flex-direction:column}.sidebar{width:100%}.card-grid{grid-template-columns:repeat(2,minmax(140px,1fr))}.form-grid{grid-template-columns:1fr}}.mobile-home-page{max-width:980px;margin:0 auto;display:grid;gap:16px}.mobile-hero{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:22px;background:linear-gradient(135deg,#eff6ff,#fff)}.mobile-eyebrow{color:#2563eb;font-weight:700;font-size:13px;margin-bottom:6px}.mobile-hero h1{margin:0;font-size:34px}.mobile-hero p{margin:8px 0 0;color:#475569;line-height:1.6}.mobile-main-cta{font-size:18px;padding:16px 22px;border-radius:18px;min-width:190px}.mobile-action-grid{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));gap:14px}.mobile-action-card{text-align:left;border:1px solid #e5e7eb;background:#fff;border-radius:18px;padding:18px;box-shadow:0 2px 10px #0000000d;display:grid;gap:8px;min-height:128px}.mobile-action-card.primary{background:#2563eb;color:#fff;border-color:#2563eb}.mobile-action-title{font-weight:800;font-size:18px}.mobile-action-subtitle{color:#64748b;line-height:1.4;font-size:13px}.mobile-action-card.primary .mobile-action-subtitle{color:#dbeafe}.mobile-summary-strip{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap}.mobile-summary-strip div{display:grid;gap:2px}.mobile-summary-strip strong{font-size:24px}.mobile-summary-strip span{color:#64748b;font-size:13px}.install-tip{margin-bottom:16px;display:flex;justify-content:space-between;gap:12px;align-items:center;border:1px solid #bfdbfe;background:#eff6ff}.install-steps{margin-top:8px;color:#1e3a8a;font-size:13px;display:grid;gap:4px}.upload-button-grid{display:grid;grid-template-columns:repeat(2,minmax(160px,1fr));gap:10px}.upload-big-button{min-height:58px;border-radius:16px;font-weight:800;font-size:16px}.upload-primary-action{background:#2563eb;color:#fff}.upload-secondary-action{background:#e5e7eb;color:#111827}.mobile-receipt-cards{display:none}.desktop-table-wrap{display:block;overflow-x:auto}.mobile-receipt-card{border:1px solid #e5e7eb;border-radius:18px;padding:14px;background:#fff;box-shadow:0 2px 10px #0000000d}.mobile-card-top{display:flex;align-items:center;gap:12px}.mobile-card-main{display:grid;gap:3px;min-width:0;flex:1}.mobile-card-main strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-card-main span{color:#64748b;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-card-fields{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}.mobile-card-fields input,.mobile-card-fields select{width:100%;padding:9px 10px}.mobile-card-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.mobile-card-actions button{flex:1 1 90px}@media (max-width: 760px){body{background:#f8fafc}.main{padding:14px;padding-bottom:calc(18px + env(safe-area-inset-bottom))}.topbar{align-items:flex-start;gap:12px;margin-bottom:14px}.page-title{font-size:22px}.sidebar{padding:14px}.sidebar nav{flex-direction:row;overflow-x:auto;padding-bottom:2px}.sidebar a{white-space:nowrap;padding:10px 12px}.mobile-hero{display:grid;padding:18px}.mobile-hero h1{font-size:28px}.mobile-main-cta{width:100%}.mobile-action-grid{grid-template-columns:1fr 1fr;gap:10px}.mobile-action-card{min-height:122px;padding:15px}.install-tip{align-items:flex-start;flex-direction:column}.upload-button-grid{grid-template-columns:1fr}.upload-quick-actions{grid-template-columns:1fr!important}.desktop-table-wrap{display:none!important}.mobile-receipt-cards{display:grid;gap:12px}.mobile-card-fields{grid-template-columns:1fr}table{font-size:13px}input,select,textarea,button{font-size:16px}}@media (max-width: 760px){html,body{max-width:100%;overflow-x:hidden}.layout{width:100%}.sidebar{position:sticky;top:0;z-index:1000;width:100%;padding:calc(10px + env(safe-area-inset-top)) 10px 10px;box-shadow:0 4px 14px #0f172a2e}.sidebar h2{display:none}.sidebar nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;overflow:visible;padding-bottom:0}.sidebar a{text-align:center;white-space:nowrap;padding:9px 4px;font-size:14px;border-radius:10px}.topbar{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start}.topbar .page-title{line-height:1.15}.topbar .muted{line-height:1.45}.mobile-receipt-card{overflow:hidden}.mobile-card-fields{width:100%;min-width:0}.mobile-card-fields input,.mobile-card-fields select,.mobile-card-fields textarea{width:100%;max-width:100%;min-width:0;box-sizing:border-box}.mobile-card-fields input[type=date]{-moz-appearance:none;appearance:none;-webkit-appearance:none;text-align:left;padding-left:10px;padding-right:10px;overflow:hidden}}@media (max-width: 420px){.sidebar nav{grid-template-columns:repeat(4,minmax(0,1fr))}.sidebar a{font-size:13px;padding:8px 2px}}.mobile-action-grid-five{grid-template-columns:repeat(5,minmax(140px,1fr))}@media (max-width: 900px){.mobile-action-grid-five{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 420px){.mobile-action-grid-five{grid-template-columns:1fr}}.upload-review-grid{display:grid;grid-template-columns:1fr;gap:16px;align-items:start}.upload-review-grid.has-receipt{grid-template-columns:minmax(320px,.95fr) minmax(360px,1.05fr)}.mobile-tabbar,.mobile-more-menu{display:none}@media (max-width: 760px){.sidebar{display:none}.main{padding-bottom:calc(92px + env(safe-area-inset-bottom));width:100%;max-width:100%;overflow-x:hidden}.upload-review-grid,.upload-review-grid.has-receipt{grid-template-columns:1fr!important;width:100%;max-width:100%;overflow-x:hidden}.upload-review-grid .card,.upload-review-grid>div{max-width:100%;min-width:0}.upload-review-grid img{max-width:100%;height:auto}.upload-review-grid form,.upload-review-grid input,.upload-review-grid select,.upload-review-grid textarea{max-width:100%;min-width:0}.mobile-tabbar{position:fixed;left:0;right:0;bottom:0;z-index:1200;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;padding:8px 8px calc(8px + env(safe-area-inset-bottom));background:#fffffff5;border-top:1px solid #e5e7eb;box-shadow:0 -6px 18px #0f172a1f;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.mobile-tabbar a,.mobile-tabbar button{display:flex;align-items:center;justify-content:center;min-height:48px;padding:6px 4px;border-radius:14px;background:transparent;color:#475569;font-size:13px;font-weight:700;text-align:center;line-height:1.15}.mobile-tabbar a.active,.mobile-tabbar button.active{background:#eff6ff;color:#1d4ed8}.mobile-more-menu{position:fixed;left:12px;right:12px;bottom:calc(76px + env(safe-area-inset-bottom));z-index:1199;display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:12px;border:1px solid #e5e7eb;box-shadow:0 12px 32px #0f172a38}.mobile-more-menu button{min-height:46px;font-weight:700;background:#f1f5f9}}@media (max-width: 420px){.mobile-tabbar a,.mobile-tabbar button{font-size:12px}.mobile-more-menu{grid-template-columns:1fr}}.receipt-crop-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1500;background:#0f172ab8;display:flex;align-items:center;justify-content:center;padding:16px}.receipt-crop-dialog{width:min(920px,96vw);max-height:min(92vh,980px);overflow:auto;background:#fff;border-radius:22px;box-shadow:0 24px 80px #00000059;padding:18px}.receipt-crop-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}.receipt-crop-header h3{margin:0 0 4px;font-size:20px}.receipt-crop-header p{margin:0;color:#64748b;line-height:1.45}.receipt-crop-stage{position:relative;width:100%;max-height:68vh;overflow:hidden;background:#020617;border-radius:18px;touch-action:none;display:flex;align-items:center;justify-content:center}.receipt-crop-stage img{width:100%;height:auto;max-height:68vh;object-fit:contain;display:block;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.receipt-crop-selection{position:absolute;border:3px solid #2563eb;box-shadow:0 0 0 9999px #02061785;border-radius:10px;cursor:move;touch-action:none}.receipt-crop-selection:before,.receipt-crop-selection:after{content:"";position:absolute;inset:33.333% 0 auto 0;border-top:1px solid rgba(255,255,255,.65)}.receipt-crop-selection:after{inset:66.666% 0 auto 0}.receipt-crop-handle{position:absolute;width:28px;height:28px;border-radius:999px;border:3px solid #fff;background:#2563eb;padding:0;box-shadow:0 4px 16px #0f172a59;touch-action:none}.receipt-crop-handle.nw{left:-14px;top:-14px;cursor:nwse-resize}.receipt-crop-handle.ne{right:-14px;top:-14px;cursor:nesw-resize}.receipt-crop-handle.sw{left:-14px;bottom:-14px;cursor:nesw-resize}.receipt-crop-handle.se{right:-14px;bottom:-14px;cursor:nwse-resize}.receipt-crop-footer{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap;margin-top:14px;padding-bottom:env(safe-area-inset-bottom)}@media (max-width: 720px){.receipt-crop-backdrop{align-items:stretch;padding:10px}.receipt-crop-dialog{width:100%;max-height:94vh;border-radius:18px;padding:14px}.receipt-crop-header{display:grid}.receipt-crop-stage,.receipt-crop-stage img{max-height:58vh}.receipt-crop-footer{position:sticky;bottom:0;background:#fff;padding-top:10px}.receipt-crop-footer button{flex:1 1 150px;min-height:46px}}