@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";:root{--color-primary:#4f46e5;--color-primary-light:#6366f1;--color-primary-dark:#4338ca;--color-primary-50:#eef2ff;--color-primary-100:#e0e7ff;--color-secondary:#10b981;--color-secondary-light:#34d399;--color-secondary-dark:#059669;--color-accent:#f59e0b;--color-accent-light:#fbbf24;--color-danger:#ef4444;--color-danger-light:#fca5a5;--color-warning:#f59e0b;--color-info:#3b82f6;--color-success:#10b981;--color-white:#fff;--color-slate-50:#f8fafc;--color-slate-100:#f1f5f9;--color-slate-200:#e2e8f0;--color-slate-300:#cbd5e1;--color-slate-400:#94a3b8;--color-slate-500:#64748b;--color-slate-600:#475569;--color-slate-700:#334155;--color-slate-800:#1e293b;--color-slate-900:#0f172a;--radius-sm:.25rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--radius-full:9999px;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000001a;--shadow-2xl:0 25px 50px -12px #00000040;--shadow-primary:0 4px 14px 0 #4f46e563;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-normal:.2s cubic-bezier(.4, 0, .2, 1);--transition-slow:.3s cubic-bezier(.4, 0, .2, 1);--spacing-xs:.25rem;--spacing-sm:.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--sidebar-width:280px;--sidebar-collapsed:80px;--header-height:64px;--z-modal:1000;--z-dropdown:900;--z-tooltip:800;--z-header:700;--z-sidebar:600;--z-default:1}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{background-color:var(--color-slate-50);color:var(--color-slate-800);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;line-height:1.6}h1,h2,h3,h4,h5,h6{color:var(--color-slate-900);font-weight:700;line-height:1.3}h1{font-size:2rem}h2{font-size:1.5rem}h3{font-size:1.25rem}h4{font-size:1.125rem}.btn{border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;border:none;justify-content:center;align-items:center;gap:.5rem;padding:.625rem 1.25rem;font-size:.875rem;font-weight:600;text-decoration:none;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.btn:focus{outline:none;box-shadow:0 0 0 3px #4f46e54d}.btn-primary{background:linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-light) 100%);color:var(--color-white);box-shadow:var(--shadow-sm)}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg, var(--color-primary-dark) 0%, var(--color-primary) 100%);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-secondary{background:linear-gradient(135deg, var(--color-secondary) 0%, var(--color-secondary-light) 100%);color:var(--color-white);box-shadow:var(--shadow-sm)}.btn-secondary:hover:not(:disabled){background:linear-gradient(135deg, var(--color-secondary-dark) 0%, var(--color-secondary) 100%);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-danger{background:linear-gradient(135deg, var(--color-danger) 0%, #dc2626 100%);color:var(--color-white)}.btn-danger:hover:not(:disabled){background:linear-gradient(135deg, #dc2626 0%, var(--color-danger) 100%);transform:translateY(-1px)}.btn-outline{border:2px solid var(--color-slate-300);color:var(--color-slate-700);background-color:#0000}.btn-outline:hover:not(:disabled){background-color:var(--color-slate-50);border-color:var(--color-slate-400);color:var(--color-slate-900)}.btn-ghost{color:var(--color-slate-600);background-color:#0000}.btn-ghost:hover:not(:disabled){background-color:var(--color-slate-100);color:var(--color-slate-900)}.btn-icon{border-radius:var(--radius-md);width:2.5rem;height:2.5rem;padding:.625rem}.btn-sm{gap:.25rem;padding:.375rem .75rem;font-size:.75rem}.btn-lg{padding:.875rem 1.75rem;font-size:1rem}.form-group{margin-bottom:var(--spacing-md)}.form-label{margin-bottom:var(--spacing-sm);color:var(--color-slate-700);font-size:.875rem;font-weight:600;display:block}.form-input,.form-select,.form-textarea{border:2px solid var(--color-slate-200);border-radius:var(--radius-md);background-color:var(--color-white);width:100%;color:var(--color-slate-900);transition:all var(--transition-fast);padding:.625rem .875rem;font-family:inherit;font-size:.875rem}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 4px #4f46e51a}.form-input:hover,.form-select:hover,.form-textarea:hover{border-color:var(--color-slate-300)}.form-textarea{resize:vertical;min-height:100px}.form-input::placeholder,.form-textarea::placeholder{color:var(--color-slate-400)}.form-error{margin-top:var(--spacing-xs);color:var(--color-danger);font-size:.75rem;animation:.3s ease-out shake}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-2px)}75%{transform:translate(2px)}}.card{background-color:var(--color-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--color-slate-200);transition:box-shadow var(--transition-normal), transform var(--transition-normal)}.card:hover{box-shadow:var(--shadow-md)}.card-header{padding:var(--spacing-lg);border-bottom:1px solid var(--color-slate-200);background:linear-gradient(135deg, var(--color-slate-50) 0%, var(--color-slate-100) 100%)}.card-body{padding:var(--spacing-lg)}.card-footer{padding:var(--spacing-md) var(--spacing-lg);border-top:1px solid var(--color-slate-200);background-color:var(--color-slate-50);border-radius:0 0 var(--radius-lg) var(--radius-lg)}.sidebar{width:var(--sidebar-width);background:linear-gradient(180deg, var(--color-slate-900) 0%, var(--color-slate-800) 100%);border-right:1px solid var(--color-slate-700);height:100vh;z-index:var(--z-sidebar);transition:transform var(--transition-slow), width var(--transition-slow);color:var(--color-slate-200);flex-direction:column;display:flex;position:fixed;top:0;left:0;overflow:hidden}.sidebar.collapsed{width:var(--sidebar-collapsed)}.sidebar.collapsed .sidebar-nav-text,.sidebar.collapsed .sidebar-header-text{display:none}.sidebar.collapsed .sidebar-nav-icon{margin-right:0;font-size:1.25rem}.sidebar-header{padding:var(--spacing-lg);height:var(--header-height);border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;display:flex}.sidebar-brand{align-items:center;gap:var(--spacing-sm);color:var(--color-white);font-size:1.25rem;font-weight:800;text-decoration:none;display:flex}.sidebar-brand-icon{background:linear-gradient(135deg, var(--color-primary) 0%, var(--color-secondary) 100%);border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;width:2.25rem;height:2.25rem;font-size:1.25rem;display:flex}.sidebar-nav{padding:var(--spacing-lg) 0;flex:1;overflow-y:auto}.sidebar-nav-section{padding:0 var(--spacing-md);margin-bottom:var(--spacing-md)}.sidebar-nav-section>span{text-transform:uppercase;letter-spacing:.1em;color:var(--color-slate-500);padding:0 var(--spacing-sm) var(--spacing-sm) 0;font-size:.625rem;font-weight:700;display:block}.sidebar-nav-item{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);color:var(--color-slate-300);border-radius:var(--radius-md);transition:all var(--transition-fast);margin:0 var(--spacing-xs);font-weight:500;text-decoration:none;display:flex}.sidebar-nav-item:hover{color:var(--color-white);background-color:#ffffff0d;transform:translate(4px)}.sidebar-nav-item.active{color:var(--color-white);border-right:3px solid var(--color-primary);background:linear-gradient(135deg,#4f46e533 0%,#10b98133 100%)}.sidebar-nav-icon{text-align:center;width:2rem;transition:all var(--transition-fast);flex-shrink:0;font-size:1.125rem}.sidebar-nav-text{transition:all var(--transition-fast)}.sidebar-footer{padding:var(--spacing-lg);border-top:1px solid #ffffff1a;margin-top:auto}.sidebar-user{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);margin-bottom:var(--spacing-md);background:#ffffff0d;display:flex}.sidebar-user-avatar{background:linear-gradient(135deg, var(--color-primary) 0%, var(--color-secondary) 100%);border-radius:var(--radius-full);color:#fff;flex-shrink:0;justify-content:center;align-items:center;width:2.25rem;height:2.25rem;font-weight:700;display:flex}.sidebar-user-info{flex:1;min-width:0}.sidebar-user-name{color:var(--color-white);white-space:nowrap;text-overflow:ellipsis;font-size:.875rem;font-weight:600;overflow:hidden}.sidebar-user-role{color:var(--color-slate-400);white-space:nowrap;text-overflow:ellipsis;font-size:.75rem;overflow:hidden}.main-layout{min-height:100vh;display:flex}.header{height:var(--header-height);background:var(--color-white);border-bottom:1px solid var(--color-slate-200);z-index:var(--z-header);box-shadow:var(--shadow-sm);padding:0 var(--spacing-lg);margin-left:var(--sidebar-width);transition:margin-left var(--transition-slow);justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.header.collapsed{margin-left:var(--sidebar-collapsed)}.header-left{align-items:center;gap:var(--spacing-md);display:flex}.header-right{align-items:center;gap:var(--spacing-sm);display:flex}.header-toggle{cursor:pointer;padding:var(--spacing-xs);border-radius:var(--radius-md);color:var(--color-slate-600);transition:all var(--transition-fast);background:0 0;border:none;font-size:1.25rem;display:none}.header-toggle:hover{background:var(--color-slate-100);color:var(--color-slate-900)}.main-content{padding:var(--spacing-xl);margin-left:var(--sidebar-width);transition:margin-left var(--transition-slow);flex:1}.main-content.collapsed{margin-left:var(--sidebar-collapsed)}.table{border-collapse:collapse;width:100%}.table th,.table td{padding:var(--spacing-md);text-align:left;border-bottom:1px solid var(--color-slate-200)}.table th{color:var(--color-slate-600);background-color:var(--color-slate-50);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;font-size:.75rem;font-weight:700}.table tbody tr{transition:background-color var(--transition-fast)}.table tbody tr:hover{background-color:var(--color-slate-50)}.table tbody tr:last-child td{border-bottom:none}.table-actions{gap:var(--spacing-sm);justify-content:center;display:flex}.table-action-btn{border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;border:none;align-items:center;gap:.375rem;padding:.5rem 1rem;font-size:.8125rem;font-weight:500;line-height:1.4;text-decoration:none;display:inline-flex}.table-action-edit{background:var(--color-primary);color:var(--color-white);box-shadow:var(--shadow-sm)}.table-action-edit:hover{background:var(--color-primary-dark);box-shadow:var(--shadow-md);transform:translateY(-1px)}.table-action-view,.table-action-tasks{color:var(--color-slate-600);background:0 0}.table-action-view:hover,.table-action-tasks:hover{background:var(--color-slate-100);color:var(--color-slate-900)}.table-action-delete{color:var(--color-red-600);background:0 0}.table-action-delete:hover{background:var(--color-red-50);color:var(--color-red-700)}.badge{border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.025em;align-items:center;gap:.25rem;padding:.25rem .625rem;font-size:.75rem;font-weight:600;display:inline-flex}.badge-primary{background-color:var(--color-primary-50);color:var(--color-primary)}.badge-success{color:var(--color-success);background-color:#10b9811a}.badge-warning{color:var(--color-warning);background-color:#f59e0b1a}.badge-danger{color:var(--color-danger);background-color:#ef44441a}.badge-info{color:var(--color-info);background-color:#3b82f61a}.badge-admin{color:var(--color-slate-700);background:linear-gradient(135deg,#4f46e533 0%,#10b98133 100%)}.badge-superadmin{color:var(--color-slate-700);background:linear-gradient(135deg,#ef444433 0%,#4f46e533 100%)}.alert{padding:var(--spacing-md);border-radius:var(--radius-md);margin-bottom:var(--spacing-md);align-items:center;gap:var(--spacing-sm);animation:.3s ease-out slideDown;display:flex}.alert-icon{flex-shrink:0}.alert-success{color:var(--color-success);background-color:#10b9811a;border:1px solid #10b98133}.alert-error{color:var(--color-danger);background-color:#ef44441a;border:1px solid #ef444433}.alert-warning{color:var(--color-warning);background-color:#f59e0b1a;border:1px solid #f59e0b33}.alert-info{color:var(--color-info);background-color:#3b82f61a;border:1px solid #3b82f633}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:var(--z-modal);padding:var(--spacing-md);background-color:#0f172a99;justify-content:center;align-items:center;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.modal{background-color:var(--color-white);border-radius:var(--radius-xl);box-shadow:var(--shadow-2xl);width:100%;max-width:500px;max-height:90vh;animation:.3s ease-out slideUp;overflow:auto}.modal-header{padding:var(--spacing-lg);border-bottom:1px solid var(--color-slate-200);background:linear-gradient(135deg, var(--color-slate-50) 0%, var(--color-slate-100) 100%);justify-content:space-between;align-items:center;display:flex}.modal-header h3{color:var(--color-slate-900);font-size:1.25rem;font-weight:700}.modal-body{padding:var(--spacing-lg)}.modal-footer{padding:var(--spacing-lg);border-top:1px solid var(--color-slate-200);justify-content:flex-end;gap:var(--spacing-sm);background-color:var(--color-slate-50);border-radius:0 0 var(--radius-xl) var(--radius-xl);display:flex}.modal-close{cursor:pointer;padding:var(--spacing-xs);border-radius:var(--radius-md);color:var(--color-slate-500);transition:all var(--transition-fast);background:0 0;border:none;font-size:1.5rem;line-height:1}.modal-close:hover{background:var(--color-slate-200);color:var(--color-slate-700)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.landing-page{background:linear-gradient(135deg, var(--color-primary) 0%, var(--color-secondary) 50%, var(--color-accent) 100%);flex-direction:column;min-height:100vh;display:flex;position:relative;overflow:hidden}.landing-page:before{content:"";background-image:radial-gradient(circle at 15% 85%,#ffffff26 0%,#0000 40%),radial-gradient(circle at 85% 15%,#ffffff26 0%,#0000 40%),radial-gradient(circle,#ffffff0d 0%,#0000 70%);animation:20s ease-in-out infinite float;position:absolute;inset:0}@keyframes float{0%,to{transform:translate(0)scale(1)}50%{transform:translate(10px,-10px)scale(1.05)}}.landing-header{padding:var(--spacing-lg);z-index:10;position:absolute;top:0;right:0}.landing-btn-login{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--color-white);border-radius:var(--radius-lg);transition:all var(--transition-normal);background:#fff3;border:2px solid #ffffff4d;padding:.75rem 1.5rem;font-size:.9375rem;font-weight:600;box-shadow:0 4px 15px #0003}.landing-btn-login:hover{background:#ffffff4d;border-color:#ffffff80;transform:translateY(-2px);box-shadow:0 6px 20px #0000004d}.landing-content{padding:var(--spacing-2xl);text-align:center;z-index:1;color:var(--color-white);flex-direction:column;flex:1;justify-content:center;align-items:center;display:flex}.landing-title{margin-bottom:var(--spacing-md);text-shadow:0 4px 20px #0003;background:linear-gradient(135deg, var(--color-white) 0%, #ffffffb3 100%);-webkit-text-fill-color:transparent;background-size:200%;-webkit-background-clip:text;background-clip:text;font-size:4rem;font-weight:800;animation:3s ease-in-out infinite shimmer}@keyframes shimmer{0%,to{background-position:0%}50%{background-position:100%}}.landing-subtitle{margin-bottom:var(--spacing-xl);opacity:.95;font-size:1.5rem;font-weight:500}.landing-features{gap:var(--spacing-xl);margin-top:var(--spacing-2xl);flex-wrap:wrap;justify-content:center;display:flex}.landing-feature{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:var(--spacing-lg);border-radius:var(--radius-xl);transition:all var(--transition-normal);background:#ffffff26;border:1px solid #fff3}.landing-feature:hover{background:#ffffff40;transform:translateY(-5px);box-shadow:0 10px 30px #0003}.landing-feature-icon{margin-bottom:var(--spacing-sm);font-size:2.5rem}.landing-feature-title{font-size:1.125rem;font-weight:600}.page-header{margin-bottom:var(--spacing-xl);animation:.4s ease-out fadeIn}.page-header h1{color:var(--color-slate-900);margin-bottom:var(--spacing-xs);font-size:2rem;font-weight:800}.page-header p{color:var(--color-slate-600);font-size:1rem}.page-actions{gap:var(--spacing-sm);justify-content:flex-end;display:flex}.empty-state{text-align:center;padding:var(--spacing-2xl);background-color:var(--color-white);border-radius:var(--radius-lg);border:2px dashed var(--color-slate-200)}.empty-state-icon{color:var(--color-slate-300);margin-bottom:var(--spacing-md);font-size:4rem;animation:2s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.empty-state-title{color:var(--color-slate-700);margin-bottom:var(--spacing-sm);font-size:1.25rem}.empty-state-text{color:var(--color-slate-500)}.spinner{border:3px solid #4f46e533;border-top-color:var(--color-primary);border-radius:50%;width:24px;height:24px;animation:.8s linear infinite spin;display:inline-block}.spinner-sm{border-width:2px;width:16px;height:16px}.spinner-lg{border-width:4px;width:32px;height:32px}@keyframes spin{to{transform:rotate(360deg)}}.loading-page{background:var(--color-slate-50);justify-content:center;align-items:center;min-height:100vh;display:flex}.loading-page .spinner{border-width:4px;width:40px;height:40px}.stats-grid{gap:var(--spacing-lg);margin-bottom:var(--spacing-xl);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));display:grid}.stat-card{background:linear-gradient(135deg, var(--color-white) 0%, var(--color-slate-50) 100%);border-radius:var(--radius-xl);padding:var(--spacing-lg);box-shadow:var(--shadow-sm);border:1px solid var(--color-slate-200);transition:all var(--transition-normal);cursor:pointer}.stat-card:hover{box-shadow:var(--shadow-lg);border-color:var(--color-slate-300);transform:translateY(-4px)}.stat-card-header{margin-bottom:var(--spacing-md);justify-content:space-between;align-items:flex-start;display:flex}.stat-card-icon{border-radius:var(--radius-lg);flex-shrink:0;justify-content:center;align-items:center;width:3rem;height:3rem;font-size:1.5rem;display:flex}.stat-card-icon.primary{color:var(--color-primary);background:linear-gradient(135deg,#4f46e526 0%,#4f46e50d 100%)}.stat-card-icon.secondary{color:var(--color-secondary);background:linear-gradient(135deg,#10b98126 0%,#10b9810d 100%)}.stat-card-icon.accent{color:var(--color-accent);background:linear-gradient(135deg,#f59e0b26 0%,#f59e0b0d 100%)}.stat-card-icon.danger{color:var(--color-danger);background:linear-gradient(135deg,#ef444426 0%,#ef44440d 100%)}.stat-card-icon.success{color:var(--color-success);background:linear-gradient(135deg,#10b98126 0%,#10b9810d 100%)}.stat-card-icon.warning{color:var(--color-warning);background:linear-gradient(135deg,#f59e0b26 0%,#f59e0b0d 100%)}.stat-card-value{color:var(--color-slate-900);font-size:2.25rem;font-weight:800;line-height:1.2}.stat-card-label{color:var(--color-slate-600);margin-top:var(--spacing-xs);font-size:.875rem;font-weight:500}.stat-card-trend{color:var(--color-slate-500);margin-top:var(--spacing-xs);align-items:center;gap:.25rem;font-size:.75rem;display:flex}.stat-card-trend.positive{color:var(--color-success)}.stat-card-link{color:inherit;text-decoration:none;display:block}.stat-card-link .stat-card{cursor:pointer}.stat-card-static{cursor:default!important}.stat-card-static:hover{box-shadow:var(--shadow-sm)!important;border-color:var(--color-slate-200)!important;transform:none!important}.table-spaced th,.table-spaced td{padding:14px 20px}.table-spaced th:first-child,.table-spaced td:first-child{padding-left:24px}.table-spaced th:last-child,.table-spaced td:last-child{padding-right:24px}.translation-tabs{padding:0 var(--spacing-lg);border-bottom:1px solid var(--color-slate-200);background:var(--color-slate-50);align-items:center;gap:2px;display:flex;overflow-x:auto}.translation-tab{cursor:pointer;color:var(--color-slate-600);transition:all var(--transition-fast);white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;border-radius:0;align-items:center;gap:6px;padding:10px 16px;font-family:inherit;font-size:.8125rem;display:flex}.translation-tab:hover{color:var(--color-slate-900);background:#ffffff80}.translation-tab.active{color:var(--color-primary);border-bottom-color:var(--color-primary);background:var(--color-white);font-weight:600}.translation-tab-flag{font-size:1rem}.translation-tab-label{font-size:.8125rem}.translation-tab-preview{opacity:.55}.translation-tab-preview:hover{opacity:.8}.translation-tab-preview.active{opacity:.85}.translation-tab-check{color:#16a34a;margin-left:2px;font-size:.7rem}.translation-tab-warn{color:#dc2626;margin-left:2px;font-size:.7rem}.translation-tab-add{color:var(--color-slate-400);padding:10px 14px;font-size:1.25rem}.translation-tab-add:hover{color:var(--color-primary);background:#ffffff80}.translation-tab-plus{line-height:1}.translation-tab-add-form{align-items:center;gap:6px;padding:6px 12px;display:flex}.translation-tab-add-form select{width:160px}.translation-lang-header{padding-bottom:var(--spacing-md);border-bottom:1px solid var(--color-slate-100);align-items:center;display:flex}.translation-fields{animation:.15s ease-out fadeIn}.progress-bar-sm{background:var(--color-slate-200);border-radius:var(--radius-full);flex-shrink:0;width:80px;height:6px;overflow:hidden}.progress-bar-fill{background:linear-gradient(90deg, var(--color-primary), var(--color-primary-light));border-radius:var(--radius-full);height:100%;transition:width var(--transition-normal)}.progress-bar-completed{background:linear-gradient(90deg, var(--color-secondary), var(--color-secondary-light))}.stat-card-trend.negative{color:var(--color-danger)}.quick-actions{gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid}.quick-action-card{background:var(--color-white);border:2px solid var(--color-slate-200);border-radius:var(--radius-lg);padding:var(--spacing-lg);text-align:center;transition:all var(--transition-normal);color:var(--color-slate-700);text-decoration:none}.quick-action-card:hover{border-color:var(--color-primary);background:var(--color-primary-50);box-shadow:var(--shadow-md);color:var(--color-primary);transform:translateY(-2px)}.quick-action-icon{margin-bottom:var(--spacing-sm);font-size:2rem}.quick-action-title{font-size:.9375rem;font-weight:600}.tooltip-wrapper{display:inline-block;position:relative}.tooltip{padding:var(--spacing-xs) var(--spacing-sm);background-color:var(--color-slate-800);color:var(--color-white);border-radius:var(--radius-sm);white-space:nowrap;opacity:0;visibility:hidden;transition:all var(--transition-fast);z-index:var(--z-tooltip);margin-bottom:var(--spacing-xs);font-size:.75rem;position:absolute;bottom:100%;left:50%;transform:translate(-50%)}.tooltip-wrapper:hover .tooltip{opacity:1;visibility:visible}.tooltip:after{content:"";border:6px solid #0000;border-top-color:var(--color-slate-800);position:absolute;top:100%;left:50%;transform:translate(-50%)}@media (width<=1280px){.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=1024px){.sidebar{transform:translate(-100%)}.sidebar.open{transform:translate(0)}.header,.main-content{margin-left:0}.header-toggle{display:block}}@media (width<=768px){.landing-title{font-size:2.5rem}.landing-subtitle{font-size:1.125rem}.stats-grid,.quick-actions{grid-template-columns:1fr}.page-header{gap:var(--spacing-md);flex-direction:column;align-items:flex-start}.page-actions{justify-content:flex-start;width:100%}.modal{margin:var(--spacing-md);max-width:calc(100% - 2rem)}.table{display:block;overflow-x:auto}.sidebar-user-name,.sidebar-user-role{display:none}}@media (width<=480px){.landing-title{font-size:2rem}.btn{padding:.5rem 1rem;font-size:.8125rem}.form-input,.form-select,.form-textarea{padding:.5rem .75rem}.main-content{padding:var(--spacing-md)}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-slate-100)}::-webkit-scrollbar-thumb{background:var(--color-slate-400);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-slate-500)}.landing-page-new{background:var(--color-slate-50);flex-direction:column;min-height:100vh;display:flex}.landing-topbar{padding:var(--spacing-md) var(--spacing-xl);background:var(--color-white);border-bottom:1px solid var(--color-slate-200);z-index:var(--z-header);box-shadow:var(--shadow-sm);justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.landing-topbar-left{align-items:center;display:flex}.landing-topbar-right{align-items:center;gap:var(--spacing-md);display:flex}.landing-logo{align-items:center;gap:var(--spacing-sm);color:var(--color-slate-900);font-size:1.25rem;font-weight:800;text-decoration:none;display:flex}.landing-logo-icon{font-size:1.5rem}.lang-selector{position:relative}.lang-selector-btn{background:var(--color-slate-100);border:1px solid var(--color-slate-200);border-radius:var(--radius-md);cursor:pointer;color:var(--color-slate-700);transition:all var(--transition-fast);align-items:center;gap:.375rem;padding:.5rem .75rem;font-family:inherit;font-size:.8125rem;font-weight:600;display:flex}.lang-selector-btn:hover{background:var(--color-slate-200);border-color:var(--color-slate-300)}.lang-flag{object-fit:cover;vertical-align:middle;border-radius:2px;width:20px;height:15px}.lang-code{font-size:.75rem}.lang-arrow{transition:transform var(--transition-fast);font-size:.625rem}.lang-dropdown{background:var(--color-white);border:1px solid var(--color-slate-200);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:var(--z-dropdown);min-width:180px;animation:.15s ease-out slideDown;position:absolute;top:calc(100% + 4px);right:0;overflow:hidden}.lang-option{width:100%;padding:var(--spacing-sm) var(--spacing-md);cursor:pointer;color:var(--color-slate-700);transition:background var(--transition-fast);text-align:left;background:0 0;border:none;align-items:center;gap:.5rem;font-family:inherit;font-size:.875rem;display:flex}.lang-option:hover{background:var(--color-slate-50)}.lang-option.active{background:var(--color-primary-50);color:var(--color-primary);font-weight:600}.landing-page-new .landing-btn-login{border:1px solid var(--color-slate-300);color:var(--color-slate-600);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;background:0 0;padding:.5rem 1.25rem;font-family:inherit;font-size:.8125rem;font-weight:600}.landing-page-new .landing-btn-login:hover{background:var(--color-slate-100);border-color:var(--color-primary);color:var(--color-primary)}.landing-hero{background:linear-gradient(135deg, var(--color-primary) 0%, var(--color-secondary) 50%, var(--color-accent) 100%);padding:var(--spacing-2xl) var(--spacing-xl);text-align:center;color:var(--color-white);position:relative;overflow:hidden}.landing-hero:before{content:"";background-image:radial-gradient(circle at 15% 85%,#ffffff1f 0%,#0000 40%),radial-gradient(circle at 85% 15%,#ffffff1f 0%,#0000 40%);position:absolute;inset:0}.landing-hero-title{margin-bottom:var(--spacing-sm);text-shadow:0 4px 20px #0003;font-size:3rem;font-weight:800;position:relative}.landing-hero-subtitle{opacity:.9;max-width:600px;margin:0 auto;font-size:1.25rem;font-weight:400;position:relative}.landing-cities-section{padding:var(--spacing-2xl) var(--spacing-xl);flex:1;width:100%;max-width:900px;margin:0 auto}.landing-section-title{color:var(--color-slate-900);margin-bottom:var(--spacing-xl);text-align:center;font-size:1.75rem;font-weight:700}.landing-empty-icon{margin-bottom:var(--spacing-md);opacity:.5;font-size:3rem}.cities-grid{gap:var(--spacing-md);flex-direction:column;display:flex}.city-card{background:var(--color-white);border:1px solid var(--color-slate-200);border-radius:var(--radius-lg);transition:all var(--transition-normal);overflow:hidden}.city-card-icon{flex-shrink:0;font-size:1.5rem}.city-card-description{padding:0 var(--spacing-lg) var(--spacing-md);color:var(--color-slate-600);font-size:.9375rem;line-height:1.6}.hunt-card{justify-content:space-between;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--color-slate-50);border-radius:var(--radius-md);border:1px solid var(--color-slate-100);transition:all var(--transition-fast);display:flex}.hunt-stat-icon{font-size:.875rem}.landing-footer{text-align:center;padding:var(--spacing-lg);color:var(--color-slate-400);border-top:1px solid var(--color-slate-200);background:var(--color-white);font-size:.8125rem}@media (width<=768px){.landing-topbar{padding:var(--spacing-md)}.landing-hero{padding:var(--spacing-xl) var(--spacing-md)}.landing-hero-title{font-size:2rem}.landing-hero-subtitle{font-size:1rem}.landing-cities-section{padding:var(--spacing-lg) var(--spacing-md)}.landing-section-title{font-size:1.375rem}.hunt-card{text-align:center;flex-direction:column;align-items:stretch}.hunt-card-stats{justify-content:center}.hunt-card-btn{justify-content:center;width:100%}.landing-logo-text{display:none}}@media (width<=480px){.landing-hero-title{font-size:1.75rem}.city-card-header{padding:var(--spacing-md)}.city-hunts{padding:var(--spacing-sm) var(--spacing-md) var(--spacing-md)}.lang-selector-btn{padding:.375rem .5rem}.lang-code{display:none}}.start-hunt-topbar{margin-bottom:var(--spacing-lg);justify-content:flex-end;align-items:center;display:flex}.hunt-details-grid{gap:var(--spacing-md);margin-bottom:var(--spacing-md);grid-template-columns:repeat(auto-fill,minmax(220px,1fr));display:grid}.hunt-detail-item{align-items:flex-start;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:var(--color-slate-50);border-radius:var(--radius-md);border:1px solid var(--color-slate-200);display:flex}.hunt-detail-icon{font-size:1.25rem;line-height:1.4}.hunt-detail-label{color:var(--color-slate-500);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;font-weight:500;display:block}.hunt-detail-value{color:var(--color-slate-800);font-size:.9375rem;font-weight:600;display:block}.hunt-detail-description{color:var(--color-slate-600);margin-top:var(--spacing-sm);padding-top:var(--spacing-sm);border-top:1px solid var(--color-slate-200);font-size:.875rem;line-height:1.6}@media (width<=640px){.hunt-details-grid{grid-template-columns:1fr}}::selection{color:var(--color-slate-900);background-color:#4f46e54d}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.text-left{text-align:left}.text-right{text-align:right}.text-primary{color:var(--color-primary)}.text-secondary{color:var(--color-secondary)}.text-success{color:var(--color-success)}.text-warning{color:var(--color-warning)}.bg-primary{background-color:var(--color-primary)}.bg-secondary{background-color:var(--color-secondary)}.bg-danger{background-color:var(--color-danger)}.mt-3{margin-top:var(--spacing-md)}.mt-5{margin-top:var(--spacing-xl)}.mb-1{margin-bottom:var(--spacing-xs)}.mb-2{margin-bottom:var(--spacing-sm)}.mb-3{margin-bottom:var(--spacing-md)}.mb-5{margin-bottom:var(--spacing-xl)}.mr-1{margin-right:var(--spacing-xs)}.mt-0{margin-top:0}.mb-0{margin-bottom:0}.flex-col{flex-direction:column}.justify-between{justify-content:space-between}.justify-start{justify-content:flex-start}.grid-cols-1{grid-template-columns:1fr}.grid-cols-3{grid-template-columns:1fr 1fr 1fr}.grid-cols-4{grid-template-columns:repeat(4,1fr)}.d-flex{display:flex}.flex-wrap{flex-wrap:wrap}.nowrap{white-space:nowrap}.animate-slide-down{animation:.3s ease-out slideDown}.animate-scale-in{animation:.3s ease-out scaleIn}@keyframes scaleIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.table-bordered th,.table-bordered td{border:1px solid var(--color-slate-200)}.table-compact th,.table-compact td{padding:var(--spacing-sm) var(--spacing-md)}.table-compact th{font-size:.75rem}.modal-wide{max-width:800px}.form-input-sm,.form-select-sm{padding:.375rem .5rem;font-size:.8125rem}.bg-green-500{background-color:var(--color-secondary)}.bg-slate-50{background-color:var(--color-slate-50)}.bg-white{background-color:var(--color-white)}.bg-slate-200{background-color:var(--color-slate-200)}.text-white{color:var(--color-white)}.text-slate-500,.text-muted{color:var(--color-slate-500)}.border-green-500{border-color:var(--color-secondary)}.border-slate-300{border-color:var(--color-slate-300)}.border-slate-400{border-color:var(--color-slate-400)}.border-slate-200{border-color:var(--color-slate-200)}.rounded-full{border-radius:var(--radius-full)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-md{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.text-xs{font-size:.75rem}.cursor-pointer{cursor:pointer}.overflow-hidden{overflow:hidden}.flex-shrink-0{flex-shrink:0}.items-center{align-items:center}.justify-center{justify-content:center}.mt-1{margin-top:.25rem}.mr-2{margin-right:.5rem}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.flex{display:flex}.transition-colors{transition:color .15s,background-color .15s,border-color .15s}.btn-sm{padding:.375rem .75rem;font-size:.875rem}.border-2{border-width:2px}.hunt-task-card{animation:.4s ease-out fadeIn}.hunt-task-header{width:100%}.hunt-task-header h3{color:var(--color-slate-700);margin-bottom:var(--spacing-sm);font-size:1rem;font-weight:700}.hunt-progress-bar{background:var(--color-slate-200);border-radius:var(--radius-full);width:100%;height:6px;overflow:hidden}.hunt-progress-fill{background:linear-gradient(135deg, var(--color-primary) 0%, var(--color-secondary) 100%);border-radius:var(--radius-full);height:100%;transition:width .5s ease-out}.hunt-task-text{color:var(--color-slate-900);margin-bottom:var(--spacing-md);padding:var(--spacing-md);background:var(--color-slate-50);border-radius:var(--radius-md);border-left:4px solid var(--color-primary);font-size:1.25rem;font-weight:600;line-height:1.6}.hunt-task-type-badge{margin-bottom:var(--spacing-lg)}.hunt-options{margin-bottom:var(--spacing-md)}.hunt-options .form-label{margin-bottom:var(--spacing-sm);color:var(--color-slate-600)}.hunt-option{align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);margin-bottom:var(--spacing-sm);background:var(--color-white);border:2px solid var(--color-slate-200);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);display:flex}.hunt-option:hover{border-color:var(--color-primary-100);background:var(--color-primary-50)}.hunt-option.selected{border-color:var(--color-primary);background:var(--color-primary-50)}.hunt-option-radio,.hunt-option-checkbox{width:1.25rem;height:1.25rem;accent-color:var(--color-primary);cursor:pointer;flex-shrink:0}.hunt-option-text{color:var(--color-slate-800);font-size:1rem;font-weight:500}.hunt-text-input{padding:.875rem 1rem!important;font-size:1.125rem!important}.hunt-completion-card{text-align:center;animation:.5s ease-out scaleIn}.hunt-completion-icon{margin-bottom:var(--spacing-md);font-size:5rem;animation:.6s ease-out bounce}@keyframes bounce{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}.hunt-completion-title{color:var(--color-slate-900);margin-bottom:var(--spacing-sm);font-size:2rem;font-weight:800}.hunt-completion-subtitle{color:var(--color-slate-600);margin-bottom:var(--spacing-lg);font-size:1.125rem}.hunt-completion-stats{margin-bottom:var(--spacing-md)}.badge-lg{padding:.5rem 1rem;font-size:1rem}.hunt-completion-solver{color:var(--color-primary);margin-top:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);background:var(--color-primary-50);border-radius:var(--radius-md);font-size:1rem;font-weight:600;display:inline-block}.grid{display:grid}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.text-center{text-align:center}.text-danger{color:var(--color-danger)}.text-muted{color:var(--color-slate-500)}.text-sm{font-size:.875rem}.text-lg{font-size:1.125rem}.w-full{width:100%}.max-w-2xl{max-width:42rem}.mb-4{margin-bottom:1rem}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.block{display:block}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.rounded{border-radius:var(--radius-md)}.bg-slate-100{background-color:var(--color-slate-100)}.px-2{padding-left:.5rem;padding-right:.5rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.justify-end{justify-content:flex-end}.animate-fade-in{animation:.4s ease-out fadeIn}.start-hunt-page{background:linear-gradient(135deg, var(--color-slate-50) 0%, var(--color-slate-100) 50%, var(--color-slate-50) 100%);min-height:100vh;padding:var(--spacing-lg);padding-bottom:var(--spacing-2xl);position:relative;overflow:hidden}.start-hunt-bg-decoration{pointer-events:none;z-index:0;position:absolute;inset:0;overflow:hidden}.start-hunt-bg-pattern{background-image:radial-gradient(circle at 10% 20%,#4f46e50d 0%,#0000 50%),radial-gradient(circle at 90% 80%,#10b9810d 0%,#0000 50%);position:absolute;inset:0}.start-hunt-bg-float{filter:blur(60px);background:linear-gradient(135deg,#4f46e51a,#10b9811a);border-radius:50%;width:200px;height:200px;animation:20s ease-in-out infinite float-bg;position:absolute}.start-hunt-bg-float-1{animation-delay:0s;top:-50px;left:-50px}.start-hunt-bg-float-2{animation-delay:-7s;bottom:-100px;right:-100px}@keyframes float-bg{0%,to{opacity:.4;transform:translate(0)rotate(0)scale(1)}50%{opacity:.6;transform:translate(50px,-50px)rotate(180deg)scale(1.2)}}.start-hunt-topbar{margin-bottom:var(--spacing-xl);z-index:1;justify-content:space-between;align-items:center;display:flex;position:relative}.start-hunt-topbar-left{align-items:center;display:flex}.start-hunt-topbar-right{align-items:center;gap:var(--spacing-md);display:flex}.start-hunt-logo{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:var(--color-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--color-slate-200);display:flex}.start-hunt-logo-icon{font-size:1.5rem;animation:2s ease-in-out infinite pulse-glow}@keyframes pulse-glow{0%,to{filter:drop-shadow(0 0 #4f46e580)}50%{filter:drop-shadow(0 0 8px #4f46e5cc)}}.start-hunt-logo-text{color:var(--color-primary);font-size:1.25rem;font-weight:800}.start-hunt-container{z-index:1;max-width:900px;margin:0 auto;position:relative}.start-hunt-header{text-align:center;margin-bottom:var(--spacing-2xl);animation:.5s ease-out slideUp}.start-hunt-title{color:var(--color-slate-900);margin-bottom:var(--spacing-sm);justify-content:center;align-items:center;gap:var(--spacing-md);font-size:2.5rem;font-weight:800;display:flex}.start-hunt-title-icon{font-size:2.5rem;animation:3s ease-in-out infinite rocket-float}@keyframes rocket-float{0%,to{transform:translateY(0)rotate(-5deg)}50%{transform:translateY(-10px)rotate(5deg)}}.start-hunt-subtitle{color:var(--color-slate-600);font-size:1.125rem;font-weight:500}.start-hunt-decoration-line{background:linear-gradient(90deg, var(--color-primary), var(--color-secondary));border-radius:var(--radius-full);width:80px;height:3px;margin:var(--spacing-md) auto 0;animation:1.5s ease-out line-grow}@keyframes line-grow{0%{opacity:0;width:0}to{opacity:1;width:80px}}.start-hunt-alert{max-width:600px;margin:0 auto var(--spacing-lg)}.start-hunt-card{box-shadow:var(--shadow-md);border:1px solid var(--color-slate-200);transition:all var(--transition-normal)}.start-hunt-card:hover{box-shadow:var(--shadow-lg);border-color:var(--color-slate-300)}.start-hunt-card-header{background:linear-gradient(135deg, var(--color-slate-50), var(--color-slate-100));border-bottom:1px solid var(--color-slate-200)}.start-hunt-card-header h3{color:var(--color-slate-900);align-items:center;gap:var(--spacing-sm);font-size:1.125rem;font-weight:700;display:flex}.start-hunt-card-header-icon{font-size:1.25rem}.hunt-details-card{margin-bottom:var(--spacing-xl)}.setup-card{margin-bottom:var(--spacing-lg)}.result-card{border-top:4px solid var(--color-success)}.result-header{background:linear-gradient(135deg,#10b9811a,#10b9810d);border-bottom:1px solid #10b98133}.start-hunt-result-content{text-align:center;margin-bottom:var(--spacing-xl);padding:var(--spacing-lg);border-radius:var(--radius-md);background:linear-gradient(135deg,#4f46e50d,#10b9810d);border:1px solid #4f46e51a}.start-hunt-result-icon{margin-bottom:var(--spacing-md);font-size:4rem;animation:.6s ease-out party-pop}@keyframes party-pop{0%{opacity:0;transform:scale(0)rotate(0)}50%{opacity:1;transform:scale(1.2)rotate(15deg)}to{opacity:1;transform:scale(1)rotate(0)}}.start-hunt-result-message{color:var(--color-slate-800);font-size:1.25rem;font-weight:600}.start-hunt-form-label{color:var(--color-slate-800);font-weight:600}.start-hunt-form-input{border:2px solid var(--color-slate-200);transition:all var(--transition-fast)}.start-hunt-form-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 4px #4f46e526}.start-hunt-form-input:hover{border-color:var(--color-slate-300)}.start-hunt-participants-list{gap:var(--spacing-md);flex-direction:column;display:flex}.start-hunt-participant-row{gap:var(--spacing-md);align-items:center;animation:.2s ease-out slideDown;display:flex}.start-hunt-btn-add{background:var(--color-white);border:2px dashed var(--color-slate-300);color:var(--color-slate-600);transition:all var(--transition-fast)}.start-hunt-btn-add:hover{border-color:var(--color-primary);color:var(--color-primary);background:var(--color-primary-50)}.start-hunt-btn-add-icon{font-size:1.25rem;font-weight:700}.start-hunt-btn-remove{min-width:auto;padding:var(--spacing-xs) var(--spacing-sm)}.start-hunt-btn-submit{padding:var(--spacing-md) var(--spacing-xl);box-shadow:var(--shadow-primary);transition:all var(--transition-normal);font-size:1.125rem}.start-hunt-btn-submit:hover{transform:translateY(-2px);box-shadow:0 8px 20px #4f46e566}.start-hunt-btn-submit-icon{font-size:1.25rem}.start-hunt-form-footer{margin-top:var(--spacing-xl);justify-content:flex-end;display:flex}.animate-slide-up{animation:.5s ease-out .1s both slideUp}@media (width<=768px){.start-hunt-page{padding:var(--spacing-md);padding-bottom:var(--spacing-xl)}.start-hunt-topbar{gap:var(--spacing-md);margin-bottom:var(--spacing-lg);flex-direction:column}.start-hunt-logo{margin:0 auto}.start-hunt-title{font-size:2rem}.start-hunt-subtitle{font-size:1rem}.hunt-details-grid{grid-template-columns:1fr}.start-hunt-btn-submit{justify-content:center;width:100%}}@media (width<=480px){.start-hunt-title{font-size:1.75rem}.start-hunt-title-icon{font-size:2rem}.start-hunt-participant-row{flex-direction:column;align-items:stretch}.start-hunt-btn-remove{width:100%}}.scavange-icon{animation:2s ease-in-out infinite icon-pulse}@keyframes icon-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}.scavange-icon-static{animation:none}.start-hunt-back-btn{align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);background:var(--color-white);border:1px solid var(--color-slate-200);border-radius:var(--radius-md);cursor:pointer;color:var(--color-slate-700);transition:all var(--transition-fast);margin-right:var(--spacing-md);font-size:.875rem;font-weight:600;display:flex}.start-hunt-back-btn:hover{background:var(--color-slate-50);border-color:var(--color-slate-300);color:var(--color-slate-900)}.start-hunt-back-btn:active{transform:scale(.98)}.landing-page-new{background:linear-gradient(135deg, var(--color-slate-50) 0%, var(--color-white) 50%, var(--color-slate-50) 100%);flex-direction:column;min-height:100vh;display:flex;position:relative;overflow:hidden}.landing-bg-decoration{pointer-events:none;z-index:0;position:absolute;inset:0;overflow:hidden}.landing-bg-pattern{background-image:radial-gradient(circle at 10% 20%,#4f46e508 0%,#0000 50%),radial-gradient(circle at 90% 80%,#10b98108 0%,#0000 50%),radial-gradient(circle,#f59e0b05 0%,#0000 70%);position:absolute;inset:0}.landing-bg-float{filter:blur(80px);background:linear-gradient(135deg,#4f46e514 0%,#10b98114 100%);border-radius:50%;width:300px;height:300px;animation:30s ease-in-out infinite float-landing;position:absolute}.landing-bg-float-1{animation-delay:0s;top:-100px;left:-100px}.landing-bg-float-2{animation-delay:-10s;bottom:-150px;right:-150px}.landing-bg-float-3{width:200px;height:200px;animation-delay:-20s;top:40%;right:10%}@keyframes float-landing{0%,to{opacity:.5;transform:translate(0)rotate(0)scale(1)}50%{opacity:.7;transform:translate(80px,-80px)rotate(180deg)scale(1.1)}}.landing-topbar{padding:var(--spacing-md) var(--spacing-xl);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:var(--z-header);background:#fffffff2;border-bottom:1px solid #0000000d;justify-content:space-between;align-items:center;display:flex;position:sticky;top:0;box-shadow:0 2px 10px #0000000d}.landing-logo{align-items:center;gap:var(--spacing-sm);color:var(--color-slate-900);transition:gap var(--transition-fast);font-size:1.25rem;font-weight:800;text-decoration:none;display:flex}.landing-logo:hover{gap:var(--spacing-md)}.landing-logo-icon{animation:2s ease-in-out infinite pulse-glow}.landing-logo-text{background:linear-gradient(135deg, var(--color-primary), var(--color-secondary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.landing-hero{padding:var(--spacing-2xl) var(--spacing-xl);text-align:center;background:linear-gradient(135deg,#4f46e50d 0%,#10b9810d 50%,#f59e0b08 100%);position:relative;overflow:hidden}.landing-hero-content{z-index:1;max-width:700px;margin:0 auto;position:relative}.landing-hero-badge{align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-md);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--radius-full);color:var(--color-slate-600);margin-bottom:var(--spacing-md);background:#fffc;border:1px solid #0000001a;font-size:.875rem;animation:.6s ease-out .2s both fadeIn;display:inline-flex;box-shadow:0 2px 8px #0000000d}.landing-hero-title{color:var(--color-slate-900);margin-bottom:var(--spacing-md);font-size:3.5rem;font-weight:800;line-height:1.2;animation:.6s ease-out slideUp}.landing-hero-subtitle{color:var(--color-slate-600);margin-bottom:var(--spacing-xl);font-size:1.25rem;font-weight:500;animation:.6s ease-out .1s both fadeIn}.landing-hero-actions{justify-content:center;gap:var(--spacing-md);animation:.6s ease-out .2s both fadeIn;display:flex}.landing-btn-cta{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-xl);background:linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-light) 100%);color:var(--color-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-primary);transition:all var(--transition-normal);font-size:1rem;font-weight:600;text-decoration:none;display:inline-flex}.landing-btn-cta:hover{background:linear-gradient(135deg, var(--color-primary-dark) 0%, var(--color-primary) 100%);transform:translateY(-2px);box-shadow:0 8px 20px #4f46e566}.landing-hero-graphics{pointer-events:none;position:absolute;inset:0;overflow:hidden}.landing-graphic-orb{opacity:.15;border-radius:50%;justify-content:center;align-items:center;animation:20s ease-in-out infinite orbit;display:flex;position:absolute}.landing-graphic-orb svg{filter:drop-shadow(0 0 10px #4f46e580);animation:2s ease-in-out infinite pulse-glow}.landing-graphic-orb-1{width:120px;height:120px;animation-delay:0s;top:15%;left:5%}.landing-graphic-orb-2{width:100px;height:100px;animation-delay:-7s;bottom:20%;right:8%}.landing-graphic-orb-3{width:80px;height:80px;animation-delay:-14s;top:45%;right:15%}@keyframes orbit{0%,to{transform:rotate(0)translateY(-50px)rotate(0)}50%{transform:rotate(180deg)translateY(50px)rotate(-180deg)}}.landing-section-header{text-align:center;margin-bottom:var(--spacing-xl)}.landing-section-title{align-items:center;gap:var(--spacing-sm);color:var(--color-slate-900);margin-bottom:var(--spacing-sm);font-size:2rem;font-weight:800;animation:.5s ease-out .3s both slideUp;display:inline-flex}.landing-section-subtitle{color:var(--color-slate-600);font-size:1.125rem;font-weight:500;animation:.5s ease-out .4s both fadeIn}.landing-cities-section{padding:var(--spacing-2xl) var(--spacing-xl);flex:1;width:100%;max-width:900px;margin:0 auto;padding-top:0}.landing-cities-container{width:100%}.city-card{background:var(--color-white);border:1px solid var(--color-slate-100);border-radius:var(--radius-lg);margin-bottom:var(--spacing-md);transition:all var(--transition-normal);animation:.4s ease-out both slideUp;overflow:hidden;box-shadow:0 1px 3px #0000000d}.city-card:hover{border-color:var(--color-primary-100);box-shadow:var(--shadow-md)}.city-card.expanded{border-color:var(--color-primary-200);box-shadow:var(--shadow-md)}.city-card-header{width:100%;padding:var(--spacing-lg);cursor:pointer;text-align:left;transition:background var(--transition-fast);background:0 0;border:none;justify-content:space-between;align-items:center;font-family:inherit;display:flex}.city-card-header:hover{background:var(--color-slate-50)}.city-card-info{align-items:center;gap:var(--spacing-md);display:flex}.city-card-icon{color:var(--color-primary);flex-shrink:0}.city-card-name{color:var(--color-slate-900);margin-bottom:2px;font-size:1.125rem;font-weight:700}.city-card-meta{color:var(--color-slate-500);font-size:.875rem}.city-card-chevron{color:var(--color-slate-400);transition:transform var(--transition-normal);flex-shrink:0;font-size:1.25rem}.city-card-chevron.rotated{transform:rotate(90deg)}.city-card-description{padding:0 var(--spacing-lg) var(--spacing-md);color:var(--color-slate-600);border-top:1px solid var(--color-slate-100);font-size:.9375rem;line-height:1.6;animation:.3s ease-out fadeIn}.city-hunts{border-top:1px solid var(--color-slate-100);padding:var(--spacing-md) var(--spacing-lg) var(--spacing-lg);animation:.3s ease-out slideDown}.hunts-list{gap:var(--spacing-md);flex-direction:column;display:flex}.hunt-card{justify-content:space-between;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--color-slate-50);border-radius:var(--radius-md);border:1px solid var(--color-slate-100);transition:all var(--transition-fast);animation:.3s ease-out both fadeIn;display:flex}.hunt-card:hover{background:var(--color-white);border-color:var(--color-slate-200);box-shadow:var(--shadow-sm)}.hunt-card-content{flex:1;min-width:0}.hunt-card-name{color:var(--color-slate-900);margin-bottom:4px;font-size:1rem;font-weight:600}.hunt-card-description{color:var(--color-slate-600);margin-bottom:var(--spacing-sm);font-size:.875rem;line-height:1.5}.hunt-card-stats{gap:var(--spacing-md);flex-wrap:wrap;display:flex}.hunt-stat{color:var(--color-slate-600);align-items:center;gap:.25rem;font-size:.8125rem;font-weight:500;display:flex}.hunt-stat-icon{color:var(--color-primary);font-size:.875rem}.hunt-stat-icon svg{vertical-align:middle}.hunt-card-btn{white-space:nowrap;flex-shrink:0}.fuzzy-threshold-group{background:var(--color-slate-50);border:1px solid var(--color-slate-200);border-radius:var(--radius-md);padding:var(--spacing-md);margin-bottom:var(--spacing-md)}.fuzzy-slider{appearance:none;border-radius:var(--radius-full);width:100%;height:8px;margin:var(--spacing-sm) 0;cursor:pointer;background:linear-gradient(90deg,#16a34a,#f59e0b,#dc2626);outline:none}.fuzzy-slider::-webkit-slider-thumb{appearance:none;background:var(--color-white);border:3px solid var(--color-primary);width:22px;height:22px;box-shadow:var(--shadow-md);cursor:pointer;transition:transform var(--transition-fast);border-radius:50%}.fuzzy-slider::-webkit-slider-thumb:hover{transform:scale(1.15)}.fuzzy-slider::-moz-range-thumb{background:var(--color-white);border:3px solid var(--color-primary);width:22px;height:22px;box-shadow:var(--shadow-md);cursor:pointer;border-radius:50%}.fuzzy-labels{color:var(--color-slate-400);justify-content:space-between;margin-top:2px;font-size:.6875rem;display:flex}.fuzzy-examples{margin-top:var(--spacing-sm)}.fuzzy-examples-grid{flex-wrap:wrap;gap:6px;margin-top:4px;display:flex}.fuzzy-example-badge{border-radius:var(--radius-full);transition:all var(--transition-fast);align-items:center;gap:3px;padding:2px 10px;font-size:.75rem;font-weight:600;display:inline-flex}.fuzzy-example-badge.fuzzy-accepted{color:#16a34a;background:#10b9811f;border:1px solid #10b9814d}.fuzzy-example-badge.fuzzy-rejected{color:#dc2626;background:#ef444414;border:1px solid #ef444426;-webkit-text-decoration:line-through #ef44444d;text-decoration:line-through #ef44444d}.fuzzy-sampler{margin-top:var(--spacing-sm)}.fuzzy-sampler-results{flex-direction:column;gap:4px;display:flex}.fuzzy-sampler-row{border-radius:var(--radius-sm);transition:background var(--transition-fast);align-items:center;gap:8px;padding:5px 10px;font-size:.75rem;font-weight:500;display:flex}.fuzzy-sampler-row.fuzzy-sampler-accept{background:#10b98114;border:1px solid #10b98133}.fuzzy-sampler-row.fuzzy-sampler-reject{background:#ef44440d;border:1px solid #ef44441a}.fuzzy-sampler-icon{text-align:center;flex-shrink:0;width:16px;font-weight:700}.fuzzy-sampler-accept .fuzzy-sampler-icon{color:#16a34a}.fuzzy-sampler-reject .fuzzy-sampler-icon{color:#dc2626}.fuzzy-sampler-answer{color:var(--color-slate-700);flex:1;font-family:monospace}.fuzzy-sampler-sim{color:var(--color-slate-400);white-space:nowrap;font-size:.6875rem}.city-no-hunts{text-align:center;padding:var(--spacing-lg);color:var(--color-slate-500);font-size:.9375rem}.landing-loading{justify-content:center;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-2xl);color:var(--color-slate-500);display:flex}.landing-loading-sm{justify-content:center;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-lg);color:var(--color-slate-500);font-size:.875rem;display:flex}.landing-empty{text-align:center;padding:var(--spacing-2xl);color:var(--color-slate-500)}.landing-empty-icon{margin-bottom:var(--spacing-md);opacity:.5;justify-content:center;display:flex}.landing-alert{margin-bottom:var(--spacing-lg)}.landing-footer{text-align:center;padding:var(--spacing-xl);color:var(--color-slate-500);border-top:1px solid var(--color-slate-100);background:var(--color-white);align-items:center;gap:var(--spacing-sm);flex-direction:column;font-size:.875rem;display:flex}.landing-footer svg{opacity:.5;animation:2s ease-in-out infinite pulse-glow}@media (width<=768px){.landing-page-new{padding-bottom:var(--spacing-xl)}.landing-topbar{padding:var(--spacing-md)}.landing-logo-text{font-size:1rem}.landing-hero{padding:var(--spacing-xl) var(--spacing-md)}.landing-hero-title{font-size:2.5rem}.landing-hero-subtitle{font-size:1rem}.landing-hero-graphics{display:none}.landing-section-title{font-size:1.5rem}.landing-cities-section{padding:var(--spacing-lg) var(--spacing-md)}.hunt-card{text-align:center;flex-direction:column;align-items:stretch}.hunt-card-stats{justify-content:center}.hunt-card-btn{justify-content:center;width:100%}.landing-footer{flex-direction:column}}@media (width<=480px){.landing-hero-title{font-size:2rem}.landing-hero-badge{display:none}.landing-btn-cta{padding:var(--spacing-md);font-size:.875rem}.landing-section-title{font-size:1.25rem}.city-card-header{padding:var(--spacing-md)}.city-hunts{padding:var(--spacing-sm) var(--spacing-md) var(--spacing-md)}}.missing-translations-page{position:relative;overflow:hidden}.missing-translations-page:before{content:"";pointer-events:none;background:radial-gradient(circle at 10% 20%,#4f46e508 0%,#0000 50%),radial-gradient(circle at 90% 80%,#ef444408 0%,#0000 50%);position:absolute;inset:0}.missing-translations-header{margin-bottom:var(--spacing-xl);animation:.4s ease-out fadeIn}.missing-translations-header-content{gap:var(--spacing-sm);flex-direction:column;display:flex}.missing-translations-title{align-items:center;gap:var(--spacing-md);color:var(--color-slate-900);font-size:2rem;font-weight:800;display:flex}.missing-translations-title svg{color:var(--color-danger);animation:2s ease-in-out infinite shake-subtle}@keyframes shake-subtle{0%,to{transform:rotate(0)}50%{transform:rotate(-5deg)}}.missing-translations-subtitle{color:var(--color-slate-600);font-size:1.125rem}.missing-translations-count{color:var(--color-danger);font-size:1.25rem;font-weight:700}.missing-translations-lang-count{color:var(--color-primary);font-weight:600}.missing-translations-subtitle svg{color:var(--color-secondary);vertical-align:middle}.missing-translations-alert{align-items:center;gap:var(--spacing-md);padding:var(--spacing-lg);max-width:600px;margin:var(--spacing-lg);display:flex}.missing-translations-alert .alert-icon{font-size:1.5rem;font-weight:700}.missing-translations-legend{gap:var(--spacing-sm);margin-bottom:var(--spacing-xl);padding:0 var(--spacing-md);flex-wrap:wrap;display:flex}.missing-translations-lang-badge{padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-full);background:var(--color-slate-100);color:var(--color-slate-600);border:1px solid var(--color-slate-200);transition:all var(--transition-fast);align-items:center;font-size:.75rem;font-weight:500;display:inline-flex}.missing-translations-lang-badge:hover{background:var(--color-slate-200);border-color:var(--color-slate-300)}.missing-translations-lang-badge.preview{color:var(--color-warning);background:#f59e0b1a;border-color:#f59e0b33}.missing-translations-tabs{gap:var(--spacing-md);margin-bottom:var(--spacing-xl);flex-wrap:wrap;display:flex}.missing-translations-tab{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-xl);border:2px solid var(--color-slate-200);border-radius:var(--radius-lg);background:var(--color-white);color:var(--color-slate-600);cursor:pointer;transition:all var(--transition-normal);box-shadow:var(--shadow-sm);font-size:.9375rem;font-weight:600;display:inline-flex}.missing-translations-tab:hover{border-color:var(--color-primary-200);color:var(--color-primary);background:var(--color-primary-50);box-shadow:var(--shadow-md);transform:translateY(-2px)}.missing-translations-tab.active{border-color:var(--color-primary);background:linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-light) 100%);color:var(--color-white);box-shadow:0 4px 15px #4f46e54d}.missing-translations-tab-icon{color:currentColor;justify-content:center;align-items:center;display:flex}.missing-translations-tab-icon svg{flex-shrink:0}.missing-translations-tab.active .missing-translations-tab-icon svg{filter:brightness(0)invert()}.missing-translations-tab-label{font-weight:500}.missing-translations-tab-badge{min-width:20px;height:20px;padding:0 var(--spacing-xs);border-radius:var(--radius-full);background:var(--color-danger);color:var(--color-white);justify-content:center;align-items:center;font-size:.75rem;font-weight:700;display:inline-flex}.missing-translations-tab.active .missing-translations-tab-badge{color:var(--color-white);background:#ffffff40}.missing-translations-empty-card{max-width:500px;margin:var(--spacing-xl) auto;border:2px solid var(--color-success-100);background:linear-gradient(135deg, var(--color-white) 0%, var(--color-success-50) 100%)}.missing-translations-empty-card .card-body{padding:var(--spacing-2xl)}.missing-translations-empty-icon{margin-bottom:var(--spacing-md);justify-content:center;display:flex}.missing-translations-empty-icon svg{color:var(--color-success);animation:.6s ease-out checkmark-pop}@keyframes checkmark-pop{0%{opacity:0;transform:scale(0)rotate(0)}50%{opacity:1;transform:scale(1.2)rotate(10deg)}to{opacity:1;transform:scale(1)rotate(0)}}.missing-translations-empty-text{color:var(--color-slate-600);font-size:1.125rem;font-weight:500}.missing-translations-data-card{box-shadow:var(--shadow-md);border:1px solid var(--color-slate-200)}.missing-translations-table-container{overflow-x:auto}.missing-translations-table{width:100%}.missing-translations-table th{text-transform:uppercase;letter-spacing:.05em;color:var(--color-slate-600);background:var(--color-slate-50);padding:var(--spacing-md);font-size:.75rem;font-weight:700}.missing-translations-table td{padding:var(--spacing-md);vertical-align:middle}.missing-translations-table tr{border-bottom:1px solid var(--color-slate-100)}.missing-translations-table tr:last-child td{border-bottom:none}.missing-translations-table tr:hover td{background:var(--color-slate-50)}.missing-translations-cell-name{color:var(--color-slate-900);font-weight:600}.missing-translations-badge-missing{padding:var(--spacing-xs) var(--spacing-sm);font-size:.875rem}.missing-translations-lang-list{gap:var(--spacing-xs);flex-wrap:wrap;display:flex}.missing-translations-lang-tag{padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-full);color:var(--color-danger);background:#ef44441a;border:1px solid #ef444433;align-items:center;font-size:.75rem;font-weight:500;display:inline-flex}.missing-translations-lang-tag.preview{color:var(--color-warning);background:#f59e0b1a;border-color:#f59e0b33}.missing-translations-actions{justify-content:center;gap:var(--spacing-xs);display:flex}.missing-translations-btn-edit{align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-md);background:linear-gradient(135deg, var(--color-secondary) 0%, var(--color-secondary-light) 100%);color:var(--color-white);border-radius:var(--radius-md);transition:all var(--transition-fast);white-space:nowrap;border:none;font-size:.8125rem;font-weight:600;display:inline-flex}.missing-translations-btn-edit:hover{background:linear-gradient(135deg, var(--color-secondary-dark) 0%, var(--color-secondary) 100%);transform:translateY(-1px);box-shadow:0 4px 12px #10b9814d}.missing-translations-btn-edit svg{flex-shrink:0}@media (width<=768px){.missing-translations-tabs{gap:var(--spacing-sm)}.missing-translations-tab{padding:var(--spacing-sm) var(--spacing-md);font-size:.875rem}.missing-translations-title{font-size:1.75rem}.missing-translations-subtitle{font-size:1rem}.missing-translations-legend{justify-content:center}.missing-translations-table th,.missing-translations-table td{padding:var(--spacing-sm)}}@media (width<=480px){.missing-translations-tab{gap:var(--spacing-xs);text-align:center;flex-direction:column}.missing-translations-tab-label{font-size:.75rem}.missing-translations-table{font-size:.875rem}.missing-translations-actions{justify-content:flex-start}}