/* ==========================================================================
   VORZEP JOBS - BASE & COMMON UTILITIES
   --------------------------------------------------------------------------
   CSS resets, typography, container, common buttons, input controls,
   utility classes (.w-*, .h-*, .sr-only), and animations.
   ========================================================================== */

*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{font-family:var(--font-body);line-height:1.6;color:var(--ink);background:var(--paper);min-height:100vh;-webkit-font-smoothing:antialiased}
body.nav-open{overflow:hidden}
img,video,svg{max-width:100%}
img{height:auto}
ul,ol{list-style:none}
button,input,select,textarea{font-family:inherit;font-size:inherit}
::selection{background:var(--primary-tint);color:var(--primary-deep)}
h1,h2,h3,h4,h5,h6{font-family:var(--font-display);letter-spacing:-.02em;color:var(--ink)}
:focus-visible{outline:2px solid var(--primary);outline-offset:2px}
.hidden,[hidden]{display:none!important}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.text-center{text-align:center}
.mr-8{margin-right:8px}
.w-0{width:0}
.w-1{width:1%}
.w-2{width:2%}
.w-3{width:3%}
.w-4{width:4%}
.w-5{width:5%}
.w-6{width:6%}
.w-7{width:7%}
.w-8{width:8%}
.w-9{width:9%}
.w-10{width:10%}
.w-11{width:11%}
.w-12{width:12%}
.w-13{width:13%}
.w-14{width:14%}
.w-15{width:15%}
.w-16{width:16%}
.w-17{width:17%}
.w-18{width:18%}
.w-19{width:19%}
.w-20{width:20%}
.w-21{width:21%}
.w-22{width:22%}
.w-23{width:23%}
.w-24{width:24%}
.w-25{width:25%}
.w-26{width:26%}
.w-27{width:27%}
.w-28{width:28%}
.w-29{width:29%}
.w-30{width:30%}
.w-31{width:31%}
.w-32{width:32%}
.w-33{width:33%}
.w-34{width:34%}
.w-35{width:35%}
.w-36{width:36%}
.w-37{width:37%}
.w-38{width:38%}
.w-39{width:39%}
.w-40{width:40%}
.w-41{width:41%}
.w-42{width:42%}
.w-43{width:43%}
.w-44{width:44%}
.w-45{width:45%}
.w-46{width:46%}
.w-47{width:47%}
.w-48{width:48%}
.w-49{width:49%}
.w-50{width:50%}
.w-51{width:51%}
.w-52{width:52%}
.w-53{width:53%}
.w-54{width:54%}
.w-55{width:55%}
.w-56{width:56%}
.w-57{width:57%}
.w-58{width:58%}
.w-59{width:59%}
.w-60{width:60%}
.w-61{width:61%}
.w-62{width:62%}
.w-63{width:63%}
.w-64{width:64%}
.w-65{width:65%}
.w-66{width:66%}
.w-67{width:67%}
.w-68{width:68%}
.w-69{width:69%}
.w-70{width:70%}
.w-71{width:71%}
.w-72{width:72%}
.w-73{width:73%}
.w-74{width:74%}
.w-75{width:75%}
.w-76{width:76%}
.w-77{width:77%}
.w-78{width:78%}
.w-79{width:79%}
.w-80{width:80%}
.w-81{width:81%}
.w-82{width:82%}
.w-83{width:83%}
.w-84{width:84%}
.w-85{width:85%}
.w-86{width:86%}
.w-87{width:87%}
.w-88{width:88%}
.w-89{width:89%}
.w-90{width:90%}
.w-91{width:91%}
.w-92{width:92%}
.w-93{width:93%}
.w-94{width:94%}
.w-95{width:95%}
.w-96{width:96%}
.w-97{width:97%}
.w-98{width:98%}
.w-99{width:99%}
.w-100{width:100%}
@keyframes fadeUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
.animate-in{animation:fadeUp .55s var(--ease-out) both}
.animate-in-delay-1{animation-delay:.08s}
.animate-in-delay-2{animation-delay:.16s}
.animate-in-delay-3{animation-delay:.24s}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;padding:.6rem 1.15rem;border-radius:var(--radius-xs);border:1px solid transparent;font-weight:600;font-size:.94rem;line-height:1.2;cursor:pointer;transition:all .2s var(--ease);text-decoration:none}
.btn-primary{background:var(--primary);border-color:var(--primary);color:#fff}
.btn-primary:hover{background:var(--primary-deep);border-color:var(--primary-deep);transform:translateY(-1px);box-shadow:0 6px 16px -4px rgba(15, 118, 110, 0.35)}
.btn-outline{background:var(--paper-raised);border-color:var(--primary);color:var(--primary)}
.btn-outline:hover{background:var(--primary-tint);transform:translateY(-1px)}
.btn:disabled{opacity:.6;cursor:not-allowed;transform:none}
input:where(:not([type=checkbox],[type=radio],[type=range],[type=file],[type=color],[type=hidden])),select,textarea{border:1px solid var(--line);background:var(--paper-raised);color:var(--ink);border-radius:var(--radius-xs);padding:.6rem .9rem;transition:border-color .2s var(--ease),box-shadow .2s var(--ease)}
input[type=checkbox],input[type=radio]{accent-color:var(--primary)}
input::placeholder,textarea::placeholder{color:#94a3b8}
input:focus,select:focus,textarea:focus{outline:none;border-color:var(--primary);box-shadow:var(--focus-ring)}
.site-container{width:100%;max-width:1240px;margin:0 auto;padding:0 20px}
@supports (animation-timeline: scroll()){.scroll-progress{display:block}.scroll-progress span{animation:scroll-grow linear both;animation-timeline:scroll(root)}}
@keyframes scroll-grow{to{transform:scaleX(1)}}
@keyframes toast-in{0%{opacity:0;transform:translate(-50%,20px)}to{opacity:1;transform:translate(-50%)}}
@keyframes toast-out{0%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,20px)}}
@keyframes notice-in{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}
.cookie-text{flex:1;min-width:300px}
.cookie-text h3{color:var(--ink);margin-bottom:8px;font-size:1.1rem;display:flex;align-items:center;gap:10px}
.cookie-text h3 i{color:var(--primary)}
.cookie-text p{color:#666;font-size:.9rem;line-height:1.5;margin:0}
.cookie-text a{color:var(--primary);font-weight:500;text-decoration:none}
.cookie-text a:hover{text-decoration:underline}
.cookie-settings-content{background:#fff;border-radius:12px;padding:30px;max-width:500px;width:100%;max-height:80vh;overflow-y:auto}
.cookie-settings-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}
.cookie-settings-header h3{color:var(--ink);margin:0;font-size:1.15rem}
.cookie-settings-close{background:none;border:none;font-size:1.25rem;color:#666;cursor:pointer;padding:5px}
.cookie-settings-close:hover{color:#333}
.cookie-settings-actions{display:flex;gap:12px;margin-top:25px;justify-content:flex-end}
@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:none}}
@keyframes float{0%,to{transform:translateY(0)}50%{transform:none}}
@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
@keyframes spin{to{transform:rotate(360deg)}}
@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}
@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}
@keyframes slideOut{0%{transform:translate(0);opacity:1}to{transform:translate(100%);opacity:0}}
@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}
@keyframes fadeIn-loginregister{0%{opacity:0}to{opacity:1}}
@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-5px)}20%,40%,60%,80%{transform:translate(5px)}}
@keyframes fadeIn-article-detail{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
@keyframes spin-career-tips{0%{transform:rotate(0)}to{transform:rotate(360deg)}}
@keyframes fadeIn-faq{0%{opacity:0}to{opacity:1}}
@keyframes slideDown{0%{opacity:0;transform:none}to{opacity:1;transform:translateY(0)}}
@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}
@keyframes fadeIn-find-jobs{0%{opacity:0}to{opacity:1}}
@keyframes spin-find-jobs{to{transform:rotate(360deg)}}
@keyframes fadeIn-index{0%{opacity:0}to{opacity:1}}
@keyframes countUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@keyframes fadeIn-job-details{0%{opacity:0}to{opacity:1}}
@keyframes slideUp-job-details{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}
@keyframes pulse-job-details{0%{opacity:1}50%{opacity:.7}to{opacity:1}}
@keyframes popupSlideIn{0%{opacity:0;transform:none}to{opacity:1;transform:translateY(0)}}
@keyframes slideIn-post-job{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
@keyframes spin-saved-jobs{to{transform:rotate(360deg)}}
@keyframes spin-secure-job-matcher{0%{transform:rotate(0)}to{transform:rotate(360deg)}}
.container{width:100%;max-width:1200px;margin:0 auto;padding:0 15px}
.btn-primary{background-color:var(--primary);color:#fff}
.btn-outline{background-color:transparent;color:var(--primary);border:2px solid var(--primary)}
.btn{padding:10px 20px;border-radius:var(--radius);border:none;font-weight:600;cursor:pointer;transition:var(--transition);display:inline-flex;align-items:center;justify-content:center;gap:8px}
.btn-primary:hover{background-color:var(--secondary);transform:none;box-shadow:var(--shadow)}
.btn-outline:hover{background-color:var(--primary);color:#fff;transform:none;box-shadow:var(--shadow)}
.stat-item{text-align:center}
.social-links{display:flex;gap:15px;margin-top:20px}
.social-links a{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background-color:#ffffff1a;border-radius:50%;color:#fff;font-size:1.2rem;transition:var(--transition)}
.social-links a:hover{background-color:var(--primary);transform:none}
.copyright{text-align:center;padding-top:30px;border-top:1px solid rgba(255,255,255,.1);color:#ffffffb3;font-size:.9rem}
.page-title{font-size:1.75rem;font-weight:700;color:var(--secondary);margin-bottom:10px}
.section-title{font-size:1.25rem;font-weight:600;color:var(--secondary);margin-bottom:25px;padding-bottom:10px;border-bottom:2px solid #f0f0f0;position:relative}
.section-title:after{content:"";position:absolute;bottom:-2px;left:0;width:60px;height:2px;background-color:var(--primary)}
.form-label i{color:var(--primary)}
.form-control{width:100%;padding:14px 15px;border:1px solid #ddd;border-radius:var(--radius);font-family:Plus Jakarta Sans,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:1rem;transition:var(--transition)}
.form-control:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px rgba(15, 118, 110, 0.2)}
select.form-control{-webkit-appearance:none;-moz-appearance:none;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='%23666' 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 15px center;background-size:15px;padding-right:40px}
.faq-list{display:flex;flex-direction:column;gap:15px}
.faq-item{border:1px solid #eee;border-radius:var(--radius);overflow:hidden;transition:var(--transition)}
.faq-item.active{border-color:var(--primary);box-shadow:var(--shadow-sm)}
.faq-question{padding:20px;background-color:var(--paper);font-weight:600;color:var(--secondary);cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:var(--transition)}
.faq-question:hover{background-color:var(--line)}
.faq-item.active .faq-question{background-color:rgba(15, 118, 110, 0.1);color:var(--primary)}
.faq-toggle{color:var(--primary);transition:var(--transition)}
.faq-item.active .faq-toggle{transform:rotate(180deg)}
.faq-answer{padding:0 20px;max-height:0;overflow:hidden;transition:max-height .3s ease,padding .3s ease}
.faq-item.active .faq-answer{padding:20px;max-height:500px}
.modal-overlay.active{opacity:1;visibility:visible}
.modal-icon{width:80px;height:80px;background-color:#4cc9f01a;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--success);font-size:1.75rem;margin:0 auto 20px}
@media(max-width:768px){.page-title{font-size:1.5rem}.form-row{grid-template-columns:1fr}}
.form-group{margin-bottom:20px}
.newsletter-input::placeholder{color:#fff9}
@media(max-width:480px){.container{padding:0 10px}}
.page-title{font-size:1.75rem;font-weight:700;color:var(--secondary);margin-bottom:15px}
.sidebar-title i{color:var(--primary)}
.section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}
.page-header{background:rgba(15, 118, 110, 0.1);padding:80px 0 40px;text-align:center}
.last-updated{color:#666;font-size:.95rem;margin-bottom:30px}
.section{margin-bottom:40px;padding-bottom:30px;border-bottom:1px solid #eee}
.section-content{color:#444}
.section-content p{margin-bottom:15px}
.social-links a{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background-color:#ffffff1a;border-radius:50%;color:#fff;font-size:1.2rem;transition:all .3s ease}
.btn-outline{background:transparent;color:var(--primary);border:2px solid var(--primary)}
a{color:inherit;text-decoration:none}
.user-profile:hover{background-color:var(--light-gray)}
.profile-img{width:40px;height:40px;border-radius:50%;background:var(--primary);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:1.1rem}
.notification-bell{position:relative;font-size:1.2rem;color:var(--dark);cursor:pointer;padding:8px;border-radius:50%;transition:var(--transition)}
.notification-bell:hover{background-color:var(--light-gray);color:var(--primary)}
.notification-badge{position:absolute;top:0;right:0;background-color:var(--warning);color:#fff;font-size:.7rem;width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600}
.sidebar-header{text-align:center;margin-bottom:30px;padding-bottom:20px;border-bottom:1px solid #eee}
.sidebar-avatar{width:80px;height:80px;border-radius:50%;background:var(--primary);margin:0 auto 15px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.5rem;font-weight:600}
.sidebar-user h3{font-size:1.15rem;margin-bottom:5px}
.sidebar-user p{color:var(--gray);font-size:.9rem}
.profile-completion{margin:25px 0;padding:20px;background:rgba(15, 118, 110, 0.1);border-radius:var(--radius);text-align:center}
.completion-text{font-size:.9rem;margin-bottom:10px;color:var(--dark)}
.completion-percentage{font-size:1.4rem;font-weight:700;color:var(--primary);margin-bottom:10px}
.progress-bar{height:8px;background-color:#eee;border-radius:4px;overflow:hidden;margin-bottom:10px}
.progress-fill{height:100%;background:var(--primary);border-radius:4px;transition:width 1s ease}
.complete-profile-btn{width:100%;padding:10px;background-color:var(--primary);color:#fff;border:none;border-radius:var(--radius);font-weight:600;cursor:pointer;transition:var(--transition);display:flex;align-items:center;justify-content:center;gap:8px}
.complete-profile-btn:hover{background-color:var(--secondary);transform:none}
.welcome-card{background:var(--primary);border-radius:var(--radius);padding:40px;color:#fff;box-shadow:var(--shadow);position:relative;overflow:hidden}
.welcome-card:before{content:"";position:absolute;top:-50%;right:-20%;width:300px;height:300px;background:radial-gradient(circle,#ffffff1a,#fff0 70%);border-radius:50%}
.welcome-content{position:relative;z-index:1;max-width:600px}
.welcome-title{font-size:1.6rem;font-weight:700;margin-bottom:10px}
.welcome-subtitle{font-size:1.1rem;opacity:.9;margin-bottom:25px}
.welcome-stats{display:flex;gap:30px;margin-top:30px}
.welcome-stat{display:flex;flex-direction:column}
.quick-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));gap:20px}
.action-card{background:#fff;border-radius:var(--radius);padding:25px;box-shadow:var(--shadow-light);transition:var(--transition);text-align:center;cursor:pointer}
.action-card:hover{transform:none;box-shadow:var(--shadow)}
.action-icon{width:60px;height:60px;border-radius:50%;background:rgba(15, 118, 110, 0.1);display:flex;align-items:center;justify-content:center;margin:0 auto 15px;color:var(--primary);font-size:1.25rem}
.action-card h3{font-size:1.1rem;margin-bottom:8px}
.action-card p{font-size:.85rem;color:var(--gray)}
.view-all{color:var(--primary);text-decoration:none;font-weight:500;display:flex;align-items:center;gap:5px;transition:var(--transition)}
.view-all:hover{gap:8px}
.jobs-slider{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:20px}
.job-card{background:#fff;border-radius:var(--radius);padding:25px;box-shadow:var(--shadow-light);transition:var(--transition);border:1px solid transparent}
.job-card:hover{border-color:var(--primary-light);transform:none;box-shadow:var(--shadow)}
.job-card.featured{border-left:4px solid var(--accent)}
.job-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:15px}
.job-title{font-size:1.2rem;font-weight:600;margin-bottom:5px;color:var(--secondary)}
.job-company{color:var(--gray);font-size:.95rem}
.job-type{background-color:rgba(15, 118, 110, 0.1);color:var(--primary);padding:4px 10px;border-radius:20px;font-size:.8rem;font-weight:600}
.job-description{color:#666;font-size:.9rem;margin-bottom:20px;line-height:1.5}
.job-tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}
.job-tag{background-color:var(--light-gray);color:var(--dark);padding:5px 10px;border-radius:20px;font-size:.8rem}
.job-footer{display:flex;justify-content:space-between;align-items:center;padding-top:15px;border-top:1px solid #eee}
.job-salary{font-weight:600;color:var(--primary)}
.job-posted{font-size:.85rem;color:var(--gray)}
.activity-timeline{position:relative;padding-left:30px}
.activity-timeline:before{content:"";position:absolute;left:10px;top:0;bottom:0;width:2px;background-color:#eee}
.activity-item{position:relative;padding-bottom:25px}
.activity-item:last-child{padding-bottom:0}
.activity-item:before{content:"";position:absolute;left:-30px;top:5px;width:12px;height:12px;border-radius:50%;background-color:var(--primary);border:3px solid white;box-shadow:0 0 0 3px rgba(15, 118, 110, 0.2)}
.activity-time{font-size:.85rem;color:var(--gray);margin-bottom:5px}
.activity-text{font-weight:500}
.activity-company{color:var(--primary)}
.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));gap:20px}
.stat-icon{width:60px;height:60px;border-radius:50%;background:rgba(15, 118, 110, 0.1);display:flex;align-items:center;justify-content:center;margin:0 auto 15px;color:var(--primary);font-size:1.25rem}
.stat-change{display:inline-block;margin-top:10px;padding:3px 10px;border-radius:20px;font-size:.8rem;font-weight:600}
.change-up{background-color:#d4edda;color:#155724}
.change-down{background-color:#f8d7da;color:#721c24}
@media(max-width:992px){.dashboard-sidebar{position:static}.welcome-stats{flex-wrap:wrap}}
@media(max-width:768px){.welcome-title{font-size:1.4rem}.dashboard-section{padding:20px}.section-header{flex-direction:column;align-items:flex-start;gap:15px}.applications-grid,.jobs-slider{grid-template-columns:1fr}.quick-actions{grid-template-columns:repeat(2,1fr)}}
@media(max-width:480px){.quick-actions{grid-template-columns:1fr}.welcome-card{padding:25px}.action-card,.stat-card{padding:20px}.application-details{flex-wrap:wrap}}
::-webkit-scrollbar{width:8px}
::-webkit-scrollbar-track{background:#f1f1f1}
::-webkit-scrollbar-thumb{background:var(--primary-light);border-radius:4px}
::-webkit-scrollbar-thumb:hover{background:var(--primary)}
.notification-dropdown{position:absolute;top:60px;right:20px;width:350px;background:#fff;border-radius:var(--radius);box-shadow:var(--shadow);z-index:1000;display:none}
.notification-header{padding:20px;border-bottom:1px solid #eee;display:flex;justify-content:space-between;align-items:center}
.notification-header h3{font-size:1.1rem;color:var(--secondary)}
.mark-all-read{color:var(--primary);background:none;border:none;cursor:pointer;font-size:.9rem}
.notification-list{max-height:400px;overflow-y:auto}
.notification-item{padding:15px 20px;border-bottom:1px solid #eee;transition:var(--transition)}
.notification-item:hover{background-color:var(--light-gray)}
.notification-item.unread{background-color:rgba(15, 118, 110, 0.05)}
.notification-content{display:flex;gap:10px}
.notification-icon{width:40px;height:40px;border-radius:50%;background:rgba(15, 118, 110, 0.1);display:flex;align-items:center;justify-content:center;color:var(--primary);font-size:1rem}
.notification-text{flex:1}
.notification-title{font-weight:600;margin-bottom:5px}
.notification-time{font-size:.8rem;color:var(--gray)}
.notification-footer{padding:15px 20px;text-align:center;border-top:1px solid #eee}
.view-all-notifications{color:var(--primary);text-decoration:none;font-weight:500}
html{font-size:14px;scroll-behavior:smooth}
html{overflow-x:hidden;width:100%;position:relative;scroll-behavior:smooth}
html{scroll-behavior:smooth}
body.themed .animate-in{animation:fadeUp .55s var(--ease-out) both}
body.themed .animate-in-delay-1{animation-delay:.08s}
body.themed .animate-in-delay-2{animation-delay:.16s}
body.themed .animate-in-delay-3{animation-delay:.24s}
body.themed button,body.themed input,body.themed select,body.themed textarea{font-family:inherit;font-size:inherit}
body.themed pre,body.themed kbd{font-family:var(--font-mono)}
body.themed .btn,body.themed button{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;border-radius:var(--radius-xs);font-weight:600;font-size:.94rem;padding:.65rem 1.25rem;border:1px solid transparent;cursor:pointer;transition:all .2s var(--ease);position:relative;overflow:hidden}
body.themed .btn-primary,body.themed .search-box button,body.themed .search-form button,body.themed .job-search button{background:var(--primary);color:#fff;border-color:var(--primary)}
body.themed .btn-primary:hover,body.themed .search-box button:hover,body.themed .search-form button:hover,body.themed .job-search button:hover{background:var(--primary-deep);border-color:var(--primary-deep);transform:translateY(-1px);box-shadow:0 6px 16px -4px rgba(15, 118, 110, 0.35)}
body.themed .btn-outline{background:var(--paper-raised);border-color:var(--primary);color:var(--primary)}
body.themed .btn-outline:hover{background:var(--primary-tint);transform:translateY(-1px)}
body.themed .btn-accent,body.themed .btn-warning{background:var(--accent);border-color:var(--accent);color:#fff}
body.themed .btn-accent:hover,body.themed .btn-warning:hover{background:var(--accent-deep);border-color:var(--accent-deep);transform:translateY(-1px);box-shadow:0 6px 16px -4px #C99A2E59}
body.themed input,body.themed select,body.themed textarea{border:1px solid var(--line);background:var(--paper-raised);color:var(--ink);border-radius:var(--radius-xs);padding:.6rem .9rem;transition:border-color .2s var(--ease),box-shadow .2s var(--ease)}
body.themed input::placeholder,body.themed textarea::placeholder{color:#94a3b8}
body.themed input:focus,body.themed select:focus,body.themed textarea:focus,body.themed button:focus-visible{outline:none;border-color:var(--primary);box-shadow:var(--focus-ring)}
body.themed .hero-section{background:linear-gradient(165deg,#F0FDFA 0%,var(--paper) 55%,#FFF7ED 100%);color:var(--ink);padding:3.25rem 0 2.25rem;border-bottom:1px solid var(--line);position:relative;overflow:hidden}
body.themed .hero-section:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 80% 50% at 70% -20%,rgba(13,148,136,.08),transparent);pointer-events:none}
body.themed .hero-section h1,body.themed .hero-section h2{color:var(--ink)}
body.themed .hero-content h1 span{color:var(--primary);position:relative}
body.themed .hero-subtitle{font-size:1.05rem;color:var(--ink-soft);margin-bottom:1.6rem;max-width:38rem}
body.themed .hero-stats{display:flex;gap:2.75rem;margin-top:1.75rem;flex-wrap:wrap}
body.themed .stat-value{font-size:1.7rem;font-weight:700;color:var(--primary);line-height:1.1}
body.themed .stat-label{font-size:.85rem;color:var(--ink-soft);margin-top:.2rem}
body.themed .advanced-search-container{background:var(--paper-raised);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);transition:box-shadow .25s var(--ease),transform .25s var(--ease)}
body.themed .advanced-search-container:hover{box-shadow:var(--shadow-lg)}
body.th body.themed .job-item,body.themed .filter-section,body.themed .sidebar,body.themed .form-container,body.themed .modal-content{background:var(--paper-raised);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:border-color .25s var(--ease),box-shadow .25s var(--ease),transform .25s var(--ease)}
body.themed [class*=card]:hover,body.themed .job-item:hover{border-color:#cbd5e1;box-shadow:var(--shadow-md);transform:translateY(-3px)}
body.themed section{padding-block:2.5rem}
body.themed .section-title,body.themed .section-header h2{font-size:1.45rem;margin-bottom:.4rem}
body.themed .badge-urgent,body.themed span.urgent,body.themed .job-badge.urgent{background:var(--red-tint);color:var(--red)}
body.themed .badge-featured,body.themed span.featured,body.themed .job-badge.featured{background:var(--accent-soft);color:#9a3412}
body.themed .job-card.urgent,body.themed .job-card.featured{background:var(--paper-raised);color:inherit}
body.themed .job-card.urgent .job-title,body.themed .job-card.featured .job-title,body.themed .job-card.urgent .job-title a,body.themed .job-card.featured .job-title a{color:var(--ink)}
body.themed .job-card.urgent .job-description,body.themed .job-card.featured .job-description,body.themed .job-card.urgent .job-location-line,body.themed .job-card.featured .job-location-line,body.themed .job-card.urgent .job-detail,body.themed .job-card.featured .job-detail{color:var(--ink-soft)}
body.themed .search-tab.active,body.themed .tab.active,body.themed [class*=tab].active{color:var(--primary);border-color:var(--primary);font-weight:600}
body.themed .alert-success,body.themed .success{background:var(--green-tint);color:var(--green);border:1px solid #A7F3D0;border-radius:var(--radius-sm)}
body.themed .alert-danger,body.themed .alert-error,body.themed .error{background:var(--red-tint);color:var(--red);border:1px solid #FECACA;border-radius:var(--radius-sm)}
body.themed table{width:100%;border-collapse:collapse}
body.themed th{background:var(--paper);color:var(--ink);font-weight:600;text-align:left;border-bottom:1px solid var(--line);padding:.8rem 1rem}
body.themed td{border-bottom:1px solid var(--line);padding:.8rem 1rem}
body.themed tr{transition:background .15s var(--ease)}
body.themed tr:hover td{background:#f1f5f9}
body.themed .cta-section{background:linear-gradient(135deg,#14232B,#134e4a);color:var(--on-dark);text-align:center;padding:3rem 0;position:relative;overflow:hidden}
body.themed .cta-section:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 30% 50%,rgba(13,148,136,.15),transparent 60%);pointer-events:none}
body.themed .cta-section h2{color:#fff;margin-bottom:.5rem}
body.themed .cta-section p{color:#f8fafcbf;font-size:1rem;max-width:34rem;margin-inline:auto}
body.themed .cta-section .btn-primary{background:var(--accent);border-color:var(--accent);color:#fff}
body.themed .cta-section .btn-primary:hover{background:var(--accent-deep);border-color:var(--accent-deep);box-shadow:0 8px 20px -4px #C99A2E73}
body.themed .cta-section .btn-outline{background:transparent;border-color:#fff6;color:#fff}
body.themed .cta-section .btn-outline:hover{background:#ffffff1a;border-color:#fff}
body.themed .cta-buttons{display:flex;gap:.85rem;justify-content:center;flex-wrap:wrap;margin-top:1.5rem}
body.themed footer{background:var(--surface-dark);color:var(--on-dark);padding:2.75rem 0 1.4rem;font-size:.9rem}
body.themed footer h3{color:#fff;font-size:1rem;margin-bottom:.8rem}
body.themed footer a{color:#f8fafcb3;transition:color .2s var(--ease)}
body.themed footer a:hover{color:#5eead4}
body.themed footer .logo{color:#fff}
body.themed footer .logo i{color:#5eead4}
body.themed footer .social-links a{background:#ffffff14;color:#fff;border-radius:50%;transition:background .2s var(--ease),transform .2s var(--ease)}
body.themed footer .social-links a:hover{background:var(--primary);transform:translateY(-2px)}
@media(max-width:768px){body.themed .hero-section{padding:2.25rem 0 1.75rem}body.themed .hero-stats{gap:1.6rem}body.themed section{padding-block:1.85rem}body.themed [class*=card]:hover,body.themed .job-item:hover{transform:none}}
.h-0{height:0%}
.h-1{height:1%}
.h-2{height:2%}
.h-3{height:3%}
.h-4{height:4%}
.h-5{height:5%}
.h-6{height:6%}
.h-7{height:7%}
.h-8{height:8%}
.h-9{height:9%}
.h-10{height:10%}
.h-11{height:11%}
.h-12{height:12%}
.h-13{height:13%}
.h-14{height:14%}
.h-15{height:15%}
.h-16{height:16%}
.h-17{height:17%}
.h-18{height:18%}
.h-19{height:19%}
.h-20{height:20%}
.h-21{height:21%}
.h-22{height:22%}
.h-23{height:23%}
.h-24{height:24%}
.h-25{height:25%}
.h-26{height:26%}
.h-27{height:27%}
.h-28{height:28%}
.h-29{height:29%}
.h-30{height:30%}
.h-31{height:31%}
.h-32{height:32%}
.h-33{height:33%}
.h-34{height:34%}
.h-35{height:35%}
.h-36{height:36%}
.h-37{height:37%}
.h-38{height:38%}
.h-39{height:39%}
.h-40{height:40%}
.h-41{height:41%}
.h-42{height:42%}
.h-43{height:43%}
.h-44{height:44%}
.h-45{height:45%}
.h-46{height:46%}
.h-47{height:47%}
.h-48{height:48%}
.h-49{height:49%}
.h-50{height:50%}
.h-51{height:51%}
.h-52{height:52%}
.h-53{height:53%}
.h-54{height:54%}
.h-55{height:55%}
.h-56{height:56%}
.h-57{height:57%}
.h-58{height:58%}
.h-59{height:59%}
.h-60{height:60%}
.h-61{height:61%}
.h-62{height:62%}
.h-63{height:63%}
.h-64{height:64%}
.h-65{height:65%}
.h-66{height:66%}
.h-67{height:67%}
.h-68{height:68%}
.h-69{height:69%}
.h-70{height:70%}
.h-71{height:71%}
.h-72{height:72%}
.h-73{height:73%}
.h-74{height:74%}
.h-75{height:75%}
.h-76{height:76%}
.h-77{height:77%}
.h-78{height:78%}
.h-79{height:79%}
.h-80{height:80%}
.h-81{height:81%}
.h-82{height:82%}
.h-83{height:83%}
.h-84{height:84%}
.h-85{height:85%}
.h-86{height:86%}
.h-87{height:87%}
.h-88{height:88%}
.h-89{height:89%}
.h-90{height:90%}
.h-91{height:91%}
.h-92{height:92%}
.h-93{height:93%}
.h-94{height:94%}
.h-95{height:95%}
.h-96{height:96%}
.h-97{height:97%}
.h-98{height:98%}
.h-99{height:99%}
.h-100{height:100%}
.grad-0{background:linear-gradient(135deg,#0F766E,#14B8A6)}
.grad-1{background:linear-gradient(135deg,#C99A2E,#E0B038)}
.grad-2{background:linear-gradient(135deg,#14232B,#1E3440)}
.grad-3{background:linear-gradient(135deg,#2DD4BF,#0F766E)}
.grad-4{background:linear-gradient(135deg,#E0B038,#C99A2E)}
.grad-5{background:linear-gradient(135deg,#0F766E,#14232B)}
.print-fab{position:fixed;bottom:90px;right:30px;z-index:1000;display:flex;align-items:center;gap:8px;padding:12px 20px;border:0;border-radius:var(--radius-xs);background:var(--primary);color:#fff;cursor:pointer;box-shadow:var(--shadow-md);font-family:var(--font-body)}
.print-fab:hover{background:var(--primary-deep)}
.site-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000;display:flex;align-items:center;justify-content:center;padding:20px;background:#14232B8c}
.applied-badge{display:inline-flex;align-items:center;gap:8px;margin-left:15px;padding:6px 15px;border-radius:20px;background:var(--primary);color:#fff;font-size:.85rem;font-weight:600;animation:fadeUp .5s var(--ease-out) both}
html body .u-00e891.u-00e891.u-00e891{display:flex;gap:10px;width:100%}
html body .u-00ff1d.u-00ff1d.u-00ff1d{text-align:right;margin-left:15px}
html body .u-012333.u-012333.u-012333{border:0}
html body .u-012dbd.u-012dbd.u-012dbd{display:flex;justify-content:space-between;margin-bottom:5px}
html body .u-02280b.u-02280b.u-02280b{color:var(--primary);font-weight:500;margin-bottom:8px}
html body .u-033d5c.u-033d5c.u-033d5c{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:15px}
html body .u-038a92.u-038a92.u-038a92{display:inline-block;background:var(--primary);color:#fff;padding:10px 20px;text-decoration:none;border-radius:5px;font-weight:600;font-size:14px;flex:1;text-align:center}
html body .u-0409e7.u-0409e7.u-0409e7{text-align:center;font-size:.85rem;color:#666;margin-top:10px}
html body .u-047598.u-047598.u-047598{color:var(--dark);font-size:1.1rem}
html body .u-04a2bd.u-04a2bd.u-04a2bd{text-align:center;padding:40px 20px}
html body .u-05a51e.u-05a51e.u-05a51e{width:100px;height:100px;border-radius:50%;background:var(--primary);margin:0 auto 15px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.5rem;font-weight:600}
html body .u-07bffb.u-07bffb.u-07bffb{margin:0 0 10px;font-size:1rem}
html body .u-08afbd.u-08afbd.u-08afbd{background-color:#fff;border-radius:10px;overflow:hidden;box-shadow:0 2px 10px #0000001a}
html body .u-0aa3e9.u-0aa3e9.u-0aa3e9{color:var(--gray);text-align:center;padding:20px}
html body .u-0b77d1.u-0b77d1.u-0b77d1{color:#f39c12}
html body .u-0bf5de.u-0bf5de.u-0bf5de{background:#fff;padding:20px;border-radius:var(--radius);box-shadow:var(--shadow-light)}
html body .u-0dd51d.u-0dd51d.u-0dd51d{text-align:center;margin-bottom:30px}
html body .u-0de1f9.u-0de1f9.u-0de1f9{margin-top:20px}
html body .u-114891.u-114891.u-114891{height:60px}
html body .u-11cd8e.u-11cd8e.u-11cd8e{margin:25px 0}
html body .u-12697c.u-12697c.u-12697c{font-size:.9rem;color:#666;margin-bottom:15px}
html body .u-13d49b.u-13d49b.u-13d49b{color:#666;margin-bottom:15px;line-height:1.5;font-size:14px}
html body .u-1649f9.u-1649f9.u-1649f9{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;z-index:10000;align-items:center;justify-content:center}
html body .u-1938cf.u-1938cf.u-1938cf{font-size:.9rem;color:#666}
html body .u-1c244e.u-1c244e.u-1c244e{margin:0}
html body .u-1d91e1.u-1d91e1.u-1d91e1{color:#e76f51}
html body .u-1e5e83.u-1e5e83.u-1e5e83{margin-bottom:0}
html body .u-209aa8.u-209aa8.u-209aa8{margin-bottom:20px;color:var(--secondary)}
html body .u-223880.u-223880.u-223880{font-size:.8rem;margin-top:5px;color:var(--gray)}
html body .u-24a1ed.u-24a1ed.u-24a1ed{background:#fff;width:90%;max-width:800px;height:80vh;border-radius:15px;display:flex;flex-direction:column}
html body .u-24d144.u-24d144.u-24d144{font-size:1.15rem;margin-bottom:5px}
html body .u-262d20.u-262d20.u-262d20{color:var(--primary);text-decoration:none;font-weight:600}
html body .u-26826a.u-26826a.u-26826a{margin-bottom:15px;color:var(--secondary)}
html body .u-28c7fb.u-28c7fb.u-28c7fb{color:var(--gray);margin-bottom:20px}
html body .u-29c21b.u-29c21b.u-29c21b{display:flex;gap:10px}
html body .u-2ab67c.u-2ab67c.u-2ab67c{color:#666;margin-bottom:10px;line-height:1.5;font-size:14px}
html body .u-2b2485.u-2b2485.u-2b2485{display:flex;flex-direction:column;gap:15px;max-width:300px;margin:0 auto}
html body .u-2b7558.u-2b7558.u-2b7558{background:#fff;border-radius:var(--radius);padding:30px;max-width:500px;width:90%;max-height:90vh;overflow-y:auto}
html body .u-2baf28.u-2baf28.u-2baf28{margin:0 0 20px;color:#666;font-size:14px;line-height:1.6}
html body .u-2bb5fb.u-2bb5fb.u-2bb5fb{font-size:1.4rem;color:var(--secondary);margin-bottom:20px}
html body .u-2bc018.u-2bc018.u-2bc018{color:var(--gray);display:block;margin-top:5px}
html body .u-2c5989.u-2c5989.u-2c5989{margin-bottom:20px;color:#666}
html body .u-2c8d5e.u-2c8d5e.u-2c8d5e{display:flex;gap:15px;justify-content:center}
html body .u-2c9e98.u-2c9e98.u-2c9e98{padding:15px}
html body .u-2da319.u-2da319.u-2da319{font-size:1.5rem;font-weight:700;color:var(--primary)}
html body .u-2de537.u-2de537.u-2de537{display:inline-block;background:var(--primary);color:#fff;padding:14px 30px;text-decoration:none;border-radius:5px;font-weight:600;font-size:15px;margin:10px}
html body .u-30776a.u-30776a.u-30776a{width:50px;height:50px;border:5px solid #f3f3f3;border-top:5px solid var(--primary);border-radius:50%;animation:spin 1s linear infinite}
html body .u-33d4fe.u-33d4fe.u-33d4fe{font-size:1.25rem;color:var(--secondary);margin-bottom:10px}
html body .u-3516f9.u-3516f9.u-3516f9{margin:20px 0 0;color:#5b6b80;font-size:12px}
html body .u-377d57.u-377d57.u-377d57{text-align:center;padding:20px}
html body .u-37e242.u-37e242.u-37e242{font-size:2rem;margin-bottom:16px}
html body .u-38c7bc.u-38c7bc.u-38c7bc{border:2px dashed #ddd;padding:40px;text-align:center;border-radius:var(--radius);cursor:pointer}
html body .u-39e796.u-39e796.u-39e796{font-size:1.75rem;color:var(--primary);margin-bottom:15px}
html body .u-3a3e27.u-3a3e27.u-3a3e27{margin:0 0 15px}
html body .u-3abae6.u-3abae6.u-3abae6{padding:20px;flex:1;overflow:hidden}
html body .u-3b953d.u-3b953d.u-3b953d{display:flex;justify-content:space-between;align-items:flex-start}
html body .u-3bbb81.u-3bbb81.u-3bbb81{margin-bottom:15px}
html body .u-3ccd64.u-3ccd64.u-3ccd64{color:#f39c12;margin-right:8px}
html body .u-3d6d2c.u-3d6d2c.u-3d6d2c{color:var(--gray);font-size:.9rem}
html body .u-3e33c7.u-3e33c7.u-3e33c7{background:#e9f5f3;border-radius:8px;padding:20px;margin-bottom:30px}
html body .u-3f78d6.u-3f78d6.u-3f78d6{padding:8px 0;font-size:.9rem}
html body .u-41d760.u-41d760.u-41d760{padding:40px 30px}
html body .u-428d86.u-428d86.u-428d86{color:#666;font-size:14px}
html body .u-4356ae.u-4356ae.u-4356ae{width:65%}
html body .u-43b568.u-43b568.u-43b568{background:#fff;border-radius:10px;margin:0 0 20px;padding:25px;border:1px solid #eaeaea;box-shadow:0 3px 10px #0000000d}
html body .u-456ef6.u-456ef6.u-456ef6{color:var(--primary);font-weight:500}
html body .u-4679cc.u-4679cc.u-4679cc{color:var(--gray);font-size:.9rem;margin-top:10px}
html body .u-468b99.u-468b99.u-468b99{height:80px}
html body .u-47d080.u-47d080.u-47d080{margin-bottom:0;font-weight:400}
html body .u-482237.u-482237.u-482237{padding:8px 0;border-bottom:1px solid #eee;font-size:.9rem}
html body .u-49c768.u-49c768.u-49c768{background:#fff;padding:15px;border-radius:var(--radius);display:flex;align-items:center;gap:15px}
html body .u-4aadbb.u-4aadbb.u-4aadbb{color:#666;display:block;margin-top:5px}
html body .u-4bab00.u-4bab00.u-4bab00{display:flex;gap:15px;margin:10px 0;flex-wrap:wrap}
html body .u-4bab7e.u-4bab7e.u-4bab7e{background-color:#ffeaa7;padding:2px 4px;border-radius:3px}
html body .u-4bd02a.u-4bd02a.u-4bd02a{display:none;margin-bottom:20px}
html body .u-4c0019.u-4c0019.u-4c0019{font-size:1.5rem;color:var(--gray);margin-bottom:10px}
html body .u-4ff435.u-4ff435.u-4ff435{margin-bottom:10px;color:var(--primary)}
html body .u-506945.u-506945.u-506945{color:#666;text-align:center;padding:20px}
html body .u-53f68b.u-53f68b.u-53f68b{font-size:.9rem;margin-bottom:5px}
html body .u-54e230.u-54e230.u-54e230{display:flex;align-items:flex-start;gap:10px}
html body .u-5573b3.u-5573b3.u-5573b3{color:var(--dark);margin-bottom:15px;font-size:1.2rem}
html body .u-577276.u-577276.u-577276{background-color:var(--primary);color:#fff;border:none;padding:12px 30px;border-radius:var(--radius);font-weight:600;cursor:pointer;transition:var(--transition)}
html body .u-5781a7.u-5781a7.u-5781a7{background:#f0f0f0;padding:5px 15px;border-radius:15px;font-size:.9rem}
html body .u-57e800.u-57e800.u-57e800{margin-bottom:20px}
html body .u-57fa80.u-57fa80.u-57fa80{margin-top:20px;text-align:center}
html body .u-588ea6.u-588ea6.u-588ea6{margin-top:20px;padding:15px;background:rgba(15, 118, 110, 0.1);border-radius:var(--radius)}
html body .u-58a85e.u-58a85e.u-58a85e{color:#555}
html body .u-5aeb0b.u-5aeb0b.u-5aeb0b{text-align:center;margin-bottom:30px;padding-bottom:20px;border-bottom:1px solid #eee}
html body .u-5b216f.u-5b216f.u-5b216f{margin:0 0 20px;color:var(--ink);font-size:20px}
html body .u-5c9af3.u-5c9af3.u-5c9af3{margin-top:20px;font-size:1.1rem}
html body .u-609625.u-609625.u-609625{display:flex;gap:10px;margin-bottom:15px}
html body .u-60f9ad.u-60f9ad.u-60f9ad{font-size:14px;font-weight:700;color:#27ae60;margin-bottom:5px}
html body .u-610887.u-610887.u-610887{grid-column:1 / -1;text-align:center;padding:40px}
html body .u-612cdd.u-612cdd.u-612cdd{margin-bottom:10px;color:var(--secondary)}
html body .u-614e24.u-614e24.u-614e24{color:var(--gray)}
html body .u-652d98.u-652d98.u-652d98{height:calc(100% - 70px);overflow-y:auto;border:1px solid #e0e0e0;border-radius:8px;padding:10px}
html body .u-65b71e.u-65b71e.u-65b71e{color:var(--primary);text-decoration:none}
html body .u-6804e0.u-6804e0.u-6804e0{display:inline-block;background:var(--primary);color:#fff;padding:10px 20px;border-radius:5px;text-decoration:none;margin-top:10px;font-weight:600}
html body .u-681187.u-681187.u-681187{width:100%;padding:10px;border:1px solid #ddd;border-radius:var(--radius)}
html body .u-68adcf.u-68adcf.u-68adcf{font-size:1.5rem;margin-bottom:10px}
html body .u-6908ed.u-6908ed.u-6908ed{margin:0 0 20px;color:var(--ink);font-size:24px}
html body .u-691250.u-691250.u-691250{color:var(--success)}
html body .u-69d22e.u-69d22e.u-69d22e{color:var(--primary);font-size:1.25rem}
html body .u-6cac12.u-6cac12.u-6cac12{margin-right:5px}
html body .u-7023da.u-7023da.u-7023da{text-align:center}
html body .u-72b4ff.u-72b4ff.u-72b4ff{margin:5px 0;color:#666;font-size:14px}
html body .u-74abeb.u-74abeb.u-74abeb{list-style:none;padding-left:0}
html body .u-793726.u-793726.u-793726{font-size:1.25rem;font-weight:700;color:var(--warning)}
html body .u-7a33e0.u-7a33e0.u-7a33e0{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;z-index:1000;align-items:center;justify-content:center}
html body .u-7a9ca2.u-7a9ca2.u-7a9ca2{flex:1;padding:10px;border:2px solid #e0e0e0;border-radius:8px}
html body .u-7b33a1.u-7b33a1.u-7b33a1{display:grid;grid-template-columns:1fr 1fr;gap:30px}
html body .u-7b6573.u-7b6573.u-7b6573{color:#666}
html body .u-7b6779.u-7b6779.u-7b6779{margin-bottom:25px;color:var(--secondary)}
html body .u-7b7248.u-7b7248.u-7b7248{color:var(--primary);font-weight:500;margin-bottom:5px}
html body .u-7bb282.u-7bb282.u-7bb282{font-size:1rem;color:var(--gray);font-weight:400;margin-left:10px}
html body .u-7bfc0f.u-7bfc0f.u-7bfc0f{color:var(--primary);margin-right:8px}
html body .u-8562e8.u-8562e8.u-8562e8{margin-top:15px;color:var(--gray);font-size:.9rem}
html body .u-86fb4d.u-86fb4d.u-86fb4d{display:inline-block;background:var(--ink);color:#fff;padding:15px 40px;border-radius:5px;text-decoration:none;font-weight:600;font-size:14px}
html body .u-87e3b0.u-87e3b0.u-87e3b0{font-size:2rem;color:var(--primary);margin-bottom:20px}
html body .u-87f7c2.u-87f7c2.u-87f7c2{color:var(--gray);font-size:.9rem;margin-bottom:10px}
html body .u-89633a.u-89633a.u-89633a{width:100%;padding:10px;margin:10px 0}
html body .u-89b618.u-89b618.u-89b618{margin-top:40px}
html body .u-8a18d1.u-8a18d1.u-8a18d1{margin-top:60px}
html body .u-8a75b0.u-8a75b0.u-8a75b0{background:var(--paper);border-radius:10px;padding:20px;margin-bottom:25px}
html body .u-8afd2e.u-8afd2e.u-8afd2e{text-align:center;margin:40px 0 30px}
html body .u-8c301d.u-8c301d.u-8c301d{text-align:center;margin-top:30px;padding-top:30px;border-top:2px solid #f0f0f0}
html body .u-8c7337.u-8c7337.u-8c7337{font-size:1.25rem;font-weight:700;color:var(--primary);margin-bottom:10px}
html body .u-8ced3a.u-8ced3a.u-8ced3a{margin-top:10px}
html body .u-8dc77d.u-8dc77d.u-8dc77d{color:var(--ink);text-decoration:none}
html body .u-8e9648.u-8e9648.u-8e9648{font-size:.9rem}
html body .u-8efb32.u-8efb32.u-8efb32{color:var(--gray);margin-bottom:15px;font-size:.9rem}
html body .u-8f0e2b.u-8f0e2b.u-8f0e2b{max-height:200px;overflow-y:auto}
html body .u-8f7506.u-8f7506.u-8f7506{padding:8px;border-bottom:1px solid #f0f0f0}
html body .u-92745c.u-92745c.u-92745c{display:flex;flex-direction:column;gap:10px;width:100%}
html body .u-931d18.u-931d18.u-931d18{text-align:center;color:#666;padding:20px}
html body .u-9327da.u-9327da.u-9327da{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));gap:10px}
html body .u-93408e.u-93408e.u-93408e{display:flex;align-items:center;gap:10px;font-weight:600;margin-bottom:10px}
html body .u-93d1d3.u-93d1d3.u-93d1d3{font-weight:600}
html body .u-94e360.u-94e360.u-94e360{color:var(--secondary);border-bottom:2px solid var(--primary);padding-bottom:5px;margin-bottom:15px}
html body .u-9585f4.u-9585f4.u-9585f4{color:#7f8c8d}
html body .u-96cb17.u-96cb17.u-96cb17{color:#666;margin-bottom:20px}
html body .u-98f9e7.u-98f9e7.u-98f9e7{font-size:1.5rem;font-weight:700;color:var(--success)}
html body .u-9af67e.u-9af67e.u-9af67e{color:var(--gray);margin-bottom:30px}
html body .u-9b96b9.u-9b96b9.u-9b96b9{padding:12px 15px;background:#fff;border-radius:var(--radius);font-size:.9rem}
html body .u-9b9ba7.u-9b9ba7.u-9b9ba7{color:var(--secondary);margin-bottom:15px}
html body .u-9c4c4f.u-9c4c4f.u-9c4c4f{margin:0 0 20px;color:#666;font-size:14px}
html body .u-9c7663.u-9c7663.u-9c7663{display:none}
html body .u-9d616a.u-9d616a.u-9d616a{margin-bottom:5px}
html body .u-a0a26d.u-a0a26d.u-a0a26d{margin:0;font-size:14px;opacity:.9}
html body .u-a0f5a9.u-a0f5a9.u-a0f5a9{display:flex;flex-wrap:wrap;gap:10px}
html body .u-a0fcf2.u-a0fcf2.u-a0fcf2{margin-bottom:8px}
html body .u-a12bcd.u-a12bcd.u-a12bcd{width:auto}
html body .u-a30b2c.u-a30b2c.u-a30b2c{margin:0;padding-left:20px;color:#666}
html body .u-a3161d.u-a3161d.u-a3161d{margin-top:15px}
html body .u-a4699a.u-a4699a.u-a4699a{background-color:#e76f511a;color:var(--warning)}
html body .u-a4f51b.u-a4f51b.u-a4f51b{background:none;border:none;cursor:pointer}
html body .u-a64fe8.u-a64fe8.u-a64fe8{display:flex;flex-direction:column;gap:15px;margin-top:30px}
html body .u-a664c2.u-a664c2.u-a664c2{display:flex;flex-direction:column;gap:10px}
html body .u-a9b3a5.u-a9b3a5.u-a9b3a5{background:var(--primary);color:#fff;padding:4px 10px;border-radius:12px;font-size:12px;font-weight:600}
html body .u-aa67c0.u-aa67c0.u-aa67c0{background:#fff3cd;color:#856404;padding:5px 12px;border-radius:20px;font-size:.85rem}
html body .u-aab540.u-aab540.u-aab540{padding:12px 15px;background:#fff;border-radius:var(--radius)}
html body .u-aca61e.u-aca61e.u-aca61e{font-size:1.25rem;font-weight:700;color:var(--primary)}
html body .u-ad2f91.u-ad2f91.u-ad2f91{color:#e74c3c}
html body .u-ad3e8f.u-ad3e8f.u-ad3e8f{font-size:.8rem;color:#888;margin-top:15px}
html body .u-ad951d.u-ad951d.u-ad951d{margin:0;color:#bdc3c7}
html body .u-ae052b.u-ae052b.u-ae052b{color:#27ae60}
html body .u-ae3ff9.u-ae3ff9.u-ae3ff9{margin-left:10px;padding:5px 10px;background:var(--paper);border:1px solid #e0e0e0;border-radius:4px;cursor:pointer}
html body .u-af1e7b.u-af1e7b.u-af1e7b{margin:0 0 10px;color:var(--ink);font-size:18px}
html body .u-b14ae3.u-b14ae3.u-b14ae3{margin:0 0 15px;font-size:28px;font-weight:700}
html body .u-b208f9.u-b208f9.u-b208f9{display:flex;justify-content:center}
html body .u-b44eb4.u-b44eb4.u-b44eb4{color:var(--gray);font-size:.85rem}
html body .u-b745ed.u-b745ed.u-b745ed{font-size:.8rem;color:#666}
html body .u-b8b702.u-b8b702.u-b8b702{background-color:#fff;border-radius:var(--radius);padding:30px;width:90%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow)}
html body .u-b9a880.u-b9a880.u-b9a880{margin-top:20px;display:flex;gap:10px}
html body .u-ba61c3.u-ba61c3.u-ba61c3{color:#e76f51;font-size:.85rem;margin-top:5px;display:none}
html body .u-ba7b3f.u-ba7b3f.u-ba7b3f{color:var(--warning);font-weight:500}
html body .u-bb2764.u-bb2764.u-bb2764{margin:0 0 15px;color:var(--ink);font-size:14px}
html body .u-bbb107.u-bbb107.u-bbb107{display:block;margin-bottom:5px;font-weight:500}
html body .u-bc08d4.u-bc08d4.u-bc08d4{color:#95a5a6;margin-right:5px}
html body .u-bdb3c0.u-bdb3c0.u-bdb3c0{background:#fff;padding:30px;border-radius:8px;max-width:500px;width:90%}
html body .u-be70d9.u-be70d9.u-be70d9{width:100%}
html body .u-be76d5.u-be76d5.u-be76d5{width:80px;height:80px;background-color:var(--primary);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;color:#fff;font-size:1.75rem}
html body .u-bf98ab.u-bf98ab.u-bf98ab{margin:0;padding:0;font-family:Arial,sans-serif;background-color:var(--paper)}
html body .u-c12963.u-c12963.u-c12963{margin-top:10px;color:var(--gray);font-size:.9rem}
html body .u-c6a172.u-c6a172.u-c6a172{margin:10px 0 0;color:#ffffffe6;font-size:14px}
html body .u-c88273.u-c88273.u-c88273{height:6px;background:#ddd;border-radius:3px;overflow:hidden}
html body .u-c976f2.u-c976f2.u-c976f2{margin:0 0 10px;color:var(--ink);font-size:18px;font-weight:600}
html body .u-cb1604.u-cb1604.u-cb1604{font-size:.85rem;color:var(--gray)}
html body .u-cbbb73.u-cbbb73.u-cbbb73{color:var(--primary)}
html body .u-cd7753.u-cd7753.u-cd7753{width:50%}
html body .u-cec485.u-cec485.u-cec485{font-size:1.1rem;margin-bottom:15px}
html body .u-d13fbb.u-d13fbb.u-d13fbb{background:var(--paper);border-radius:8px;padding:20px;margin-bottom:15px;border-left:4px solid var(--primary)}
html body .u-d256d0.u-d256d0.u-d256d0{margin-top:30px}
html body .u-d2dc0a.u-d2dc0a.u-d2dc0a{flex:1}
html body .u-d35900.u-d35900.u-d35900{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;z-index:9999;align-items:center;justify-content:center}
html body .u-d41716.u-d41716.u-d41716{font-size:1.25rem;font-weight:700;color:var(--success)}
html body .u-d683e6.u-d683e6.u-d683e6{margin:0;color:#fff;font-size:28px}
html body .u-d6bb6f.u-d6bb6f.u-d6bb6f{font-size:.9rem;color:var(--gray)}
html body .u-d731e7.u-d731e7.u-d731e7{background:var(--paper);border-radius:8px;padding:15px;margin-top:15px}
html body .u-d799a7.u-d799a7.u-d799a7{display:inline-block;background:#2ecc71;color:#fff;padding:10px 20px;text-decoration:none;border-radius:5px;font-weight:600;font-size:14px;flex:1;text-align:center}
html body .u-d962ed.u-d962ed.u-d962ed{margin:0 0 15px;color:var(--ink);font-size:14px}
html body .u-dac0c0.u-dac0c0.u-dac0c0{color:var(--secondary);margin:30px 0 20px;padding-bottom:10px;border-bottom:1px solid #eee}
html body .u-db3d27.u-db3d27.u-db3d27{color:#555;line-height:1.6}
html body .u-dc2d4d.u-dc2d4d.u-dc2d4d{font-size:2rem;color:var(--gray);margin-bottom:20px}
html body .u-dcfe40.u-dcfe40.u-dcfe40{padding:0 10px;color:#666}
html body .u-dd8067.u-dd8067.u-dd8067{background:var(--light-gray);padding:25px;border-radius:var(--radius)}
html body .u-ddf33c.u-ddf33c.u-ddf33c{margin-top:15px;color:#666}
html body .u-dfd882.u-dfd882.u-dfd882{color:#95a5a6;text-decoration:none;margin:0 10px}
html body .u-e0a5b6.u-e0a5b6.u-e0a5b6{width:80px;height:80px;border-radius:50%;background:var(--primary);margin:0 auto 15px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.5rem;font-weight:600}
html body .u-e1a4f7.u-e1a4f7.u-e1a4f7{font-size:.8rem;color:#5b6b80}
html body .u-e52aed.u-e52aed.u-e52aed{background-color:#fff3e0;border-color:#ffcc80;color:#e65100}
html body .u-e67853.u-e67853.u-e67853{background:var(--primary);padding:40px 30px;text-align:center}
html body .u-e7a03e.u-e7a03e.u-e7a03e{display:block;color:#666;font-size:.9rem;margin-top:5px}
html body .u-e7a3b6.u-e7a3b6.u-e7a3b6{width:100%;margin-top:20px}
html body .u-e7d31b.u-e7d31b.u-e7d31b{text-align:center;color:#666;font-size:.9rem}
html body .u-e8e266.u-e8e266.u-e8e266{text-align:center;padding:20px;color:var(--gray)}
html body .u-e91290.u-e91290.u-e91290{padding-left:20px;color:var(--dark)}
html body .u-e9b923.u-e9b923.u-e9b923{padding:15px;margin-bottom:10px}
html body .u-ea21cb.u-ea21cb.u-ea21cb{padding:20px;border-top:1px solid #e0e0e0;display:flex;justify-content:space-between}
html body .u-eb4b83.u-eb4b83.u-eb4b83{margin:0 0 20px}
html body .u-ed310b.u-ed310b.u-ed310b{margin-top:10px;display:block}
html body .u-ed77f3.u-ed77f3.u-ed77f3{display:flex;flex-direction:column;gap:15px}
html body .u-ee9cf0.u-ee9cf0.u-ee9cf0{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,150px),1fr));gap:15px}
html body .u-eee54a.u-eee54a.u-eee54a{max-width:120px}
html body .u-ef415b.u-ef415b.u-ef415b{background-color:var(--paper);padding:20px}
html body .u-f02529.u-f02529.u-f02529{background-color:#4cc9f01a;color:var(--success)}
html body .u-f05f95.u-f05f95.u-f05f95{width:100%;padding:10px}
html body .u-f15522.u-f15522.u-f15522{margin-right:8px}
html body .u-f1adaf.u-f1adaf.u-f1adaf{background:none;border:none;font-size:1.25rem;cursor:pointer;color:var(--gray)}
html body .u-f2a680.u-f2a680.u-f2a680{padding:20px;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;align-items:center}
html body .u-f5344e.u-f5344e.u-f5344e{color:#666;margin-bottom:25px}
html body .u-f83015.u-f83015.u-f83015{background-color:var(--light-gray);padding:20px;border-radius:var(--radius);margin:25px 0}
html body .u-f88f7c.u-f88f7c.u-f88f7c{text-align:center;padding:40px;color:var(--gray)}
html body .u-f8c293.u-f8c293.u-f8c293{padding:40px 0}
html body .u-f989ce.u-f989ce.u-f989ce{display:flex;align-items:center;gap:8px}
html body .u-fa51ab.u-fa51ab.u-fa51ab{color:#666;font-size:14px;line-height:1.6}
html body .u-fb20d8.u-fb20d8.u-fb20d8{padding:8px 15px;font-size:.9rem}
html body .u-fb239f.u-fb239f.u-fb239f{margin:0 0 10px;color:#666;font-size:14px}
html body .u-fcfc63.u-fcfc63.u-fcfc63{background-color:#fff;border-radius:var(--radius);padding:40px;width:90%;max-width:500px;text-align:center;animation:slideUp .3s ease}
html body .u-fd4189.u-fd4189.u-fd4189{display:flex;align-items:center;gap:10px}
html body .u-fdbeba.u-fdbeba.u-fdbeba{background-color:var(--paper);padding:30px;text-align:center}
html body .u-ff31ec.u-ff31ec.u-ff31ec{font-size:1.5rem;font-weight:700;color:var(--danger)}
html,body{max-width:100%}
.container{min-width:0}
table{max-width:100%}

/* Luxury Component Utilities */
.btn-gold,.btn-accent{background:var(--grad-gold);color:var(--navy-950);border:1px solid transparent;font-weight:700;box-shadow:var(--shadow-gold)}
.btn-gold:hover,.btn-accent:hover{background:var(--grad-gold-rich);color:var(--navy-950);transform:translateY(-2px);box-shadow:0 10px 24px -5px rgba(201,154,46,.45)}
.btn-teal,.btn-primary{background:var(--grad-teal);color:#fff;border:1px solid transparent;font-weight:600;box-shadow:var(--shadow-teal)}
.btn-teal:hover,.btn-primary:hover{background:var(--grad-teal-deep);color:#fff;transform:translateY(-2px);box-shadow:0 10px 24px -5px rgba(15,118,110,.45)}
.btn-navy{background:var(--navy-900);color:#fff;border:1px solid var(--navy-800)}
.btn-navy:hover{background:var(--navy-800);color:#fff;transform:translateY(-2px)}
.badge-gold,.badge-featured{background:var(--gold-100);color:var(--gold-700);border:1px solid var(--gold-300);padding:3px 10px;border-radius:var(--radius-pill);font-size:.75rem;font-weight:700;letter-spacing:.02em;display:inline-flex;align-items:center;gap:4px}
.badge-teal,.badge-verified{background:var(--teal-100);color:var(--teal-700);border:1px solid var(--teal-300);padding:3px 10px;border-radius:var(--radius-pill);font-size:.75rem;font-weight:700;display:inline-flex;align-items:center;gap:4px}
.badge-navy{background:var(--navy-50);color:var(--navy-900);border:1px solid var(--navy-100);padding:3px 10px;border-radius:var(--radius-pill);font-size:.75rem;font-weight:700;display:inline-flex;align-items:center;gap:4px}