:root{--primary-teal:#14B8A6;--secondary-teal:#06B6D4;--light-teal:#F0FDFA;--dark-teal:#0D9488;--gray-50:#F9FAFB;--gray-100:#F3F4F6;--gray-200:#E5E7EB;--gray-300:#D1D5DB;--gray-400:#9CA3AF;--gray-500:#6B7280;--gray-600:#4B5563;--gray-700:#374151;--gray-800:#1F2937;--gray-900:#111827;--success:#10B981;--warning:#F59E0B;--danger:#EF4444;--border-radius:12px;--border-radius-sm:8px;--box-shadow:0 1px 3px 0 rgba(0,0,0,0.1),0 1px 2px 0 rgba(0,0,0,0.06);--box-shadow-lg:0 10px 15px -3px rgba(0,0,0,0.1),0 4px 6px -2px rgba(0,0,0,0.05)}.sentence-card,.translation-item{position:relative}.navbar-logo,.footer-logo{height:auto;max-width:100%}[dir="rtl"]{text-align:right}.translation-item small[dir="rtl"]{text-align:right;margin-left:0!important;margin-right:0.25rem!important}.card-actions{position:absolute;top:0.5rem;right:0.5rem;display:flex;gap:0.25rem;opacity:0;transition:opacity 0.2s ease-in-out}.translation-actions{display:flex;gap:0.25rem;opacity:0;transition:opacity 0.2s ease-in-out}.sentence-card:hover .card-actions,.translation-item:hover .translation-actions{opacity:1}.btn-icon{background-color:transparent;border:none;color:var(--gray-500);padding:0.25rem 0.5rem}.btn-icon:hover{background-color:var(--gray-200);color:var(--gray-800)}.sentence-card[dir="rtl"] .d-flex.w-100{flex-direction:row-reverse}.sentence-card[dir="rtl"] .card-text{text-align:right}.sentence-card[dir="rtl"] .card-actions{right:auto;left:1rem}.sentence-card[dir="rtl"] .vote-widget{margin-right:0;margin-left:1rem}.translation-item[dir="rtl"] .d-flex.w-100{flex-direction:row-reverse}.translation-item[dir="rtl"] .vote-widget{margin-right:0;margin-left:1rem}.navbar-logo{height:50px;width:120px}.highlight{transition:all 0.5s ease-in-out;box-shadow:0 0 0 3px rgba(13,110,253,0.5)!important;border-radius:var(--bs-card-border-radius)}body{font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;color:var(--gray-700);line-height:1.6;font-weight:400}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.2;color:var(--gray-800)}.navbar{backdrop-filter:blur(10px);transition:all 0.3s ease}.navbar-logo{transition:transform 0.3s ease}.navbar-logo:hover{transform:scale(1.05)}.navbar-nav .nav-link{color:var(--gray-600);transition:all 0.3s ease;border-radius:var(--border-radius-sm);font-weight:500}.navbar-nav .nav-link:hover{color:var(--primary-teal);background-color:var(--light-teal)}.navbar-nav .nav-link.active{color:var(--primary-teal);background-color:var(--light-teal);font-weight:600}.user-dropdown{background:linear-gradient(45deg,var(--primary-teal),var(--secondary-teal));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.dropdown-menu{border-radius:var(--border-radius);padding:0.5rem 0;border:0;box-shadow:var(--box-shadow-lg)}.dropdown-item{transition:all 0.2s ease;border-radius:var(--border-radius-sm);margin:0 0.5rem}.dropdown-item:hover{background-color:var(--light-teal);color:var(--primary-teal)}.toggle-translations-btn[aria-expanded="true"] .bi-chevron-down{transform:rotate(180deg);transition:transform 0.3s ease}.toggle-translations-btn .bi-chevron-down{transition:transform 0.3s ease}.vote-widget .text-muted{cursor:not-allowed}.btn{border-radius:var(--border-radius-sm);font-weight:500;transition:all 0.3s ease;border:0}.btn-primary{background:linear-gradient(135deg,var(--primary-teal) 0%,var(--secondary-teal) 100%);box-shadow:0 2px 4px rgba(20,184,166,0.3)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(20,184,166,0.4)}.btn-outline-primary{border:2px solid var(--primary-teal);color:var(--primary-teal)}.btn-outline-primary:hover{background:var(--primary-teal);border-color:var(--primary-teal)}.btn-success{background:var(--success)}.btn-outline-secondary{border:1px solid var(--gray-300);color:var(--gray-600)}.btn-outline-secondary:hover{background:var(--gray-100);border-color:var(--gray-400)}.rounded-pill{border-radius:50px!important}.form-control{border:1px solid var(--gray-300);border-radius:var(--border-radius-sm);padding:0.75rem 1rem;transition:all 0.3s ease;font-size:0.95rem}.form-control:focus{border-color:var(--primary-teal);box-shadow:0 0 0 3px rgba(20,184,166,0.1)}.form-label{color:var(--gray-700);margin-bottom:0.5rem}.card{border-radius:var(--border-radius);border:1px solid var(--gray-200);transition:all 0.3s ease}.card:hover{box-shadow:var(--box-shadow-lg)}.card-body{padding:1.5rem}.alert{border-radius:var(--border-radius);border:0;box-shadow:var(--box-shadow)}.alert-info{background-color:var(--light-teal);color:var(--dark-teal)}.alert-success{background-color:#F0FDF4;color:#166534}.alert-danger{background-color:#FEF2F2;color:#991B1B}.alert-warning{background-color:#FFFBEB;color:#92400E}.footer-logo{transition:transform 0.3s ease}.footer-logo:hover{transform:scale(1.1)}footer{background:linear-gradient(135deg,var(--gray-50) 0%,#ffffff 100%)}footer .nav-link{transition:color 0.3s ease}footer .nav-link:hover{color:var(--primary-teal)!important}#sentence-list-container.loading{min-height:300px;display:flex;justify-content:center;align-items:center;opacity:0.5;transition:opacity 0.2s}.loader-spinner{width:3rem;height:3rem}@media (max-width:768px){.navbar-logo{height:40px;width:100px}.container{padding-left:1rem;padding-right:1rem}.navbar-nav .nav-link{padding:0.75rem 1rem}.card-actions,.translation-actions{opacity:1;position:static;margin-top:0.5rem}}@media (max-width:576px){.btn{font-size:0.875rem;padding:0.5rem 1rem}.card-body{padding:1rem}.navbar-logo{height:35px;width:90px}}.text-teal{color:var(--primary-teal)!important}.bg-light-teal{background-color:var(--light-teal)!important}.border-teal{border-color:var(--primary-teal)!important}.shadow-teal{box-shadow:0 4px 12px rgba(20,184,166,0.15)!important}@media (prefers-reduced-motion:reduce){*{animation-duration:0.01ms!important;animation-iteration-count:1!important;transition-duration:0.01ms!important}}.ts-control{border-radius:var(--border-radius-sm)!important;border:1px solid var(--gray-300)!important}.ts-control.focus{border-color:var(--primary-teal)!important;box-shadow:0 0 0 3px rgba(20,184,166,0.1)!important}.ts-dropdown{border-radius:var(--border-radius-sm)!important;box-shadow:var(--box-shadow-lg)!important}@media print{.navbar,footer,.card-actions,.translation-actions{display:none!important}}