@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=DM+Sans:wght@300;400;500;600;700&display=swap");:root{--color-brand:#7663f2;--color-brand-light:#9889f5;--color-brand-dark:#452bee;--color-brand-subtle:rgba(118,99,242,.12);--color-accent:#f7cb45;--color-accent-light:#f9d876;--color-accent-subtle:rgba(247,203,69,.15);--surface-bg:#0f1015;--surface-base:#15171e;--surface-raised:#1d1e26;--surface-overlay:#24262e;--surface-border:#2d2f39;--surface-border-subtle:#272830;--text-primary:#f0f1f5;--text-secondary:#9ba2b0;--text-tertiary:#6a707c;--text-disabled:#484b51;--text-inverse:#0f1015;--color-success:#26d985;--color-success-subtle:rgba(38,217,133,.12);--color-warning:#f6a823;--color-warning-subtle:rgba(246,168,35,.12);--color-danger:#ea4a3e;--color-danger-subtle:rgba(234,74,62,.12);--color-info:#2bb3ee;--color-info-subtle:rgba(43,179,238,.12);--bank-garanti:#1cb06b;--bank-akbank:#cc1919;--bank-isbank:#1557ac;--bank-yapikredi:#f29e0d;--bank-ziraat:#248f59;--bank-denizbank:#0f89bd;--bank-ing:#f26c0d;--bank-teb:#16439c;--bank-qnb:#b6203e;--bank-halkbank:#1f66ad;--bank-vakifbank:#bd2832;--bank-odeabank:#22a09c;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--radius-sm:0.375rem;--radius-md:0.75rem;--radius-lg:1rem;--radius-xl:1.5rem;--radius-2xl:2rem;--radius-full:9999px;--shadow-sm:0 1px 3px rgba(0,0,0,.4),0 1px 2px rgba(0,0,0,.3);--shadow-md:0 4px 16px rgba(0,0,0,.4),0 2px 6px rgba(0,0,0,.3);--shadow-lg:0 10px 40px rgba(0,0,0,.5),0 4px 12px rgba(0,0,0,.3);--shadow-glow:0 0 24px rgba(118,99,242,.3);--font-sans:"Inter",system-ui,-apple-system,sans-serif;--font-body:"DM Sans",system-ui,sans-serif;--font-mono:"JetBrains Mono","Fira Code",monospace;--ease-out:cubic-bezier(0.22,1,0.36,1);--ease-spring:cubic-bezier(0.34,1.56,0.64,1);--duration-fast:150ms;--duration-normal:250ms;--duration-slow:400ms;--sidebar-width:260px;--header-height:64px;--content-max:1280px}[data-theme=light]{--surface-bg:#f6f7f9;--surface-base:#fff;--surface-raised:#f9fafb;--surface-overlay:#eeeff2;--surface-border:#dcdfe5;--surface-border-subtle:#e8eaed;--text-primary:#0f111a;--text-secondary:#4f5264;--text-tertiary:#838695;--text-disabled:#aeafb7;--text-inverse:#f6f7f9;--shadow-sm:0 1px 3px rgba(0,0,0,.08),0 1px 2px rgba(0,0,0,.06);--shadow-md:0 4px 16px rgba(0,0,0,.1),0 2px 6px rgba(0,0,0,.08);--shadow-lg:0 10px 40px rgba(0,0,0,.12),0 4px 12px rgba(0,0,0,.08)}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-body);font-size:1rem;line-height:1.6;background-color:var(--surface-bg);min-height:100dvh;transition:background-color var(--duration-normal) var(--ease-out),color var(--duration-normal) var(--ease-out)}body,h1,h2,h3,h4,h5,h6{color:var(--text-primary)}h1,h2,h3,h4,h5,h6{font-family:var(--font-sans);font-weight:700;line-height:1.2}a{color:inherit;text-decoration:none}img,svg{display:block;max-width:100%}button{cursor:pointer;border:none;background:none}button,input,select,textarea{font-family:var(--font-body)}.container{width:100%;max-width:var(--content-max);margin:0 auto;padding:0 var(--space-6)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.app-shell{display:flex;min-height:100dvh}.main-content{flex:1 1;min-width:0;padding-top:var(--header-height)}.header{position:fixed;top:0;left:0;right:0;z-index:100;height:var(--header-height);background:rgba(var(--surface-bg),.8);background:color-mix(in srgb,var(--surface-bg) 85%,transparent);backdrop-filter:blur(20px) saturate(1.4);-webkit-backdrop-filter:blur(20px) saturate(1.4);border-bottom:1px solid var(--surface-border-subtle);padding:0 var(--space-6)}.header,.header-inner{display:flex;align-items:center}.header-inner{width:100%;max-width:var(--content-max);margin:0 auto;justify-content:space-between;gap:var(--space-4)}.logo{gap:var(--space-2);font-family:var(--font-sans);font-weight:800;font-size:1.25rem;color:var(--text-primary);flex-shrink:0}.logo,.logo-icon{display:flex;align-items:center}.logo-icon{width:32px;height:32px;background:linear-gradient(135deg,var(--color-brand),var(--color-brand-dark));border-radius:var(--radius-md);justify-content:center;font-size:1rem;box-shadow:var(--shadow-glow)}.logo span{background:linear-gradient(135deg,var(--text-primary),var(--color-brand-light));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.header-search{flex:1 1;max-width:480px;position:relative}.header-search input{width:100%;padding:var(--space-2) var(--space-4) var(--space-2) var(--space-10);background:var(--surface-raised);border:1px solid var(--surface-border);border-radius:var(--radius-full);color:var(--text-primary);font-size:.875rem;transition:all var(--duration-fast) var(--ease-out);outline:none}.header-search input::placeholder{color:var(--text-tertiary)}.header-search input:focus{border-color:var(--color-brand);box-shadow:0 0 0 3px var(--color-brand-subtle);background:var(--surface-overlay)}.search-icon{position:absolute;left:var(--space-3);top:50%;transform:translateY(-50%);color:var(--text-tertiary);pointer-events:none}.header-actions{display:flex;align-items:center;gap:var(--space-3)}.sidebar{width:var(--sidebar-width);flex-shrink:0;position:-webkit-sticky;position:sticky;top:var(--header-height);height:calc(100dvh - var(--header-height));overflow-y:auto;padding:var(--space-6) var(--space-4);border-right:1px solid var(--surface-border-subtle);display:flex;flex-direction:column;gap:var(--space-6);scrollbar-width:thin;scrollbar-color:var(--surface-border) transparent}.sidebar-section-title{font-size:.6875rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-tertiary);padding:0 var(--space-3);margin-bottom:var(--space-1)}.sidebar-nav{display:flex;flex-direction:column;gap:var(--space-1)}.nav-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);font-size:.875rem;font-weight:500;color:var(--text-secondary);transition:all var(--duration-fast) var(--ease-out);text-decoration:none;cursor:pointer;border:none;background:none;width:100%;text-align:left}.nav-item:hover{background:var(--surface-raised);color:var(--text-primary)}.nav-item.active{background:var(--color-brand-subtle);color:var(--color-brand-light);font-weight:600}.nav-item .nav-icon{width:18px;height:18px;flex-shrink:0;opacity:.7}.nav-item.active .nav-icon{opacity:1}.nav-badge{margin-left:auto;background:var(--color-brand);color:#fff;font-size:.6875rem;font-weight:700;padding:2px 7px;border-radius:var(--radius-full)}.page-wrapper{display:flex;min-height:calc(100dvh - var(--header-height))}.page-content{flex:1 1;min-width:0;padding:var(--space-8) var(--space-6);max-width:calc(var(--content-max) - var(--sidebar-width))}.page-header{margin-bottom:var(--space-8)}.page-title{font-size:1.875rem;font-weight:800;margin-bottom:var(--space-2)}.page-subtitle{font-size:1rem;color:var(--text-secondary)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);font-family:var(--font-body);font-size:.875rem;font-weight:600;transition:all var(--duration-fast) var(--ease-out);cursor:pointer;border:none;white-space:nowrap;position:relative;overflow:hidden}.btn:after{content:"";position:absolute;inset:0;background:#fff;opacity:0;transition:opacity var(--duration-fast)}.btn:hover:after{opacity:.06}.btn:active:after{opacity:.12}.btn-primary{background:linear-gradient(135deg,var(--color-brand),var(--color-brand-dark));color:#fff;box-shadow:0 4px 15px var(--color-brand-subtle)}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 20px var(--color-brand-subtle)}.btn-secondary{background:var(--surface-raised);color:var(--text-primary);border:1px solid var(--surface-border)}.btn-secondary:hover{background:var(--surface-overlay);border-color:var(--surface-border)}.btn-ghost{background:transparent;color:var(--text-secondary)}.btn-ghost:hover{background:var(--surface-raised);color:var(--text-primary)}.btn-sm{padding:var(--space-1) var(--space-3);font-size:.8125rem}.btn-lg{padding:var(--space-3) var(--space-6);font-size:1rem}.btn-icon{padding:var(--space-2);border-radius:var(--radius-md)}.campaigns-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));grid-gap:var(--space-4);gap:var(--space-4)}.campaign-card{background:var(--surface-raised);border:1px solid var(--surface-border-subtle);border-radius:var(--radius-xl);padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-4);transition:all var(--duration-normal) var(--ease-out);cursor:pointer;position:relative;overflow:hidden}.campaign-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--bank-color,var(--color-brand)),transparent);opacity:.8}.campaign-card:hover{transform:translateY(-3px);border-color:var(--surface-border);box-shadow:var(--shadow-lg);background:var(--surface-overlay)}.campaign-card:hover:before{opacity:1}.card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3)}.bank-chip{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);background:var(--surface-overlay);border:1px solid var(--surface-border-subtle);border-radius:var(--radius-full);font-size:.75rem;font-weight:600;color:var(--text-secondary)}.bank-dot{width:8px;height:8px;border-radius:50%;background:var(--bank-color,var(--color-brand));flex-shrink:0}.bonus-badge{display:flex;flex-direction:column;align-items:flex-end;gap:2px}.bonus-rate{font-family:var(--font-sans);font-size:1.5rem;font-weight:800;background:linear-gradient(135deg,var(--color-accent),var(--color-accent-light));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1}.bonus-label{font-size:.6875rem;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em}.card-title{font-size:1rem;font-weight:700;color:var(--text-primary);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.4}.card-meta{display:flex;flex-wrap:wrap;gap:var(--space-2)}.meta-tag{display:inline-flex;align-items:center;gap:var(--space-1);padding:3px var(--space-2);background:var(--surface-bg);border:1px solid var(--surface-border-subtle);border-radius:var(--radius-sm);font-size:.6875rem;font-weight:500;color:var(--text-secondary)}.card-footer{justify-content:space-between;margin-top:auto;padding-top:var(--space-3);border-top:1px solid var(--surface-border-subtle)}.card-footer,.expiry-info{display:flex;align-items:center}.expiry-info{gap:var(--space-1);font-size:.75rem;color:var(--text-tertiary)}.expiry-info.urgent{color:var(--color-warning)}.expiry-info.critical{color:var(--color-danger)}.track-btn{width:32px;height:32px;border-radius:var(--radius-md);background:var(--surface-overlay);border:1px solid var(--surface-border);display:flex;align-items:center;justify-content:center;color:var(--text-tertiary);transition:all var(--duration-fast) var(--ease-out);cursor:pointer;flex-shrink:0}.track-btn.tracked,.track-btn:hover{background:var(--color-brand-subtle);border-color:var(--color-brand);color:var(--color-brand-light)}.filter-bar{gap:var(--space-3);margin-bottom:var(--space-6);padding:var(--space-4);background:var(--surface-raised);border:1px solid var(--surface-border-subtle);border-radius:var(--radius-xl)}.filter-bar,.filter-group{display:flex;align-items:center;flex-wrap:wrap}.filter-group{gap:var(--space-2)}.filter-label{font-size:.75rem;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.06em;white-space:nowrap}.filter-chip{padding:var(--space-1) var(--space-3);background:var(--surface-overlay);border:1px solid var(--surface-border);border-radius:var(--radius-full);font-size:.8125rem;font-weight:500;color:var(--text-secondary);cursor:pointer;transition:all var(--duration-fast) var(--ease-out);white-space:nowrap}.filter-chip.active,.filter-chip:hover{border-color:var(--color-brand);color:var(--color-brand-light)}.filter-chip.active{background:var(--color-brand-subtle);font-weight:600}.filter-divider{width:1px;height:20px;background:var(--surface-border);flex-shrink:0}.sort-select{padding:var(--space-1) var(--space-3);background:var(--surface-overlay);border:1px solid var(--surface-border);border-radius:var(--radius-full);font-size:.8125rem;font-weight:500;color:var(--text-secondary);cursor:pointer;outline:none;transition:all var(--duration-fast) var(--ease-out);-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:var(--space-6);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23888' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center}.sort-select:focus,.sort-select:hover{border-color:var(--color-brand);color:var(--text-primary)}.hero-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));grid-gap:var(--space-4);gap:var(--space-4);margin-bottom:var(--space-8)}.stat-card{background:var(--surface-raised);border:1px solid var(--surface-border-subtle);border-radius:var(--radius-xl);padding:var(--space-5);position:relative;overflow:hidden}.stat-card:after{content:"";position:absolute;bottom:-20px;right:-20px;width:80px;height:80px;background:var(--color-brand-subtle);border-radius:50%;pointer-events:none}.stat-number{font-family:var(--font-sans);font-size:2rem;font-weight:800;color:var(--color-brand-light);line-height:1;margin-bottom:var(--space-1)}.stat-label{font-size:.8125rem;color:var(--text-tertiary);font-weight:500}.stat-change{display:inline-flex;align-items:center;gap:3px;font-size:.75rem;font-weight:600;color:var(--color-success);margin-top:var(--space-2)}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4)}.section-title{font-size:1.125rem;font-weight:700}.banks-row{display:flex;gap:var(--space-3);flex-wrap:wrap;margin-bottom:var(--space-8)}.bank-pill{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:var(--surface-raised);border-radius:var(--radius-full);font-size:.8125rem;font-weight:600;color:var(--text-secondary);cursor:pointer;transition:all var(--duration-fast) var(--ease-out);border:1px solid var(--surface-border-subtle);border-left:3px solid var(--bank-color,var(--surface-border))}.bank-pill:hover{background:var(--surface-overlay);color:var(--text-primary);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.bank-pill.active{background:color-mix(in srgb,var(--bank-color,var(--color-brand)) 15%,transparent);border-color:var(--bank-color,var(--color-brand));color:var(--text-primary)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-20);text-align:center;gap:var(--space-4)}.empty-icon{font-size:3rem;opacity:.4}.empty-title{font-size:1.125rem;font-weight:700;color:var(--text-secondary)}.empty-desc{font-size:.875rem;color:var(--text-tertiary);max-width:320px}.activation-badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:3px var(--space-2);background:var(--color-warning-subtle);border:1px solid var(--color-warning);border-radius:var(--radius-sm);font-size:.6875rem;font-weight:600;color:var(--color-warning)}.theme-toggle{width:36px;height:36px;border-radius:var(--radius-md);background:var(--surface-raised);border:1px solid var(--surface-border);display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-secondary);transition:all var(--duration-fast) var(--ease-out);font-size:1rem}.theme-toggle:hover{background:var(--surface-overlay);color:var(--text-primary)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--surface-border);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}@keyframes pulse-glow{0%,to{box-shadow:0 0 0 0 var(--color-brand-subtle)}50%{box-shadow:var(--shadow-glow)}}.animate-fade-in-up,.campaign-card{animation:fadeInUp var(--duration-slow) var(--ease-out) both}.campaigns-grid .campaign-card:first-child{animation-delay:0ms}.campaigns-grid .campaign-card:nth-child(2){animation-delay:60ms}.campaigns-grid .campaign-card:nth-child(3){animation-delay:.12s}.campaigns-grid .campaign-card:nth-child(4){animation-delay:.18s}.campaigns-grid .campaign-card:nth-child(5){animation-delay:.24s}.campaigns-grid .campaign-card:nth-child(6){animation-delay:.3s}.skeleton{background:linear-gradient(90deg,var(--surface-raised) 0,var(--surface-overlay) 50%,var(--surface-raised) 100%);background-size:400px 100%;animation:shimmer 1.4s ease infinite;border-radius:var(--radius-sm)}@media (max-width:1024px){.sidebar{display:none}.page-content{max-width:100%}}@media (max-width:768px){.header{padding:0 var(--space-4)}.header-search{display:none}.page-content{padding:var(--space-6) var(--space-4)}.campaigns-grid{grid-template-columns:1fr}.filter-bar{gap:var(--space-2);padding:var(--space-3)}.hero-stats{grid-template-columns:repeat(2,1fr)}.page-title{font-size:1.5rem}}@media (max-width:480px){.hero-stats{grid-template-columns:1fr 1fr}.banks-row{gap:var(--space-2)}}.glass-card{background:color-mix(in srgb,var(--surface-raised) 70%,transparent);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid color-mix(in srgb,var(--surface-border) 60%,transparent)}.gradient-text{background:linear-gradient(135deg,var(--text-primary) 0,var(--color-brand-light) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.detail-page{max-width:860px}.detail-hero{background:var(--surface-raised);border:1px solid var(--surface-border-subtle);border-radius:var(--radius-2xl);padding:var(--space-8);margin-bottom:var(--space-6);position:relative;overflow:hidden}.detail-hero:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--bank-color,var(--color-brand)),transparent)}.detail-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:var(--space-4);gap:var(--space-4)}.detail-stat{background:var(--surface-bg);border:1px solid var(--surface-border-subtle);border-radius:var(--radius-lg);padding:var(--space-4)}.detail-stat-label{font-size:.75rem;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.06em;margin-bottom:var(--space-1)}.detail-stat-value{font-family:var(--font-sans);font-size:1.25rem;font-weight:700;color:var(--text-primary)}.toast-container{position:fixed;bottom:var(--space-6);right:var(--space-6);z-index:1000;display:flex;flex-direction:column;gap:var(--space-2)}.toast{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--surface-overlay);border:1px solid var(--surface-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);animation:fadeInUp .3s var(--ease-out) both;max-width:360px}