@media (max-width:768px){body.home-page main.scroll-container{padding-top:var(--header-height)!important;margin-top:0!important}body:not(.home-page) main.scroll-container{padding-top:0!important;margin-top:0!important}body.home-page:has(.hero) main.scroll-container{padding-top:0!important}body:has(.explore-header) main.scroll-container{padding-top:0!important}}@media (max-width:768px){.explore-header{margin-top:0!important}}:root{--primary-color:var(--color-primary);--primary-dark:var(--color-primary-dark);--primary-light:var(--color-primary-light);--accent-color:var(--color-accent);--accent-dark:var(--color-accent-dark);--accent-light:var(--color-brand-orange-soft);--success-color:var(--color-success);--success-dark:var(--color-success-dark);--danger-color:var(--color-danger);--danger-dark:var(--color-danger-dark);--danger-bg:var(--color-danger-soft);--danger-border:var(--color-danger-border);--danger-text:var(--color-danger-text);--warning-color:var(--color-warning);--warning-bg:var(--color-warning-soft);--info-color:var(--color-primary);--text-primary:var(--color-text-strong);--text-secondary:var(--color-text);--text-tertiary:var(--color-text-muted);--text-quaternary:var(--color-text-muted);--text-disabled:var(--color-border);--bg-primary:var(--color-surface);--bg-secondary:var(--color-surface-muted);--bg-tertiary:var(--color-surface-muted);--bg-quaternary:var(--color-border);--border-color:var(--color-border);--border-light:var(--color-border);--border-dark:var(--color-text-muted);--badge-verified-bg:#d4edda;--badge-verified-text:#155724;--badge-phone-bg:#cce5ff;--badge-phone-text:#004085;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:12px;--spacing-base:16px;--spacing-lg:20px;--spacing-xl:24px;--spacing-2xl:32px;--spacing-3xl:40px;--spacing-4xl:48px;--spacing-5xl:64px;--radius-xs:0.25rem;--radius-sm:0.375rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--radius-full:9999px;--shadow-xs:0 1px 2px rgba(0,0,0,0.05);--shadow-sm:0 1px 3px rgba(0,0,0,0.1);--shadow-md:0 4px 6px rgba(0,0,0,0.1);--shadow-lg:0 10px 15px rgba(0,0,0,0.1);--shadow-xl:0 20px 25px rgba(0,0,0,0.15);--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:2rem;--font-size-4xl:2.5rem;--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;--transition-fast:0.15s ease;--transition-base:0.2s ease;--transition-slow:0.3s ease;--transition-slower:0.5s ease;--z-base:1;--z-dropdown:50;--z-sticky:100;--z-modal-backdrop:1000;--z-modal:1001;--z-toast:2000}@media (max-width:768px){.filter-search-bar{flex-direction:column;gap:.75rem;padding:1.25rem;width:calc(100% - 2rem);min-width:320px;max-width:500px;height:auto;margin-left:auto;margin-right:auto}.filter-input-group{width:100%;border-right:none!important;border-bottom:1px solid #e5e7eb;padding:14px 8px!important;height:auto;min-height:70px;box-sizing:border-box}.filter-input-group:last-of-type{border-bottom:none}.filter-search-btn{width:100%;padding:1.25rem;border-radius:8px;font-size:1rem;margin-top:10px!important}body.home-page .header{display:block!important}body.no-top-nav #header-placeholder,body.no-top-nav .header,body:not(.home-page) #header-placeholder,body:not(.home-page) .header{display:none!important}body.no-top-nav main.scroll-container{padding-top:0!important}}@media (max-width:768px){body:has(.sub-page-header){display:flex;flex-direction:column;height:100dvh;height:calc(var(--vh, 1vh) * 100);overflow:hidden}body:has(.sub-page-header) .sub-page-header{flex-shrink:0}body:has(.sub-page-header) #footer-placeholder,body:has(.sub-page-header) #header-placeholder,body:has(.sub-page-header) #mobile-bottom-nav-placeholder{display:none!important}body:has(.sub-page-header) main.scroll-container{flex:1 1 auto;min-height:0!important;height:auto!important;padding-top:0!important;overflow-y:auto;-webkit-overflow-scrolling:touch;padding-bottom:max(32px,calc(16px + env(safe-area-inset-bottom, 0px)))!important}.header-actions{display:flex;align-items:center;gap:10px;margin-left:auto;flex-shrink:0}.header-actions #lang-switcher{margin-left:0;font-size:13px;padding:5px calc(8px + 12px + 6px) 5px 8px}}.search-bar-container.hero-btn-reveal{padding:1rem!important}@media (max-width:768px){#footer-placeholder,.footer{display:none!important}main.scroll-container{padding-bottom:max(72px,calc(48px + env(safe-area-inset-bottom)))}body.no-bottom-nav:not(:has(.sub-page-header)) main.scroll-container{padding-bottom:max(24px,env(safe-area-inset-bottom))}body.no-bottom-nav #mobile-bottom-nav-placeholder,body:has(.sub-page-header) #mobile-bottom-nav-placeholder{display:none!important}.nav-menu{display:none;position:fixed;top:70px;left:0;width:100%;bottom:0;background:var(--white);padding:2rem 1rem;box-shadow:0 2px 8px rgba(0,0,0,.1);flex-direction:column;align-items:center;gap:1.5rem;z-index:1000;overflow-y:auto;animation:slideDown .3s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.nav-menu.active{display:flex}.nav-menu .nav-link{width:100%;text-align:center;padding:1rem;font-size:1.1rem;border-radius:.5rem;transition:all .2s}.nav-menu .nav-link:hover{background-color:#f9fafb}.nav-menu .nav-link.button{background:#fbbf24;color:#1f2937;width:80%;max-width:300px}.nav-menu .nav-link.button:hover{background:#f59e0b}.menu-toggle{display:none;flex-direction:column;justify-content:space-around;width:30px;height:25px;cursor:pointer;z-index:1001}.menu-toggle span{display:block;width:100%;height:3px;background:var(--text-color);transition:all .3s ease;border-radius:2px}.menu-toggle.active span:first-child{transform:translateY(9px) rotate(45deg)}.menu-toggle.active span:nth-child(2){opacity:0}.menu-toggle.active span:nth-child(3){transform:translateY(-9px) rotate(-45deg)}.hero-content{padding:0 10px!important;max-width:100%!important}.hero h1{font-size:2rem;line-height:1.3}.hero p{font-size:1rem;line-height:1.5}.mobile-break{display:none}.hero-title{font-size:2rem!important;line-height:1.3;white-space:normal}html[lang=zh-TW] .hero-title,html[lang=zh] .hero-title{white-space:normal;font-size:clamp(1.42rem,.6rem + 3.8vw,1.72rem)!important;letter-spacing:-.025em}.hero-subtitle{font-size:1rem;line-height:1.5}.search-bar-container{.input-group{height:70px!important;min-height:70px!important;box-sizing:border-box}flex-direction:column;gap:.75rem;padding:1.25rem;width:calc(100% - 2rem);min-width:320px;max-width:500px;height:400px!important;margin-left:auto;margin-right:auto}.input-group{width:100%;border-right:none!important;border-bottom:1px solid #e5e7eb;padding:14px 8px!important}.input-group:last-of-type{border-bottom:none}.search-btn{width:100%;padding:1.25rem;border-radius:8px;font-size:1rem;margin-top:10px!important}.section-title{margin-bottom:8px!important}.carousel-container{margin-top:8px!important;padding:0!important}.carousel-container .carousel-btn{display:none!important}.carousel-wrapper{overflow-x:auto;overflow-y:hidden;padding:10px 16px 18px!important;margin:0!important;width:100%!important;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;touch-action:pan-x pan-y;overscroll-behavior-x:contain;scrollbar-width:none}.carousel-wrapper::-webkit-scrollbar{display:none}.trips-carousel{display:flex;gap:.75rem;transform:none!important;transition:none!important;margin:0!important;padding:0 16px 0 0!important;width:max-content;max-width:none}.trips-carousel .trip-card{width:72vw;min-width:72vw;max-width:72vw;flex-shrink:0;height:auto;margin:0;scroll-snap-align:start;scroll-snap-stop:normal}.trips-carousel .trip-card .trip-image,.trips-carousel .trip-card--overlay .trip-image{height:190px}.trips-carousel .trip-card .trip-content,.trips-carousel .trip-card--overlay .trip-content{padding:12px}.explorers-carousel-container{position:relative;padding:0;margin-top:8px!important}.explorers-wrapper{overflow-x:auto;overflow-y:hidden;padding:0 16px!important;margin:0!important;width:100%!important;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;touch-action:pan-x pan-y;overscroll-behavior-x:contain;scrollbar-width:none}.explorers-wrapper::-webkit-scrollbar{display:none}.explorers-grid{display:flex!important;gap:.75rem;transform:none!important;transition:none!important;margin:0!important;padding:0 16px 0 0!important;grid-template-columns:none!important;width:max-content!important;max-width:none!important}.explorers-grid .explorer-card{width:72vw;min-width:72vw;max-width:72vw;flex-shrink:0;height:auto;margin:0;scroll-snap-align:start;scroll-snap-stop:normal}.explorers-grid .explorer-header{height:190px}.explorer-header .explorer-favorite,.trip-image .trip-favorite{width:30px!important;height:30px!important;top:.75rem!important;right:.75rem!important;bottom:auto!important}.explorer-header .explorer-favorite i,.trip-image .trip-favorite i{font-size:14px!important;color:#FF5E5E!important}.hero-buttons{flex-direction:column;align-items:center;gap:1rem}.section-title{font-size:1.5rem!important;font-weight:500!important}.steps-grid,.trips-grid{grid-template-columns:1fr}.steps-grid{gap:1rem}.step-card{padding:1rem 1.15rem;gap:.35rem;border-radius:14px;box-shadow:0 8px 18px rgba(15,23,42,.06)}.step-card__header{gap:.4rem;margin-bottom:.1rem}.step-icon{font-size:1.15rem}.step-badge{font-size:.75rem;letter-spacing:.1em}.step-card h3{font-size:1rem}.step-card p{font-size:.875rem;line-height:1.45}.trust-features{grid-template-columns:1fr;gap:1.25rem}.trust-subtitle{font-size:1rem}.mobile-filter-overlay{display:block;position:fixed;z-index:9999;inset:0;pointer-events:none}.mobile-filter-overlay,.mobile-filter-panel{transition:opacity .35s cubic-bezier(.4,0,.2,1),transform .35s cubic-bezier(.4,0,.2,1),background .35s cubic-bezier(.4,0,.2,1)}.mobile-filter-overlay{background:rgba(0,0,0,0);opacity:0}.mobile-filter-overlay.active{background:rgba(0,0,0,.5);opacity:1;pointer-events:auto}.mobile-filter-panel{position:fixed;inset:0;background:#fff;border-radius:0;box-shadow:none;padding:1.5rem 1.25rem 2rem;transform:translateY(40px);opacity:0;overflow-y:auto;z-index:10000;display:flex;flex-direction:column}.mobile-filter-overlay.active .mobile-filter-panel{transform:translateY(0);opacity:1}.mobile-filter-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid #e5e7eb}.mobile-filter-title{font-size:1.25rem;font-weight:700;color:#1f2937}.mobile-filter-close{background:transparent;border:none;font-size:1.75rem;color:#6b7280;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center}.mobile-filter-close:hover{color:#374151}.mobile-filter-overlay .search-bar-container{box-shadow:none;border-radius:0;background:transparent;width:100%;max-width:100%;min-width:0;margin:0;padding:0;display:flex;flex-direction:column;gap:1rem;height:auto}.mobile-filter-overlay .input-group{padding:14px 8px!important;font-size:1rem;border-radius:12px;background:#f9fafb;border:1px solid #e5e7eb;margin-bottom:0}.mobile-filter-overlay .input-group:hover{background:#f3f4f6}.mobile-filter-overlay .label-text{font-size:.875rem;margin-bottom:.5rem}.mobile-filter-overlay .full-click-input{font-size:1rem}.mobile-filter-overlay .search-btn{width:100%;padding:1.25rem;font-size:1.1rem;border-radius:12px;margin-top:.5rem}}@media (min-width:769px){.nav-container{justify-content:flex-start}.nav-menu{margin-left:auto;gap:1.5rem}.header-actions{margin-left:1rem}.menu-toggle{display:none}.mobile-bottom-nav,.nav-link[data-page=favorite]{display:none!important}.footer{display:block!important;background:#333!important;color:white!important;padding:4rem 0 2rem!important;margin-top:4rem!important;width:100%!important;box-sizing:border-box!important}.footer-content{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:2rem!important;max-width:1200px!important;margin:0 auto!important;padding:0 20px!important}#footer-placeholder,.footer-bottom{display:block!important}#footer-placeholder{width:100%!important}main.scroll-container{padding-bottom:0!important}}@media (max-width:480px){.hero-content{padding:0 8px!important}.hero h1{font-size:1.75rem;line-height:1.3}.hero p{font-size:.95rem;line-height:1.5}.mobile-break{display:inline}.hero-title{font-size:1.75rem;line-height:1.3}.hero-subtitle{font-size:.95rem;line-height:1.5}.section{padding:3rem 0}.search-bar-container{width:calc(100% - 1.5rem);min-width:340px;max-width:450px;padding:1.5rem 1.25rem}.input-group{padding:1.5rem 1rem}.search-btn{padding:1.5rem;font-size:1.1rem}.explorers-grid,.trips-carousel{gap:.65rem}.explorers-grid .explorer-card,.trips-carousel .trip-card{width:74vw;min-width:74vw;max-width:74vw}.explorers-grid .explorer-header,.trips-carousel .trip-card .trip-image,.trips-carousel .trip-card--overlay .trip-image{height:190px}}@media (max-width:299px){.mobile-break{display:inline}}@media (min-width:300px){.mobile-break{display:none!important}}@media (min-width:481px) and (max-width:1024px){.mobile-break{display:none!important}}@media (max-width:375px){.search-bar-container{width:100vw;min-width:0;max-width:100vw;left:0;right:0;margin:0;border-radius:0;box-sizing:border-box}}@keyframes slideInFromRight{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@keyframes slideOutToRight{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100%)}}@keyframes slideInFromLeft{0%{opacity:0;transform:translateX(-30%)}to{opacity:1;transform:translateX(0)}}@media (max-width:768px){body.page-entering .sub-page-container,body.page-entering main{animation:slideInFromRight .3s cubic-bezier(.4,0,.2,1) forwards}body.page-returning .sub-page-container,body.page-returning main{animation:slideInFromLeft .3s cubic-bezier(.4,0,.2,1) forwards}body.page-entering,body.page-returning{overflow-x:hidden}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}.btn-primary{color:#ffffff;padding:var(--spacing-md) var(--spacing-xl);border:none;border-radius:var(--radius-md);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-base);display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);text-decoration:none}.btn-primary:hover:not(:disabled){background:var(--primary-dark);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{padding:var(--spacing-md) var(--spacing-xl);border-radius:var(--radius-md);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-base);display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);text-decoration:none}.btn-secondary:hover:not(:disabled){background:var(--bg-tertiary);border-color:var(--border-dark)}.btn-accent{background:var(--accent-color);color:#ffffff;padding:var(--spacing-md) var(--spacing-xl);border:none;border-radius:var(--radius-md);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-base);display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);text-decoration:none}.btn-accent:hover:not(:disabled){background:var(--accent-dark);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-danger{color:#ffffff;padding:var(--spacing-md) var(--spacing-xl);border:none;border-radius:var(--radius-md);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-base);display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm)}.btn-danger:hover:not(:disabled){background:var(--danger-dark)}.btn-text{background:transparent;color:var(--primary-color);padding:var(--spacing-sm) var(--spacing-md);border:none;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-base);display:inline-flex;align-items:center;gap:var(--spacing-sm)}.btn-text:hover:not(:disabled){background:var(--bg-secondary);color:var(--primary-dark)}.btn-block{width:100%;justify-content:center}.card{border-radius:var(--radius-lg);overflow:hidden}.card-header{padding:var(--spacing-xl)}.card-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold)}.card-body,.card-footer{padding:var(--spacing-xl)}.card-footer{background:var(--bg-secondary)}.card-clickable{cursor:pointer;transition:all var(--transition-base)}.card-clickable:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.badge{font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.5px}.badge-success{background-color:#dcfce7;color:#166534}.badge-danger{background-color:#fee2e2;color:#991b1b}.badge-warning{background-color:#fef3c7;color:#92400e}.badge-info{background-color:#dbeafe;color:#1e40af}.badge-primary{background-color:#dbeafe;color:#1e3a8a}.badge-secondary{background-color:var(--bg-tertiary);color:var(--text-secondary)}.status-open{background-color:#dcfce7;color:#166534}.status-full{background-color:#fee2e2;color:#991b1b}.status-upcoming{background-color:#dbeafe;color:#1e40af}.status-closed{background-color:var(--bg-tertiary);color:var(--text-tertiary)}.tag{transition:all var(--transition-base)}.tag:hover{color:var(--text-primary)}.tag-removable{cursor:pointer}.tag-remove{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:50%;background:var(--text-tertiary);color:white;font-size:12px;margin-left:var(--spacing-xs);transition:all var(--transition-fast)}.tag-remove:hover{background:var(--danger-color)}.form-label{font-weight:var(--font-weight-semibold);font-size:var(--font-size-base)}.form-label .required{color:var(--danger-color);margin-left:var(--spacing-xs)}.form-control{padding:var(--spacing-md);font-family:inherit}.form-control:disabled{background:var(--bg-tertiary)}.form-control::placeholder{color:var(--text-tertiary)}textarea.form-control{min-height:120px}select.form-control{appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 12px center;background-size:1em;padding-right:2.5rem;cursor:pointer}.input-group{display:flex;gap:var(--spacing-sm)}.input-group .form-control{flex:1}.form-error,.form-help{display:block;margin-top:var(--spacing-sm)}.form-control.is-invalid{border-color:var(--danger-color)}.form-control.is-valid{border-color:var(--success-color)}.character-count{text-align:right;font-size:var(--font-size-sm);color:var(--text-secondary);margin-top:var(--spacing-xs)}.host-avatar,.user-avatar{width:40px;height:40px;border-radius:var(--radius-full);object-fit:cover;border:2px solid var(--border-light)}.host-avatar-sm,.user-avatar-sm{width:32px;height:32px}.host-avatar-lg,.user-avatar-lg{width:64px;height:64px}.host-info,.user-info{display:flex;align-items:center;gap:var(--spacing-md)}.host-details,.user-details{display:flex;flex-direction:column;gap:var(--spacing-xs)}.host-name,.user-name{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.host-meta,.user-meta{font-size:var(--font-size-sm);color:var(--text-secondary)}.divider{border:none;border-top:1px solid var(--border-light)}.divider-thick{border-top-width:2px}.divider-dashed{border-top-style:dashed}.skeleton{background:linear-gradient(90deg,var(--bg-tertiary) 25%,var(--bg-quaternary) 50%,var(--bg-tertiary) 75%);background-size:200% 100%;animation:skeleton-loading 1.5s ease-in-out infinite;border-radius:var(--radius-md)}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-text{height:1em;margin-bottom:var(--spacing-sm)}.skeleton-title{height:1.5em;width:60%;margin-bottom:var(--spacing-md)}.skeleton-avatar{width:40px;height:40px;border-radius:var(--radius-full)}.empty-state{text-align:center;padding:var(--spacing-5xl) var(--spacing-xl);color:var(--text-tertiary);animation:fadeIn .3s ease-in}.empty-state-icon{font-size:5rem;width:5rem;height:5rem;display:flex;align-items:center;justify-content:center;margin:0 auto var(--spacing-2xl);color:var(--primary-color);opacity:.3}.empty-state-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--text-secondary);margin-bottom:var(--spacing-md);letter-spacing:-.4px}.empty-state-description{font-size:var(--font-size-base);color:var(--text-tertiary);margin-bottom:var(--spacing-3xl);line-height:1.6;max-width:400px;margin-left:auto;margin-right:auto}.empty-state .btn-primary{margin:0 auto}#completedEmpty,#diaryEmpty,#favExplorersEmptyState,#favTripsEmptyState,#upcomingHostedEmpty,#upcomingJoinedEmpty{display:flex!important;flex-direction:column;align-items:center;justify-content:center}#completedEmpty .empty-state-icon,#diaryEmpty .empty-state-icon,#favExplorersEmptyState .empty-state-icon,#favTripsEmptyState .empty-state-icon,#upcomingHostedEmpty .empty-state-icon,#upcomingJoinedEmpty .empty-state-icon{font-size:5rem;width:5rem;height:5rem;display:flex!important;align-items:center;justify-content:center;margin:0 auto var(--spacing-2xl);color:var(--primary-color);opacity:.3}.empty-icon{font-size:5rem;display:inline-flex!important;margin-bottom:var(--spacing-2xl);color:var(--primary-color);opacity:.3}.empty-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--text-secondary);margin-bottom:var(--spacing-md);letter-spacing:-.4px}.empty-text{font-size:var(--font-size-base);color:var(--text-tertiary);margin-bottom:var(--spacing-3xl);line-height:1.6;max-width:400px;margin-left:auto;margin-right:auto}.text-primary{color:var(--text-primary)!important}.text-secondary{color:var(--text-secondary)!important}.text-tertiary{color:var(--text-tertiary)!important}.text-success{color:var(--success-color)!important}.text-danger{color:var(--danger-color)!important}.text-warning{color:var(--warning-color)!important}.bg-primary{background:var(--bg-primary)!important}.bg-secondary{background:var(--bg-secondary)!important}.bg-tertiary{background:var(--bg-tertiary)!important}.mt-0{margin-top:0!important}.mt-sm{margin-top:var(--spacing-sm)!important}.mt-md{margin-top:var(--spacing-md)!important}.mt-lg{margin-top:var(--spacing-lg)!important}.mt-xl{margin-top:var(--spacing-xl)!important}.mb-0{margin-bottom:0!important}.mb-sm{margin-bottom:var(--spacing-sm)!important}.mb-md{margin-bottom:var(--spacing-md)!important}.mb-lg{margin-bottom:var(--spacing-lg)!important}.mb-xl{margin-bottom:var(--spacing-xl)!important}.p-0{padding:0!important}.p-sm{padding:var(--spacing-sm)!important}.p-md{padding:var(--spacing-md)!important}.p-lg{padding:var(--spacing-lg)!important}.p-xl{padding:var(--spacing-xl)!important}.d-none{display:none!important}.d-block{display:block!important}.d-flex{display:flex!important}.d-inline-flex{display:inline-flex!important}.flex-column{flex-direction:column!important}.flex-wrap{flex-wrap:wrap!important}.justify-start{justify-content:flex-start!important}.justify-center{justify-content:center!important}.justify-end{justify-content:flex-end!important}.justify-between{justify-content:space-between!important}.align-start{align-items:flex-start!important}.align-center{align-items:center!important}.align-end{align-items:flex-end!important}.gap-sm{gap:var(--spacing-sm)!important}.gap-md{gap:var(--spacing-md)!important}.gap-lg{gap:var(--spacing-lg)!important}.text-left{text-align:left!important}.text-center{text-align:center!important}.text-right{text-align:right!important}.fw-normal{font-weight:var(--font-weight-normal)!important}.fw-medium{font-weight:var(--font-weight-medium)!important}.fw-semibold{font-weight:var(--font-weight-semibold)!important}.fw-bold{font-weight:var(--font-weight-bold)!important}.rounded-sm{border-radius:var(--radius-sm)!important}.rounded-md{border-radius:var(--radius-md)!important}.rounded-lg{border-radius:var(--radius-lg)!important}.rounded-full{border-radius:var(--radius-full)!important}.shadow-none{box-shadow:none!important}.shadow-sm{box-shadow:var(--shadow-sm)!important}.shadow-md{box-shadow:var(--shadow-md)!important}.shadow-lg{box-shadow:var(--shadow-lg)!important}.btn{padding:var(--spacing-md) var(--spacing-xl);border-radius:var(--radius-lg);font-weight:var(--font-weight-medium);transition:all var(--transition-base);cursor:pointer;border:none;display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);text-decoration:none;font-size:var(--font-size-base)}.btn:hover{transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn:active{transform:translateY(0)}.btn-primary{background:var(--primary-color);color:white}.btn-primary:hover{background:var(--primary-dark)}.btn-secondary{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover{background:var(--bg-tertiary)}.btn-outline{background:transparent;color:var(--primary-color);border:2px solid var(--primary-color)}.btn-outline:hover{background:var(--primary-color);color:white}.btn-danger{background:var(--danger-color);color:white}.btn-danger:hover{background:var(--danger-dark)}.btn-sm{padding:var(--spacing-sm) var(--spacing-base);font-size:var(--font-size-sm)}.btn-lg{padding:var(--spacing-base) var(--spacing-2xl);font-size:var(--font-size-lg)}.btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.card{background:var(--bg-primary);border-radius:var(--radius-xl);padding:var(--spacing-xl);box-shadow:var(--shadow-sm);transition:all var(--transition-base)}.card:hover{box-shadow:var(--shadow-md)}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-base);padding-bottom:var(--spacing-base);border-bottom:1px solid var(--border-light)}.card-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0}.card-body{padding:var(--spacing-base) 0}.card-footer{margin-top:var(--spacing-base);padding-top:var(--spacing-base);border-top:1px solid var(--border-light)}.badge{display:inline-flex;align-items:center;padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);gap:var(--spacing-xs)}.badge-verified{background:var(--badge-verified-bg);color:var(--badge-verified-text)}.badge-phone{background:var(--badge-phone-bg);color:var(--badge-phone-text)}.status-badge{display:inline-block;padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}.status-recruiting{background:#dcfce7;color:#166534}.status-full{background:#fef3c7;color:#92400e}.status-completed{background:#e0e7ff;color:#3730a3}.status-cancelled{background:#fee2e2;color:#991b1b}.status-applicant{background:#e0e7ff;color:#3730a3}.form-group{margin-bottom:var(--spacing-xl)}.form-label{display:block;margin-bottom:var(--spacing-sm);font-weight:var(--font-weight-medium);color:var(--text-primary);font-size:var(--font-size-sm)}.form-control{width:100%;padding:var(--spacing-md) var(--spacing-base);border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:var(--font-size-base);transition:all var(--transition-base);background:var(--bg-primary);color:var(--text-primary)}.form-control:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(59,130,246,.1)}.form-control:disabled{background:var(--bg-secondary);color:var(--text-disabled);cursor:not-allowed}.form-control::placeholder{color:var(--text-quaternary)}textarea.form-control{min-height:100px;resize:vertical}.form-error{color:var(--danger-color)}.form-error,.form-help{font-size:var(--font-size-sm);margin-top:var(--spacing-xs)}.form-help{color:var(--text-tertiary)}.tag{display:inline-flex;align-items:center;padding:var(--spacing-xs) var(--spacing-md);background:var(--bg-tertiary);border-radius:var(--radius-full);font-size:var(--font-size-sm);color:var(--text-secondary);gap:var(--spacing-xs);transition:all var(--transition-fast)}.tag:hover{background:var(--bg-quaternary)}.tag-removable{padding-right:var(--spacing-sm)}.tag-remove{cursor:pointer;color:var(--text-tertiary);transition:color var(--transition-fast)}.tag-remove:hover{color:var(--danger-color)}.tags-container{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.avatar{border-radius:var(--radius-full);object-fit:cover;background:var(--bg-tertiary)}.avatar-sm{width:32px;height:32px}.avatar-md{width:48px;height:48px}.avatar-lg{width:64px;height:64px}.avatar-xl{width:96px;height:96px}.user-info{display:flex;align-items:center;gap:var(--spacing-md)}.user-name{font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0}.user-meta{font-size:var(--font-size-sm);color:var(--text-tertiary)}.loading{display:flex;align-items:center;justify-content:center;padding:var(--spacing-2xl)}.spinner{width:40px;height:40px;border:3px solid var(--bg-tertiary);border-top-color:var(--primary-color);border-radius:var(--radius-full);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.divider{height:1px;margin:var(--spacing-xl) 0}.divider,.divider-vertical{background:var(--border-light)}.divider-vertical{width:1px;margin:0 var(--spacing-base)}.alert{padding:var(--spacing-base) var(--spacing-xl);border-radius:var(--radius-lg);border-left:4px solid;margin-bottom:var(--spacing-base)}.tab-btn{background:none;outline:none;font-size:1rem;font-weight:500;color:#6b7280;padding:.75rem 1.5rem .5rem;border:none;border-bottom:2.5px solid transparent;cursor:pointer;transition:color .2s,border-color .2s,background .2s;border-radius:0;background:transparent;position:relative;margin-bottom:-2.5px}.tab-btn:focus,.tab-btn:hover{color:var(--color-primary);background:#f3f4f6}.tab-btn.active,.tab-btn.active-tab{color:var(--color-primary);border-bottom:2.5px solid var(--color-primary);background:#f9fafb;font-weight:600;z-index:1}.tab-count{font-size:.95em;color:#9ca3af;margin-left:.25em}.alert-info{background:#dbeafe;border-color:var(--info-color);color:#1e3a8a}.alert-success{background:#d1fae5;border-color:var(--success-color);color:#065f46}.alert-warning{background:var(--warning-bg);border-color:var(--warning-color);color:#78350f}.alert-danger{background:var(--danger-bg);border-color:var(--danger-color);color:var(--danger-text)}@media (max-width:768px){#footer-placeholder{display:none!important}}@import url("/assets/css/design-system.css");.mobile-bottom-nav{display:none!important;position:fixed;z-index:9999;left:0;right:0;bottom:0;min-height:0;background:rgba(255,255,255,.92);backdrop-filter:saturate(180%) blur(16px);-webkit-backdrop-filter:saturate(180%) blur(16px);border-top:1px solid rgba(229,231,235,.85);box-shadow:0 -1px 0 rgba(15,23,42,.04);padding:0 0 calc(0rem + env(safe-area-inset-bottom));box-sizing:border-box;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden;animation:none}@keyframes fadeIn{0%{opacity:1}to{opacity:1}}@media (max-width:768px){.mobile-bottom-nav{left:0!important;right:0!important;z-index:9999!important;justify-content:space-around;align-items:center;width:100%;opacity:1;padding:0 0 calc(0rem + env(safe-area-inset-bottom))}.home-page .mobile-bottom-nav,.mobile-bottom-nav{display:flex!important;position:fixed!important;bottom:0!important}}.mobile-bottom-nav .nav-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-decoration:none;color:#6b7280;font-size:.75rem;font-weight:500;padding:.05rem 0;transition:color .2s ease;gap:.05rem;-webkit-tap-highlight-color:transparent}.mobile-bottom-nav .nav-item i{font-size:1.35rem;line-height:1;transition:color .2s ease,transform .2s ease}.mobile-bottom-nav .nav-item:active{opacity:.8}.mobile-bottom-nav .nav-item.active{color:var(--color-primary)}.mobile-bottom-nav .nav-item.active i{color:var(--color-primary);transform:scale(1.06)}.mobile-bottom-nav .nav-create{position:relative;color:var(--color-primary)}.mobile-bottom-nav .nav-create .icon-wrap{background:var(--gradient-cta)!important;color:var(--color-primary);width:56px;height:56px;border-radius:50%;display:flex!important;align-items:center;justify-content:center;box-shadow:0 4px 12px rgba(var(--color-primary-rgb),.2);margin-top:-8px;margin-bottom:0!important;transition:all .2s ease}.mobile-bottom-nav .nav-create .icon-wrap i{font-size:1.6rem!important;color:#ffffff!important}.mobile-bottom-nav .nav-create:active .icon-wrap{opacity:.9;box-shadow:0 2px 8px rgba(var(--color-primary-rgb),.3)}.mobile-bottom-nav .nav-create span:not(.icon-wrap){color:var(--color-primary);font-weight:600;margin-top:4px;display:block}.mobile-bottom-nav .nav-create.active{color:var(--color-primary)}.mobile-bottom-nav .nav-create.active .icon-wrap{background:var(--gradient-cta)!important;box-shadow:0 4px 16px rgba(var(--color-primary-rgb),.25)}.mobile-bottom-nav .nav-create.active span:not(.icon-wrap){color:var(--color-primary);font-weight:600}@media (max-width:768px){.mobile-bottom-nav .icon-wrap{width:2.2em;height:2.2em;margin-bottom:.1em}}.mobile-bottom-nav.nav-hidden{display:none!important}@media (max-width:768px){.mobile-bottom-nav.nav-hidden{display:none!important}}