:root{--clippee-blue: #0394fc;--clippee-blue-strong: #0284c7;--clippee-blue-soft: rgba(3, 148, 252, .1);--clippee-blue-shadow: rgba(3, 148, 252, .35);--bg-color: #fffdf5;--bg-gradient: linear-gradient(135deg, #fffdf5 0%, #fef9e7 50%, #fffaf0 100%);--card-bg: #ffffff;--text-color: #0f172a;--text-secondary: #64748b;--border-color: rgba(148, 163, 184, .35);--border-warm: #fcd34d;--hover-bg: rgba(3, 148, 252, .06);--accent-color: var(--clippee-blue);--accent-strong: var(--clippee-blue-strong);--accent-soft: var(--clippee-blue-soft);--success-color: #16a34a;--focus-ring: rgba(3, 148, 252, .28);--radius-md: .9rem;--radius-lg: 1rem}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--text-color);background:var(--bg-gradient)}a{color:inherit;text-decoration:none}.app-shell,.page-shell{min-height:100vh;background:var(--bg-gradient);color:var(--text-color)}.app-header{max-width:1040px;margin:0 auto;padding:1.25rem 1.5rem;display:flex;align-items:center;justify-content:space-between;gap:1.5rem}.logo-area{display:flex;align-items:center;gap:.5rem;font-weight:600}.logo-image{height:52px;width:auto;display:block;border-radius:0;background:transparent}.logo-text{font-size:1.05rem}.nav-links{display:flex;align-items:center;gap:1rem;font-size:.95rem;color:var(--text-secondary)}.nav-link{padding:.25rem .5rem;border-radius:999px;transition:background .15s ease,color .15s ease}.nav-link:hover{background:var(--hover-bg);color:var(--text-color)}.nav-link-active{background:var(--accent-color);color:#fff}.nav-actions{display:flex;align-items:center}.nav-link-button{padding:.4rem .9rem;border-radius:var(--radius-md);border:1px solid rgba(3,148,252,.25);font-size:.9rem;color:#fff;background:var(--accent-color);cursor:pointer;transition:background .15s ease,border-color .15s ease,transform .1s ease}.nav-link-button:hover{background:var(--accent-strong);border-color:#0394fc73;transform:translateY(-1px)}.nav-link-button:disabled{opacity:.55;cursor:not-allowed;transform:none;filter:grayscale(.15)}.nav-link-button:disabled:hover{background:var(--accent-color);border-color:#0394fc40;transform:none}.hero{max-width:1040px;margin:0 auto;padding:3.5rem 1.5rem 2.5rem}.hero-content{max-width:640px}.hero h1{font-size:clamp(2.4rem,4vw,3rem);line-height:1.05;margin-bottom:1rem}.hero p{font-size:1rem;line-height:1.6;color:var(--text-secondary);margin-bottom:1.5rem}.hero-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:.75rem}.primary-cta{display:inline-flex;align-items:center;justify-content:center;padding:.85rem 1.6rem;border-radius:var(--radius-md);background:var(--accent-color);color:#fff;font-weight:600;font-size:.96rem;box-shadow:0 10px 28px var(--clippee-blue-shadow);cursor:pointer;transition:transform .1s ease,box-shadow .1s ease,filter .15s ease}.primary-cta:hover{transform:translateY(-1px);box-shadow:0 14px 38px #0394fc80;filter:brightness(1.03)}.primary-cta:disabled{opacity:.55;cursor:not-allowed;transform:none;filter:grayscale(.15);box-shadow:none}.google-btn{display:inline-flex;align-items:center;justify-content:center;padding:.6rem .75rem;border-radius:999px;border:1px solid #dadce0;background:#fff;color:#3c4043;font-weight:500;font-size:.9rem;box-shadow:0 1px 3px #0f172a1f;cursor:pointer;gap:.5rem}.google-btn:hover{background:#f7f8f8}.google-btn:active{background:#eceff1;box-shadow:0 1px 2px #0f172a2e}.google-icon{width:18px;height:18px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.google-label{line-height:1;white-space:nowrap}.secondary-cta{padding:.8rem 1.2rem;border-radius:999px;border:1px dashed rgba(34,197,94,.8);background:#dcfce7f2;color:#14532d;font-size:.95rem;cursor:pointer;transition:background .15s ease,border-color .15s ease}.secondary-cta:hover{background:#bbf7d0;border-color:#22c55e}.hero-subcopy{font-size:.9rem;color:#9ca3af}.section{max-width:1040px;margin:0 auto;padding:1.5rem 1.5rem 2.25rem}.section h2{font-size:1.4rem;margin-bottom:1.25rem}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.1rem}.feature-card{background:var(--card-bg);border-radius:var(--radius-lg);padding:1.1rem 1.1rem 1.2rem;border:1px solid var(--border-color);box-shadow:0 18px 45px #0f172a1a}.feature-card h3{font-size:1.05rem;margin-bottom:.5rem}.feature-card p{font-size:.9rem;color:var(--text-secondary);line-height:1.6}.faq-section{padding-bottom:3.25rem}.faq-item+.faq-item{margin-top:.9rem}.faq-item h3{font-size:1rem;margin-bottom:.25rem}.faq-item p{font-size:.9rem;color:var(--text-secondary)}.site-footer{max-width:1040px;margin:0 auto;padding:1.25rem 1.5rem 2rem;display:flex;justify-content:space-between;align-items:center;font-size:.85rem;color:var(--text-secondary)}.site-footer a{color:var(--accent-color)}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg-gradient);padding:1.5rem}.auth-card{width:100%;max-width:420px;background:var(--card-bg);border-radius:1.25rem;padding:1.75rem 1.75rem 1.9rem;border:1px solid var(--border-color);box-shadow:0 25px 60px #0f172a1a}.auth-logo{display:inline-flex;align-items:center;gap:.5rem;margin-bottom:1.25rem}.auth-form{display:flex;flex-direction:column;gap:.85rem}.auth-title{font-size:1.3rem;margin-bottom:.25rem}.auth-subtitle{font-size:.9rem;color:#9ca3af;margin-bottom:.75rem}.field{display:flex;flex-direction:column;gap:.3rem}.field-label{font-size:.85rem;color:var(--text-secondary)}.field input{padding:.6rem .75rem;border-radius:.65rem;border:1px solid rgba(148,163,184,.55);background:var(--card-bg);color:var(--text-color);font-size:.9rem}.field input:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 2px var(--focus-ring)}.error-text{font-size:.85rem;color:#b91c1c}.loading-center{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:220px;gap:.75rem}.loading-spinner{width:32px;height:32px;border-radius:999px;border:3px solid rgba(148,163,184,.35);border-top-color:var(--accent-color);animation:clippee-spin .8s linear infinite}@keyframes clippee-spin{to{transform:rotate(360deg)}}.full-width{width:100%;text-align:center}.secondary-toggle{margin-top:.4rem;background:transparent;border:none;color:var(--accent-color);font-size:.9rem;cursor:pointer}.dashboard-main{max-width:720px;margin:2.25rem auto 0;padding:0 1.5rem 3rem}.dashboard-main h1{font-size:1.8rem;margin-bottom:.75rem}.dashboard-copy{font-size:.95rem;color:var(--text-secondary);margin-bottom:.75rem}.overview-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.75rem;margin:2rem 0 .5rem}@media (max-width: 640px){.overview-grid{grid-template-columns:1fr}}.overview-card{background:var(--card-bg);border-radius:18px;padding:2.25rem 2rem;border:2px solid #fcd34d;background:linear-gradient(135deg,#fef9e7,#fef3c7,#fde68a);box-shadow:0 16px 40px #0f172a14}.overview-stat-title{font-size:2rem;font-weight:500;margin:0 0 1.25rem;color:#94a3b8;letter-spacing:-.02em}.overview-stat-value{font-size:3.25rem;font-weight:700;margin:0;line-height:1;font-variant-numeric:tabular-nums;letter-spacing:-.02em}.overview-stat-value-count{color:#0b84ff}.overview-stat-value-savings{color:#16a34a}.overview-retailers-list{list-style:none;margin:.25rem 0 0;padding:0;display:flex;flex-direction:column;gap:.35rem}.overview-retailer-item{display:flex}.overview-retailer-link{display:flex;justify-content:space-between;align-items:center;width:100%;font-size:.85rem;color:var(--text-secondary)}.overview-retailer-link:hover{color:var(--accent-color)}.overview-retailer-name{font-weight:500}.overview-retailer-count{font-variant-numeric:tabular-nums}.overview-runs{margin-top:2rem}.overview-runs-header{display:flex;justify-content:space-between;align-items:flex-end;gap:1.25rem;margin-bottom:.75rem}.runs-table-wrapper{background:var(--card-bg);border-radius:var(--radius-lg);border:1px solid var(--border-color);box-shadow:0 18px 50px #0f172a0f;overflow:auto}.runs-table{width:100%;border-collapse:collapse;font-size:.9rem}.runs-table th,.runs-table td{padding:.6rem .9rem;text-align:left;border-bottom:1px solid rgba(226,232,240,.9)}.runs-table th{font-weight:500;color:var(--text-secondary);background:#f9fafb}.runs-table tbody tr:nth-child(2n){background:#f9fafb}.runs-table tbody tr:nth-child(odd){background:#fff}.dashboard-cta-section{margin-top:2rem}.settings-main{max-width:1040px;margin:2.25rem auto 0;padding:0 1.5rem 3rem}.settings-main h1{font-size:1.6rem;margin-bottom:.75rem}.settings-section{margin-top:1.5rem}.settings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1rem;margin-top:.75rem}.settings-card{background:var(--card-bg);border-radius:var(--radius-lg);padding:1rem 1.1rem;border:1px solid rgba(148,163,184,.35);box-shadow:0 18px 45px #0f172a14;position:relative;cursor:pointer}.settings-card-selected{border-color:#0394fc8c;box-shadow:0 0 0 2px var(--focus-ring)}.settings-retailer-header{display:flex;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.75rem}.settings-retailer-info{display:flex;align-items:center;gap:.55rem}.settings-retailer-logo{width:32px;height:32px;border-radius:.6rem;object-fit:contain;background:#fff;box-shadow:0 4px 12px #0f172a1f}.settings-retailer-name{font-weight:600;font-size:.95rem}.settings-retailer-url{font-size:.8rem;color:var(--text-secondary)}.settings-toggle{border-radius:999px;border:1px solid rgba(148,163,184,.7);background:#0f172ae6;color:#e5e7eb;font-size:.8rem;padding:.25rem .7rem;cursor:pointer}.settings-toggle-on{background:linear-gradient(135deg,#22c55e,#16a34a);color:#052e16;border-color:#22c55ee6}.settings-categories{margin-top:.4rem}.settings-label{display:block;font-size:.8rem;color:var(--text-secondary);margin-bottom:.25rem}.settings-pills{display:flex;flex-wrap:wrap;gap:.35rem}.settings-pill{border-radius:999px;border:1px solid rgba(148,163,184,.55);background:#fff;color:var(--text-color);padding:.2rem .65rem;font-size:.8rem;cursor:pointer}.settings-pill-selected{background:#0394fc1a;border-color:#0394fc59}.settings-footer{position:sticky;bottom:0;margin-top:1.5rem;padding:1rem 1.5rem;display:flex;justify-content:space-between;align-items:center;gap:1rem;background:#fff;border-top:1px solid rgba(148,163,184,.22);box-shadow:0 -8px 24px #0f172a1a;z-index:5;width:calc(100% + 3rem);margin-left:-1.5rem;border-radius:1rem 1rem 0 0}.settings-footer-left{display:flex;align-items:center;gap:.75rem}.settings-footer-right{display:flex;align-items:center}.settings-selection-count{font-size:.85rem;color:var(--text-secondary)}.settings-clear-button{border:none;background:transparent;color:var(--text-secondary);font-size:.85rem;cursor:pointer;text-decoration:underline;opacity:.85}.settings-clear-button:hover:enabled{opacity:1}.settings-clear-button:disabled{opacity:.4;cursor:not-allowed;text-decoration:none}.settings-clippee-badge{position:absolute;top:8px;right:8px;width:20px;height:20px;object-fit:contain;pointer-events:none}.settings-status-chip{display:inline-flex;align-items:center;border-radius:999px;padding:.2rem .7rem;font-size:.8rem;background:#16a34a1f;color:#166534;border:1px solid rgba(22,163,74,.4);margin-top:.4rem}.coupons-main{max-width:1040px;margin:2.25rem auto 0;padding:0 1.5rem 3rem}.coupons-header{display:flex;justify-content:space-between;align-items:flex-end;gap:1.25rem;margin-bottom:1.25rem}.coupons-header h1{font-size:1.6rem;margin-bottom:.4rem}.coupons-summary{font-size:.9rem;color:var(--text-secondary)}.coupons-controls{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:1.25rem}.coupons-active-filters{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem;margin-bottom:1rem;font-size:.8rem;color:var(--text-secondary)}.coupons-active-filters-label{margin-right:.25rem}.filter-chip{display:inline-flex;align-items:center;gap:.25rem;border-radius:999px;border:1px solid rgba(3,148,252,.25);background:#0394fc1a;color:var(--text-color);padding:.15rem .55rem;font-size:.8rem;cursor:pointer}.filter-chip:hover{background:#0394fc24;border-color:#0394fc59}.filter-chip-clear-all{border-style:dashed;border-color:#94a3b8a6;background:transparent}.filter-chip-x{font-size:.75rem;opacity:.8}.coupons-search-input{flex:1 1 220px;min-width:0;padding:.55rem .75rem;border-radius:999px;border:1px solid rgba(148,163,184,.55);background:#fff;color:var(--text-color);font-size:.9rem}.coupons-search-input:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 2px var(--focus-ring)}.coupons-select{flex:0 0 180px;padding:.55rem .75rem;border-radius:999px;border:1px solid rgba(148,163,184,.55);background:#fff;color:var(--text-color);font-size:.9rem}.coupons-select:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 2px var(--focus-ring)}.coupons-date-range{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem .75rem}.coupons-date-field{display:flex;align-items:center;gap:.35rem;font-size:.8rem;color:var(--text-secondary)}.coupons-date-input{padding:.45rem .6rem;border-radius:999px;border:1px solid rgba(148,163,184,.55);background:#fff;color:var(--text-color);font-size:.85rem}.coupons-date-input:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 2px var(--focus-ring)}.coupons-table-wrapper{background:var(--card-bg);border-radius:var(--radius-lg);border:1px solid var(--border-color);box-shadow:0 22px 60px #0f172a1a;overflow:auto}.coupons-table{width:100%;border-collapse:collapse;font-size:.9rem}.coupons-table th,.coupons-table td{padding:.6rem .9rem;text-align:left;border-bottom:1px solid rgba(148,163,184,.28)}.coupons-table th{font-weight:500;color:var(--text-secondary);background:#f9fafb;position:sticky;top:0;z-index:1}.coupons-table tbody tr:nth-child(2n){background:#f9fafb}.coupons-table tbody tr:nth-child(odd){background:#fff}.coupons-product-cell{max-width:260px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.coupons-product{display:flex;align-items:center;gap:.5rem}.coupons-product-img{width:40px;height:40px;object-fit:cover;border-radius:.5rem;background:#94a3b826;flex-shrink:0}.coupons-product-text{display:flex;flex-direction:column;gap:.15rem;min-width:0}.coupons-product-title{font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.coupons-product-link{font-size:.8rem;color:var(--accent-color)}.coupons-product-link:hover{text-decoration:underline}@media (max-width: 768px){.app-header{flex-wrap:wrap;justify-content:center;gap:.75rem 1.25rem}.nav-links{order:3}.hero{padding-top:2.5rem}.site-footer{flex-direction:column;gap:.5rem;text-align:center}}
