hTüml{font-size:16px;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{margin:0;padding:0;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.mobile-container{width:100%;max-width:100vw;margin:0 auto;padding:0 16px;overflow-x:hidden}.mobile-h1{font-size:1.75rem;font-weight:700;line-height:1.2;margin:0 0 16px}.mobile-h2{font-size:1.5rem;font-weight:600;line-height:1.3;margin:0 0 12px}.mobile-h3{font-size:1.25rem;font-weight:600;line-height:1.4;margin:0 0 8px}.mobile-p{font-size:1rem;line-height:1.5;margin:0 0 12px}.mobile-small{font-size:.875rem;line-height:1.4}.mobile-btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 24px;border:none;border-radius:8px;font-size:1rem;font-weight:600;text-decoration:none;cursor:pointer;transition:all .2s ease;min-height:44px;min-width:44px;gap:8px}.mobile-btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 4px 12px #667eea4d}.mobile-btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 16px #667eea66}.mobile-btn-secondary{background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.mobile-btn-secondary:hover{background:#fff3}.mobile-btn-danger{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;box-shadow:0 4px 12px #ef44444d}.mobile-btn-success{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 4px 12px #10b9814d}.mobile-card{background:#ffffff1a;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:20px;margin-bottom:16px;box-shadow:0 8px 32px #0000001a}.mobile-card-compact{padding:16px;margin-bottom:12px}.mobile-form-group{margin-bottom:20px}.mobile-label{display:block;font-size:.875rem;font-weight:600;color:#ffffffe6;margin-bottom:8px}.mobile-input{width:100%;padding:12px 16px;border:1px solid rgba(255,255,255,.2);border-radius:8px;background:#ffffff1a;color:#fff;font-size:1rem;transition:all .2s ease;min-height:44px}.mobile-input:focus{outline:none;border-color:#667eea;background:#ffffff26;box-shadow:0 0 0 3px #667eea1a}.mobile-input::-moz-placeholder{color:#ffffff80}.mobile-input::placeholder{color:#ffffff80}.mobile-select{width:100%;padding:12px 16px;border:1px solid rgba(255,255,255,.2);border-radius:8px;background:#ffffff1a;color:#fff;font-size:1rem;min-height:44px;cursor:pointer}.mobile-textarea{width:100%;padding:12px 16px;border:1px solid rgba(255,255,255,.2);border-radius:8px;background:#ffffff1a;color:#fff;font-size:1rem;min-height:100px;resize:vertical;font-family:inherit}.mobile-grid{display:grid;gap:16px}.mobile-grid-1{grid-template-columns:1fr}.mobile-grid-2{grid-template-columns:repeat(2,1fr)}.mobile-grid-3{grid-template-columns:repeat(3,1fr)}.mobile-grid-4{grid-template-columns:repeat(4,1fr)}.mobile-flex{display:flex}.mobile-flex-col{flex-direction:column}.mobile-flex-wrap{flex-wrap:wrap}.mobile-items-center{align-items:center}.mobile-justify-center{justify-content:center}.mobile-justify-between{justify-content:space-between}.mobile-gap-1{gap:4px}.mobile-gap-2{gap:8px}.mobile-gap-3{gap:12px}.mobile-gap-4{gap:16px}.mobile-gap-6{gap:24px}.mobile-p-1{padding:4px}.mobile-p-2{padding:8px}.mobile-p-3{padding:12px}.mobile-p-4{padding:16px}.mobile-p-6{padding:24px}.mobile-m-1{margin:4px}.mobile-m-2{margin:8px}.mobile-m-3{margin:12px}.mobile-m-4{margin:16px}.mobile-m-6{margin:24px}.mobile-mb-1{margin-bottom:4px}.mobile-mb-2{margin-bottom:8px}.mobile-mb-3{margin-bottom:12px}.mobile-mb-4{margin-bottom:16px}.mobile-mb-6{margin-bottom:24px}.mobile-mt-1{margin-top:4px}.mobile-mt-2{margin-top:8px}.mobile-mt-3{margin-top:12px}.mobile-mt-4{margin-top:16px}.mobile-mt-6{margin-top:24px}.mobile-text-center{text-align:center}.mobile-text-left{text-align:left}.mobile-text-right{text-align:right}.mobile-text-xs{font-size:.75rem}.mobile-text-sm{font-size:.875rem}.mobile-text-base{font-size:1rem}.mobile-text-lg{font-size:1.125rem}.mobile-text-xl{font-size:1.25rem}.mobile-font-normal{font-weight:400}.mobile-font-medium{font-weight:500}.mobile-font-semibold{font-weight:600}.mobile-font-bold{font-weight:700}.mobile-nav{position:fixed;bottom:0;left:0;right:0;background:#000000e6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-top:1px solid rgba(255,255,255,.1);padding:8px 0;z-index:1000}.mobile-nav-item{display:flex;flex-direction:column;align-items:center;padding:8px 12px;color:#fff9;text-decoration:none;font-size:.75rem;transition:color .2s ease;min-width:60px}.mobile-nav-item.active{color:#667eea}.mobile-nav-icon{font-size:1.25rem;margin-bottom:4px}.mobile-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:2000;padding:16px}.mobile-modal-content{background:#ffffff1a;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:24px;width:100%;max-width:400px;max-height:80vh;overflow-y:auto}.mobile-table{width:100%;border-collapse:collapse;font-size:.875rem}.mobile-table th,.mobile-table td{padding:12px 8px;text-align:left;border-bottom:1px solid rgba(255,255,255,.1)}.mobile-table th{font-weight:600;color:#fffc;background:#ffffff0d}.mobile-table-responsive{overflow-x:auto;-webkit-overflow-scrolling:touch}.mobile-list{list-style:none;padding:0;margin:0}.mobile-list-item{padding:12px 16px;border-bottom:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:space-between}.mobile-list-item:last-child{border-bottom:none}.mobile-badge{display:inline-flex;align-items:center;padding:4px 8px;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.mobile-badge-primary{background:#667eea33;color:#667eea}.mobile-badge-success{background:#10b98133;color:#10b981}.mobile-badge-danger{background:#ef444433;color:#ef4444}.mobile-badge-warning{background:#f59e0b33;color:#f59e0b}.mobile-loading{display:flex;align-items:center;justify-content:center;padding:40px;color:#fff9}.mobile-spinner{width:24px;height:24px;border:2px solid rgba(255,255,255,.2);border-top:2px solid #667eea;border-radius:50%;animation:mobile-spin 1s linear infinite}@keyframes mobile-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.mobile-fade-in{animation:mobile-fade-in .3s ease-out}@keyframes mobile-fade-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.mobile-slide-up{animation:mobile-slide-up .3s ease-out}@keyframes mobile-slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}@media(min-width:640px){.mobile-container{padding:0 24px}.mobile-h1{font-size:2rem}.mobile-h2{font-size:1.75rem}.mobile-h3{font-size:1.5rem}.mobile-grid-2{grid-template-columns:repeat(2,1fr)}.mobile-grid-3{grid-template-columns:repeat(3,1fr)}}@media(min-width:768px){.mobile-container{padding:0 32px}.mobile-h1{font-size:2.25rem}.mobile-h2{font-size:2rem}.mobile-h3{font-size:1.75rem}.mobile-grid-3{grid-template-columns:repeat(3,1fr)}.mobile-grid-4{grid-template-columns:repeat(4,1fr)}}@media(min-width:1024px){.mobile-container{max-width:1200px;padding:0 40px}.mobile-h1{font-size:2.5rem}.mobile-h2{font-size:2.25rem}.mobile-h3{font-size:2rem}.mobile-grid-4{grid-template-columns:repeat(4,1fr)}}@media(hover:none)and (pointer:coarse){.mobile-btn{min-height:48px;padding:14px 28px}.mobile-input,.mobile-select,.mobile-textarea{min-height:48px;padding:14px 18px}.mobile-nav-item{min-height:48px;padding:12px 16px}}@media(max-height:500px)and (orientation:landscape){.mobile-modal-content{max-height:90vh;padding:16px}.mobile-h1{font-size:1.5rem}.mobile-h2{font-size:1.25rem}.mobile-h3{font-size:1.125rem}}@media(prefers-color-scheme:dark){.mobile-input::-moz-placeholder{color:#fff6}.mobile-input::placeholder{color:#fff6}}@media(prefers-reduced-motion:reduce){.mobile-spinner,.mobile-fade-in,.mobile-slide-up{animation:none}}.mobile-btn:focus-visible,.mobile-input:focus-visible,.mobile-select:focus-visible,.mobile-textarea:focus-visible{outline:2px solid #667eea;outline-offset:2px}@media(prefers-contrast:high){.mobile-card{border:2px solid rgba(255,255,255,.3)}.mobile-input,.mobile-select,.mobile-textarea{border:2px solid rgba(255,255,255,.4)}}hTüml{scroll-behavior:smooth;overflow-x:hidden}body{overflow-x:hidden;scroll-behavior:smooth;min-height:100vh}hTüml,body{max-width:100vw;overflow-x:hidden}*{scroll-behavior:smooth}#root{min-height:100vh;display:flex;flex-direction:column;overflow-x:hidden}div[style*="height: 100%"]{height:auto!important;min-height:100vh}*{will-change:auto}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}main{flex:1;overflow-x:hidden}.page-container{min-height:100vh;overflow-x:hidden}hTüml,body,#root,main{min-height:100vh}*{box-sizing:border-box}div[style*="height: 100%"]{height:auto!important;min-height:100vh;max-height:none!important}.flex-container,.page-wrapper{min-height:100vh;overflow-x:hidden}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#ffffff1a;border-radius:4px}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#10b981,#059669);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#059669,#047857)}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spin{animation:spin 1s linear infinite}:root{--subscription-primary-color: #2563eb;--subscription-background-light: #f4f5f7;--subscription-text-dark: #232946;--subscription-card-background: #f8f9fa;--subscription-card-shadow: 0 8px 32px rgba(0, 0, 0, .1);--subscription-hover-shadow: 0 4px 14px rgba(37, 99, 235, .1);--subscription-btn-hover-color: #1e40af;--subscription-btn-color: white;--subscription-btn-background-color: #2563eb;--radius: .625rem;--background: oklch(1 0 0);--foreground: oklch(.13 .028 261.692);--card: oklch(1 0 0);--card-foreground: oklch(.13 .028 261.692);--popover: oklch(1 0 0);--popover-foreground: oklch(.13 .028 261.692);--primary: oklch(.21 .034 264.665);--primary-foreground: oklch(.985 .002 247.839);--secondary: oklch(.967 .003 264.542);--secondary-foreground: oklch(.21 .034 264.665);--muted: oklch(.967 .003 264.542);--muted-foreground: oklch(.551 .027 264.364);--accent: oklch(.967 .003 264.542);--accent-foreground: oklch(.21 .034 264.665);--destructive: oklch(.577 .245 27.325);--border: oklch(.928 .006 264.531);--input: oklch(.928 .006 264.531);--ring: oklch(.707 .022 261.325);--chart-1: oklch(.646 .222 41.116);--chart-2: oklch(.6 .118 184.704);--chart-3: oklch(.398 .07 227.392);--chart-4: oklch(.828 .189 84.429);--chart-5: oklch(.769 .188 70.08);--sidebar: oklch(.985 .002 247.839);--sidebar-foreground: oklch(.13 .028 261.692);--sidebar-primary: oklch(.21 .034 264.665);--sidebar-primary-foreground: oklch(.985 .002 247.839);--sidebar-accent: oklch(.967 .003 264.542);--sidebar-accent-foreground: oklch(.21 .034 264.665);--sidebar-border: oklch(.928 .006 264.531);--sidebar-ring: oklch(.707 .022 261.325)}body{margin:0;padding:0;min-width:320px;min-height:100vh;background-color:var(--subscription-background-light);font-family:Inter,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:var(--subscription-text-dark);transition:background-color .4s,color .4s;overflow-x:hidden}body.dark-mode{--subscription-background-light: #e5e7eb;--subscription-text-dark: #232946;--subscription-card-background: #f4f5f7;--subscription-card-shadow: 0 8px 32px rgba(0,0,0,.1);--subscription-hover-shadow: 0 4px 14px rgba(37, 99, 235, .1)}a{color:var(--subscription-primary-color);text-decoration:none}a:hover{color:var(--subscription-btn-hover-color)}button{padding:.5em 1em;border:none;border-radius:4px;cursor:pointer;transition:background-color .3s}.subscription-page-container{padding:30px;color:var(--subscription-text-dark)}.subscription-summary-box{display:flex;justify-content:space-between;margin-bottom:30px;background-color:var(--subscription-card-background);padding:20px;border-radius:8px;color:var(--subscription-text-dark)}.subscription-summary-box div{flex:1;text-align:center}.subscription-table-box{background-color:var(--subscription-card-background);padding:20px;border-radius:8px;margin-top:30px;color:var(--subscription-text-dark)}.subscription-table-box h2{color:var(--subscription-text-dark);font-size:1.8rem;margin-bottom:20px}.subscription-table-box table{width:100%;border-collapse:collapse}.subscription-table-box th,.subscription-table-box td{padding:12px;text-align:left;border-bottom:1px solid rgba(0,0,0,.08);color:var(--subscription-text-dark)}.subscription-table-box th,.subscription-table-box td{background-color:var(--subscription-card-background)}.add-subscription-btn,.settings-button{background-color:var(--subscription-btn-background-color);color:var(--subscription-btn-color);padding:10px 20px;margin:10px 0;border:none;border-radius:8px;cursor:pointer;display:inline-block;font-size:1rem;transition:background-color .3s,transform .3s}.add-subscription-btn:hover,.settings-button:hover{background-color:var(--subscription-btn-hover-color);transform:translateY(-2px)}.settings-button.logout{background-color:#dc3545}.settings-button.logout:hover{background-color:#c82333}.settings-input{padding:10px;border-radius:6px;border:1px solid var(--subscription-card-shadow);width:100%;box-sizing:border-box;margin-bottom:10px;background-color:var(--subscription-card-background);color:var(--subscription-text-dark)}body.dark-mode .settings-input{border-color:#444}.content-area{flex:1;padding:20px;background-color:var(--subscription-background-light);min-height:100px}.app-container{display:flex;min-height:100vh;background-color:var(--subscription-background-light);color:var(--subscription-text-dark)}.dark-mode .app-container,.dark-mode .content-area{background-color:#121212;color:#fff}.subscription-table-box tbody tr:hover{background-color:#444}@media(max-width:768px){body{padding:10px}}@media(max-width:480px){h1{font-size:1.6rem}h2{font-size:1.25rem}p,label,input,button{font-size:.95rem}.subscription-page-container{padding:16px}.subscription-summary-box{flex-direction:column;gap:8px}}button:focus,input:focus,select:focus,textarea:focus{outline:2px solid var(--subscription-primary-color);outline-offset:2px}.input-error{border-color:#dc3545!important;background-color:#fff0f0}.form-error-message{color:#dc3545;font-size:.95em}@theme inline{ --radius-sm: calc(var(--radius) - 4px); --radius-md: calc(var(--radius) - 2px); --radius-lg: var(--radius); --radius-xl: calc(var(--radius) + 4px); --color-background: var(--background); --color-foreground: var(--foreground); --color-card: var(--card); --color-card-foreground: var(--card-foreground); --color-popover: var(--popover); --color-popover-foreground: var(--popover-foreground); --color-primary: var(--primary); --color-primary-foreground: var(--primary-foreground); --color-secondary: var(--secondary); --color-secondary-foreground: var(--secondary-foreground); --color-muted: var(--muted); --color-muted-foreground: var(--muted-foreground); --color-accent: var(--accent); --color-accent-foreground: var(--accent-foreground); --color-destructive: var(--destructive); --color-border: var(--border); --color-input: var(--input); --color-ring: var(--ring); --color-chart-1: var(--chart-1); --color-chart-2: var(--chart-2); --color-chart-3: var(--chart-3); --color-chart-4: var(--chart-4); --color-chart-5: var(--chart-5); --color-sidebar: var(--sidebar); --color-sidebar-foreground: var(--sidebar-foreground); --color-sidebar-primary: var(--sidebar-primary); --color-sidebar-primary-foreground: var(--sidebar-primary-foreground); --color-sidebar-accent: var(--sidebar-accent); --color-sidebar-accent-foreground: var(--sidebar-accent-foreground); --color-sidebar-border: var(--sidebar-border); --color-sidebar-ring: var(--sidebar-ring); }.dark{--background: oklch(.13 .028 261.692);--foreground: oklch(.985 .002 247.839);--card: oklch(.21 .034 264.665);--card-foreground: oklch(.985 .002 247.839);--popover: oklch(.21 .034 264.665);--popover-foreground: oklch(.985 .002 247.839);--primary: oklch(.928 .006 264.531);--primary-foreground: oklch(.21 .034 264.665);--secondary: oklch(.278 .033 256.848);--secondary-foreground: oklch(.985 .002 247.839);--muted: oklch(.278 .033 256.848);--muted-foreground: oklch(.707 .022 261.325);--accent: oklch(.278 .033 256.848);--accent-foreground: oklch(.985 .002 247.839);--destructive: oklch(.704 .191 22.216);--border: oklch(1 0 0 / 10%);--input: oklch(1 0 0 / 15%);--ring: oklch(.551 .027 264.364);--chart-1: oklch(.488 .243 264.376);--chart-2: oklch(.696 .17 162.48);--chart-3: oklch(.769 .188 70.08);--chart-4: oklch(.627 .265 303.9);--chart-5: oklch(.645 .246 16.439);--sidebar: oklch(.21 .034 264.665);--sidebar-foreground: oklch(.985 .002 247.839);--sidebar-primary: oklch(.488 .243 264.376);--sidebar-primary-foreground: oklch(.985 .002 247.839);--sidebar-accent: oklch(.278 .033 256.848);--sidebar-accent-foreground: oklch(.985 .002 247.839);--sidebar-border: oklch(1 0 0 / 10%);--sidebar-ring: oklch(.551 .027 264.364)}@layer base{*{@apply border-border outline-ring/50;}body{@apply bg-background text-foreground;overflow-x:hidden}hTüml{overflow-x:hidden}}@keyframes float1{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(180deg)}}@keyframes float2{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-15px) rotate(-180deg)}}@keyframes float3{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-25px) rotate(90deg)}}@keyframes float4{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-18px) rotate(-90deg)}}@keyframes gradientShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes geometricFloat{0%,to{transform:translateY(0) rotate(0) scale(1);opacity:.3}50%{transform:translateY(-20px) rotate(180deg) scale(1.1);opacity:.6}}@keyframes particleFloat{0%,to{transform:translate(0) translateY(0) scale(.5);opacity:0}50%{transform:translate(50px) translateY(-30px) scale(1.2);opacity:1}}@keyframes pulsegüçlüow{0%,to{box-shadow:0 0 10px #10b9814d}50%{box-shadow:0 0 30px #10b98199}}