section{overflow:auto}.travel-page{margin:0 auto;padding:3rem 2rem}.travel-page h1{font-size:clamp(2rem,4vw,3rem);font-weight:800;background:linear-gradient(135deg,var(--primary) 0%,var(--accent-dark) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:1.5rem;line-height:1.2}.travel-page .lead{font-size:1.1rem;color:#fff;margin-bottom:1.5rem;line-height:1.7}.travel-page section{padding:2.5rem;margin-bottom:2rem;background:transparent;box-shadow:0 4px 12px #0000000f;border-radius:16px;border:none;transition:all .3s ease}.travel-page section:hover{box-shadow:0 8px 24px #7c3aed1a;border-color:var(--accent-light)}.features-list{list-style:none;padding:0;margin:1.5rem 0 2rem}.features-list li{background:linear-gradient(135deg,#00d4ff14,#7b61ff14);padding:1rem;border-radius:12px;margin-bottom:1rem;box-shadow:0 2px 8px #0000000a;border:1px solid var(--border-light);transition:all .3s ease}.features-list li:hover{transform:translateY(-4px);box-shadow:0 6px 16px #7c3aed1f;border-color:var(--accent)}.features-list li strong{color:var(--accent);font-size:1.1rem}.features-list li p{margin:.5rem 0 0;color:#fff;line-height:1.6}.cta-row{display:flex;gap:1rem;margin-top:2rem;justify-content:flex-end}.btn{padding:.75rem 1.5rem;border-radius:24px;text-decoration:none;font-weight:600;transition:all .3s ease;box-shadow:0 2px 8px #0000001a}.btn:hover{transform:translateY(-2px);box-shadow:0 4px 16px #00000026}.btn-primary{background:var(--accent);color:#fff}.btn-outline:hover,.btn-primary{background:var(--accent);color:#fff}.btn-outline{background:transparent;border:2px solid var(--accent);color:var(--accent)}.feature-table-container{background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000014;padding:24px;font-family:Segoe UI,system-ui,sans-serif}.table-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;flex-wrap:wrap;gap:16px}.table-header h2{margin:0;font-size:1.5rem;font-weight:600;color:#1a1a1a}.table-controls{display:flex;gap:12px;align-items:center}.table-search{padding:8px 16px;border:1px solid #e1e5e9;border-radius:8px;font-size:14px;min-width:200px;transition:all .2s}.table-search:focus{outline:none;border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a}.export-btn{background:#4f46e5;color:#fff;border:none;padding:8px 20px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.export-btn:hover{background:#4338ca;transform:translateY(-1px)}.table-scroll-wrapper{overflow-x:auto;border-radius:8px;border:1px solid #f0f0f0}.feature-table{width:100%;border-collapse:separate;border-spacing:0}.feature-table thead{background:linear-gradient(135deg,#667eea,#764ba2)}.feature-table th{padding:16px 20px;text-align:left;font-weight:600;font-size:14px;color:#fff;border-bottom:2px solid #f0f0f0;position:sticky;top:0;z-index:10}.feature-table th.sortable{cursor:pointer;user-select:none;transition:background .2s}.feature-table th.sortable:hover{background:#fff}.sort-icon{margin-left:8px;opacity:.7;display:inline-block;transition:transform .2s}.feature-table tbody tr{transition:all .2s;border-bottom:1px solid #f5f5f5}.feature-table tbody tr:hover{background:linear-gradient(90deg,#4f46e508,#4f46e503);transform:translate(4px);box-shadow:-4px 0 #4f46e5}.feature-table td{padding:16px 20px;font-size:14px;color:#fff;border-bottom:1px solid #f0f0f0}.user-cell{display:flex;align-items:center;gap:12px}.user-avatar{width:36px;height:36px;border-radius:50%;object-fit:cover;border:2px solid #f0f0f0}.badge{padding:4px 12px;border-radius:20px;font-size:12px;font-weight:500;display:inline-block}.badge-admin{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.badge-user{background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff}.status-badge{padding:4px 12px;border-radius:20px;font-size:12px;font-weight:500;display:inline-block}.status-active{background:linear-gradient(135deg,#43e97b,#38f9d7);color:#fff}.status-inactive{background:linear-gradient(135deg,#fa709a,#fee140);color:#fff}.action-buttons{display:flex;gap:8px;opacity:.7;transition:opacity .2s}tr:hover .action-buttons{opacity:1}.btn-icon{background:none;border:1px solid #e1e5e9;border-radius:6px;padding:6px 10px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.btn-icon:hover{background:#4f46e5;border-color:#4f46e5;color:#fff;transform:scale(1.1)}.table-footer{display:flex;justify-content:space-between;align-items:center;margin-top:24px;padding-top:20px;border-top:1px solid #f0f0f0;flex-wrap:wrap;gap:16px}.rows-per-page{display:flex;align-items:center;gap:12px;font-size:14px;color:#fff}.rows-per-page select{padding:6px 12px;border:1px solid #e1e5e9;border-radius:6px;background:#fff;font-size:14px}.pagination{display:flex;align-items:center;gap:16px}.pagination-btn{background:#fff;border:1px solid #e1e5e9;border-radius:6px;padding:8px 16px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.pagination-btn:hover:not(:disabled){background:#4f46e5;border-color:#4f46e5;color:#fff}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}@media(max-width:768px){.feature-table-container{padding:16px}.table-header{flex-direction:column;align-items:stretch}.table-controls{flex-direction:column}.table-search{min-width:auto;width:100%}.table-footer{flex-direction:column;align-items:stretch}.feature-table{display:block;width:100%!important;border-collapse:separate!important;border-spacing:0!important}.feature-table thead{display:none}.feature-table tbody tr{display:block;margin-bottom:16px;border:1px solid #e1e5e9;border-radius:8px;padding:12px}.feature-table td{display:flex;align-items:center;padding:12px 0;border:none;border-bottom:1px solid #f5f5f5}.feature-table td:last-child{border-bottom:none}.feature-table td:before{content:attr(data-label);font-weight:600;color:#fff;margin-right:16px}}@media(prefers-color-scheme:dark){.feature-table-container{background:#1a1a1a;color:#fff}.feature-table td{color:#e0e0e0}.table-search{background:#2a2a2a;border-color:#404040;color:#fff}.btn-icon{border-color:#404040}.feature-table tbody tr:hover{background:#4f46e51a}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.feature-table tbody tr{animation:fadeIn .3s ease-out}
