:root{--color-bg: #000D30;--color-surface1: #0a1940;--color-surface2: #122450;--color-border: #1e305a;--color-text: #e8eaf0;--color-text-muted: #8a94b8;--color-text-faint: #5a6480;--color-brand-gold: #FF9E3C;--color-brand-gold-dim: #e08a2e;--color-brand-teal: #4a9b8e;--color-brand-teal-dim: #3d8275;--color-brand-maroon: #803834;--color-brand-maroon-dim:#6b2e2a;--color-success: #4a9b8e;--color-warning: #FF9E3C;--color-danger: #d94f4f;--color-info: #5b7a9e;--color-focus-ring: #FF9E3C;--color-chat-user: #081540;--color-chat-sayar: #0a1940;--color-chat-system: #060f2a;--font-size-display: 2rem;--font-size-h1: 1.5rem;--font-size-h2: 1.25rem;--font-size-body: 1rem;--font-size-body-sm: .875rem;--font-size-caption: .75rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.25;--line-height-normal: 1.5;--line-height-relaxed: 1.75;--line-height-loose: 2;--space-xs: 4px;--space-sm: 8px;--space-md: 12px;--space-lg: 16px;--space-xl: 20px;--space-xxl: 24px;--space-xxxl: 32px;--radius-sm: 10px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 2px 8px rgba(0, 0, 0, .4);--shadow-lg: 0 4px 16px rgba(0, 0, 0, .5);--transition-fast: .15s ease;--transition-normal: .25s ease;--transition-slow: .35s ease;--z-base: 0;--z-dropdown: 1000;--z-sticky: 1100;--z-modal: 1200;--z-toast: 1300;--max-width: 680px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}@keyframes bounce{0%,80%,to{transform:scale(0);opacity:.5}40%{transform:scale(1);opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.icon-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-md);background-color:transparent;border:none;color:var(--color-text-muted);cursor:pointer;transition:var(--transition-fast)}.icon-btn:hover{background-color:var(--color-surface2);color:var(--color-text)}.hoverable-card{transition:var(--transition-normal)}.hoverable-card:hover{background-color:var(--color-surface2)!important;border-color:var(--color-brand-gold)!important}.btn-primary-hover{transition:var(--transition-normal)}.btn-primary-hover:hover:not(:disabled){background-color:var(--color-brand-gold-dim)!important}.btn-secondary-hover{transition:var(--transition-normal)}.btn-secondary-hover:hover:not(:disabled){background-color:var(--color-surface2)!important}.btn-ghost-hover{transition:var(--transition-normal)}.btn-ghost-hover:hover:not(:disabled){color:var(--color-text)!important}.hover-lift{transition:transform .2s ease,box-shadow .2s ease}.hover-lift:hover{transform:scale(1.02);box-shadow:0 4px 12px #0000004d}.credit-pill-hover{transition:var(--transition-fast)}.credit-pill-hover:hover{background-color:var(--color-brand-gold)!important}.credit-pill-hover:hover span,.credit-pill-hover:hover svg{color:var(--color-bg)!important}.input-focus:focus{border-color:var(--color-brand-gold)!important;outline:none}.nav-item{display:flex;align-items:center;justify-content:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-lg);background-color:transparent;border:none;cursor:pointer;transition:var(--transition-fast);flex:1}.nav-item--active{color:var(--color-brand-gold)}.nav-item--inactive{color:var(--color-text-muted)}.badge{display:inline-block;padding:var(--space-xs) var(--space-md);border-radius:var(--radius-sm);font-size:var(--font-size-caption);font-weight:var(--font-weight-semibold)}.badge--free{background-color:var(--color-brand-teal);color:var(--color-bg)}.badge--price{background-color:var(--color-surface2);border:1px solid var(--color-brand-gold);color:var(--color-brand-gold)}.badge--premium{background:linear-gradient(135deg,var(--color-brand-gold),#F5D061);color:#1a1a1a;font-weight:var(--font-weight-bold)}.badge--sayar{display:inline-flex;align-items:center;padding:var(--space-xs) var(--space-sm);background-color:var(--color-surface2);border-radius:var(--radius-full);font-size:var(--font-size-caption);color:var(--color-brand-gold);font-weight:var(--font-weight-medium);border:1px solid rgba(255,158,60,.12)}.page-container{padding:var(--space-xl);display:flex;flex-direction:column;gap:var(--space-xl)}@media(max-width:480px){.page-container{padding:var(--space-lg) var(--space-md);gap:var(--space-lg)}}@media(min-width:481px)and (max-width:768px){.page-container{padding:var(--space-xl) var(--space-xxxl)}}.section-title{font-size:var(--font-size-h2);font-weight:var(--font-weight-semibold);color:var(--color-text);margin-bottom:var(--space-md)}.section-desc{font-size:var(--font-size-body);color:var(--color-text-muted);line-height:var(--line-height-relaxed);margin-bottom:var(--space-xl)}.text-muted{color:var(--color-text-muted)}.text-faint{color:var(--color-text-faint)}.text-gold{color:var(--color-brand-gold)}.text-center{text-align:center}.suggestion-chip{transition:all .15s ease}.suggestion-chip:hover{border-color:var(--color-brand-gold)!important;background-color:#ff9e3c0f!important}.suggestion-tag{transition:all .15s ease}.suggestion-tag:hover{border-color:var(--color-brand-gold)!important;color:var(--color-brand-gold)!important}.admin-menu-item{transition:var(--transition-fast)}.admin-menu-item:hover{background-color:var(--color-bg)!important}.list-item-hover{transition:var(--transition-fast)}.list-item-hover:hover{background-color:var(--color-surface2)!important}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--color-bg)}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-faint)}