:root{color:#17202a;background:#f5f7f9;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:linear-gradient(180deg,#f8fafb,#eef3f6)}button,input,select,textarea{font:inherit}button{align-items:center;border:1px solid #c9d6df;border-radius:8px;background:#fff;color:#182536;cursor:pointer;display:inline-flex;gap:8px;min-height:40px;padding:0 14px;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}button:hover:not(:disabled){border-color:#2f7f78;box-shadow:0 6px 18px #2a4b631f;transform:translateY(-1px)}button:disabled{cursor:not-allowed;opacity:.55}h1,h2,p{margin:0}.app-shell{display:flex;flex-direction:column;gap:20px;min-height:100vh;padding:24px}.topbar{align-items:center;display:flex;gap:20px;justify-content:space-between}.top-actions{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end}.notification-toggle{justify-content:center;min-width:48px;position:relative}.dev-auth-pill{align-items:center;background:#fff4d7;border:1px solid #d99a2b;border-radius:999px;color:#6e4b08;display:inline-flex;font-size:13px;font-weight:800;min-height:36px;padding:0 12px;white-space:nowrap}.notification-toggle b{align-items:center;background:#a83e2f;border-radius:999px;color:#fff;display:inline-flex;font-size:11px;height:18px;justify-content:center;min-width:18px;padding:0 5px;position:absolute;right:-6px;top:-6px}.eyebrow{color:#607286;font-size:13px;font-weight:700;letter-spacing:0;margin-bottom:4px}.topbar h1{font-size:30px;letter-spacing:0;line-height:1.1}.status-pill{align-items:center;background:#fff;border:1px solid #d7e0e7;border-radius:999px;color:#46586a;display:inline-flex;gap:8px;max-width:520px;min-height:36px;padding:0 14px}.status-pill span{background:#39a67f;border-radius:50%;display:inline-block;height:8px;width:8px}.status-pill[data-state=loading] span{background:#d99a2b}.status-pill[data-state=error] span{background:#c94c4c}.spin-icon{animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.toolbar{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.scan-field{align-items:center;background:#fff;border:1px solid #c9d6df;border-radius:8px;display:inline-flex;gap:8px;min-height:40px;padding:0 10px}.scan-field span{color:#607286;font-size:13px;font-weight:700}.scan-field input{border:0;color:#17202a;font:inherit;outline:none;width:54px}.toolbar button:first-child,.rec-actions button:nth-of-type(2){background:#163c45;border-color:#163c45;color:#fff}.toolbar .danger{border-color:#e1b2a8;color:#a83e2f;margin-left:auto}.danger{border-color:#e1b2a8;color:#a83e2f}.activity-banner{align-items:center;background:#f1f7f6;border:1px solid #b8d7d3;border-radius:8px;color:#274b4b;display:flex;gap:12px;min-height:58px;padding:12px 14px}.activity-banner div{display:flex;flex-direction:column;gap:2px;min-width:0}.activity-banner strong{color:#17373a;font-size:14px}.activity-banner span{color:#5a6f70;font-size:13px}.trust-panel{align-items:center;background:#fff;border:1px solid #d7e0e7;border-radius:8px;color:#5f6e7e;display:flex;flex-wrap:wrap;gap:10px 14px;min-height:48px;padding:10px 12px}.trust-panel span{font-size:13px}.trust-panel button{margin-left:auto}.metrics{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.notification-center{background:#fff;border:1px solid #d7e0e7;border-radius:8px;padding:14px}.preference-row{align-items:center;border-bottom:1px solid #e5ebf0;display:flex;flex-wrap:wrap;gap:10px 16px;padding-bottom:12px}.preference-row label{align-items:center;color:#435367;display:inline-flex;font-size:13px;gap:7px}.notification-list{display:flex;flex-direction:column;gap:8px;padding-top:12px}.notification-item{align-items:center;border:1px solid #e0e7ed;border-radius:8px;display:grid;gap:10px;grid-template-columns:24px 1fr auto 36px 36px;min-height:64px;padding:10px}.notification-item[data-status=queued]{border-color:#b9dfea;box-shadow:inset 3px 0 #2f7f78}.notification-item div{display:flex;flex-direction:column;gap:3px;min-width:0}.notification-item strong{color:#17202a}.notification-item span,.notification-item small{color:#607286;font-size:12px}.notification-item button{justify-content:center;min-height:32px;padding:0;width:36px}.metric-tile{align-items:center;background:#fff;border:1px solid #d7e0e7;border-radius:8px;display:grid;gap:4px;grid-template-columns:34px 1fr;min-height:86px;padding:14px}.metric-icon{align-items:center;background:#e7f1ef;border-radius:8px;color:#2f7f78;display:inline-flex;grid-row:span 2;height:34px;justify-content:center;width:34px}.metric-tile span{color:#607286;font-size:13px}.metric-tile strong{color:#17202a;font-size:22px;line-height:1.1}.workspace{display:grid;gap:20px;grid-template-columns:minmax(240px,.85fr) minmax(380px,1.35fr) minmax(320px,1fr);min-height:0}.section-heading{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-bottom:10px}.section-heading h2{font-size:17px;letter-spacing:0}.section-heading p,.section-heading span,.muted{color:#647386;font-size:13px}.purchase-list,.recommendations,.alerts-list{display:flex;flex-direction:column;gap:10px}.purchase-row,.alert-item,.recommendation-card,.detail-panel,.alerts-panel,.empty-state{background:#fff;border:1px solid #d7e0e7;border-radius:8px}.purchase-row{align-items:stretch;display:grid;gap:14px;grid-template-columns:1fr auto;min-height:76px;padding:14px;text-align:left;width:100%}.purchase-row[data-selected=true]{border-color:#2f7f78;box-shadow:inset 3px 0 #2f7f78}.purchase-row div,.alert-item div,.rec-head div{display:flex;flex-direction:column;gap:5px;min-width:0}.purchase-row strong,.alert-item strong,.rec-head strong{overflow-wrap:anywhere}.purchase-row span,.alert-item span,.rec-head span,.recommendation-card p{color:#5f6e7e;font-size:13px}.detail-panel,.alerts-panel{padding:16px}.detail-column{display:flex;flex-direction:column;gap:18px}.icon-command{min-width:92px}.purchase-meta{display:grid;gap:10px;grid-template-columns:repeat(3,minmax(0,1fr));margin:14px 0 16px}.purchase-meta div{background:#f5f8fa;border:1px solid #e2e8ee;border-radius:8px;padding:10px}.purchase-meta dt{color:#657486;font-size:12px;margin-bottom:5px}.purchase-meta dd{font-weight:700;margin:0}.item-table{border:1px solid #e0e7ed;border-radius:8px;overflow:hidden}.table-row{align-items:center;display:grid;gap:12px;grid-template-columns:minmax(180px,1.25fr) 82px minmax(118px,.85fr) 64px 94px;min-height:58px;padding:10px 12px}.item-row-group+.item-row-group,.table-head+.item-row-group{border-top:1px solid #e5ebf0}.table-head{background:#f1f5f7;color:#647386;font-size:12px;font-weight:700;min-height:38px;text-transform:uppercase}.table-row strong,.table-row small{display:block;overflow-wrap:anywhere}.table-row small{color:#738295;margin-top:4px}.now-cell{display:flex;flex-direction:column;gap:3px;min-width:0}.now-cell strong{color:#17202a;font-size:13px;line-height:1.2}.now-cell small{font-size:11px;line-height:1.25}.now-cell[data-tone=success] strong{color:#1f7a5d}.now-cell[data-tone=warning] strong{color:#8a641f}.now-cell[data-tone=error] strong{color:#a83e2f}.row-actions{display:flex;gap:6px}.mini-command{justify-content:center;min-height:32px;padding:0;width:36px}.edit-row{background:#f7fafb;border-top:1px solid #e5ebf0;display:grid;gap:10px;grid-template-columns:minmax(180px,1.25fr) 92px minmax(160px,1fr) 84px 132px auto;padding:12px}.edit-row label{display:flex;flex-direction:column;gap:5px;min-width:0}.edit-row label span{color:#607286;font-size:11px;font-weight:700;text-transform:uppercase}.edit-row input{border:1px solid #cfdbe3;border-radius:8px;color:#17202a;font:inherit;min-height:36px;min-width:0;padding:0 10px;width:100%}.edit-actions{align-items:end;display:flex;gap:8px}.edit-actions button{gap:5px;min-height:36px;padding:0 10px}.alert-item{align-items:center;display:grid;gap:12px;grid-template-columns:1fr auto auto;min-height:72px;padding:12px}.alert-item b{color:#1f7a5d}.status-label{align-items:center;background:#eef3f6;border:1px solid #d9e2e9;border-radius:999px;color:#435367;display:inline-flex;font-size:12px;font-weight:700;justify-content:center;min-height:26px;padding:0 10px;text-transform:capitalize;white-space:nowrap}.status-label[data-status=new],.status-label[data-status=active],.status-label[data-status=queued]{background:#e6f4ed;border-color:#b9decf;color:#237054}.status-label[data-status=ignored],.status-label[data-status=paused]{background:#f2f0ea;border-color:#ded7c7;color:#76674b}.status-label[data-status=actioned]{background:#eaf0ff;border-color:#c7d5f5;color:#385c9d}.status-label[data-status=read]{background:#eef3f6;border-color:#d9e2e9;color:#435367}.status-label[data-status=copied]{background:#eef8fb;border-color:#b9dfea;color:#27687a}.status-label[data-status=refund_received]{background:#e6f4ed;border-color:#a8d8c4;color:#1f7a5d}.status-label[data-status=expired]{background:#f6e9e7;border-color:#e3b8b0;color:#9a3b2e}.recommendation-card{display:flex;flex-direction:column;gap:12px;padding:14px}.rec-head{align-items:flex-start;display:flex;gap:10px;justify-content:space-between}.rec-savings{display:grid;gap:8px;grid-template-columns:repeat(3,minmax(0,1fr))}.rec-savings span,.rec-savings strong{background:#f6f8fa;border:1px solid #e2e8ee;border-radius:8px;padding:9px;text-align:center}.rec-savings strong{color:#1f7a5d}.recommendation-card textarea{border:1px solid #d9e2e9;border-radius:8px;color:#2f3b49;min-height:116px;padding:10px;resize:vertical;width:100%}.rec-actions{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.rec-actions span{color:#607286;font-size:13px;margin-right:auto}.rec-actions .ghost{background:#fff}.empty-state{align-items:center;color:#607286;display:flex;flex-direction:column;gap:8px;min-height:180px;justify-content:center;padding:18px;text-align:center}.empty-state strong{color:#17202a}.mobile-alerts,.bottom-nav{display:none}.settings-panel{display:flex;flex-direction:column;gap:14px}.settings-panel>.section-heading{margin-bottom:0}.feedback-panel{background:#fff;border:1px solid #d7e0e7;border-radius:8px;display:grid;gap:12px;max-width:720px;padding:14px}.feedback-panel h2{font-size:17px}.feedback-panel p,.feedback-saved{color:#607286;font-size:13px}.feedback-panel label{color:#435367;display:flex;flex-direction:column;font-size:13px;font-weight:700;gap:6px}.feedback-panel input,.feedback-panel select,.feedback-panel textarea{border:1px solid #cfdbe3;border-radius:8px;color:#17202a;min-height:40px;padding:0 10px;width:100%}.feedback-panel textarea{min-height:108px;padding:10px;resize:vertical}@media(max-width:1180px){.workspace{grid-template-columns:1fr 1fr}.recommendation-column{grid-column:1 / -1}}@media(max-width:780px){.app-shell{gap:14px;padding:12px 12px 88px}.topbar{align-items:flex-start;flex-direction:column;gap:10px;margin:-12px -12px 0;padding:12px;position:sticky;top:0;z-index:20;background:#f8fafbf5;border-bottom:1px solid #dce5eb;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.topbar h1{font-size:24px}.eyebrow{font-size:12px}.top-actions{justify-content:flex-start;width:100%}.status-pill{border-radius:8px;flex:1 1 100%;line-height:1.3;max-width:none;min-height:40px;overflow-wrap:anywhere;padding:9px 12px;white-space:normal;width:100%}.notification-toggle{min-width:42px}.dev-auth-pill{min-height:40px}.toolbar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.toolbar button{justify-content:center;min-width:0;width:100%}.toolbar button:first-child,.toolbar button:nth-child(2),.toolbar button:last-child{grid-column:1 / -1}.scan-field{justify-content:space-between;width:100%}.scan-field input{min-width:0;text-align:right}.toolbar .danger,.trust-panel button{margin-left:0}.activity-banner{align-items:flex-start}.notification-center{padding:12px}.preference-row{align-items:stretch;flex-direction:column}.metrics,.purchase-meta,.edit-row{grid-template-columns:1fr}.metrics{gap:8px;grid-template-columns:repeat(2,minmax(0,1fr))}.metric-tile{gap:6px;grid-template-columns:30px 1fr;min-height:72px;padding:10px}.metric-icon{height:30px;width:30px}.metric-tile strong{font-size:18px}.workspace{display:contents}.app-shell[data-mobile-view=home] [data-mobile-view]:not([data-mobile-view=home]),.app-shell[data-mobile-view=alerts] [data-mobile-view]:not([data-mobile-view=alerts]),.app-shell[data-mobile-view=purchases] [data-mobile-view]:not([data-mobile-view=purchases]),.app-shell[data-mobile-view=savings] [data-mobile-view]:not([data-mobile-view=savings]),.app-shell[data-mobile-view=settings] [data-mobile-view]:not([data-mobile-view=settings]){display:none}.desktop-alerts{display:none}.mobile-alerts{display:block}.purchase-list,.recommendations,.alerts-list{gap:8px}.detail-panel,.alerts-panel,.notification-center,.settings-panel{margin:0}.table-row{grid-template-columns:1fr;padding:12px}.table-head{display:none}.table-row:not(.table-head)>*{min-width:0}.table-row:not(.table-head)>:nth-child(2):before,.table-row:not(.table-head)>:nth-child(3):before,.table-row:not(.table-head)>:nth-child(4):before{color:#607286;content:attr(data-label);display:block;font-size:11px;font-weight:800;margin-bottom:3px;text-transform:uppercase}.alert-item,.notification-item,.purchase-row{grid-template-columns:1fr}.purchase-row{min-height:68px;padding:12px}.alert-item{align-items:flex-start}.notification-item{gap:8px}.purchase-meta{gap:8px;margin:12px 0}.detail-panel{padding:12px}.icon-command{justify-content:center;min-width:0;width:100%}.row-actions{width:100%}.mini-command{flex:1;width:auto}.edit-row{padding:10px}.edit-actions{align-items:stretch;flex-direction:column}.edit-actions button{justify-content:center;width:100%}.rec-head,.rec-actions{align-items:stretch;flex-direction:column}.rec-actions span{margin-right:0}.rec-actions button{justify-content:center;width:100%}.rec-savings{grid-template-columns:1fr}.trust-panel,.feedback-panel{align-items:stretch;width:100%}.trust-panel{flex-direction:column}.trust-panel button{justify-content:center;width:100%}.bottom-nav{background:#fffffffa;border-top:1px solid #d7e0e7;bottom:0;box-shadow:0 -8px 20px #243f521a;display:grid;gap:2px;grid-template-columns:repeat(5,minmax(0,1fr));left:0;padding:8px 8px max(8px,env(safe-area-inset-bottom));position:fixed;right:0;z-index:30}.bottom-nav-button{background:transparent;border:0;border-radius:8px;box-shadow:none;color:#5f6e7e;flex-direction:column;font-size:11px;font-weight:700;gap:4px;justify-content:center;min-height:56px;min-width:0;padding:4px 2px}.bottom-nav-button:hover:not(:disabled){box-shadow:none;transform:none}.bottom-nav-button[data-active=true]{background:#e7f1ef;color:#163c45}.bottom-nav-button span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}