/*
Theme Name: Juvilu
Theme URI: https://juvilu.com
Author: Juvilu
Description: Independent Work & Travel platform demo with student, business and administrator workflows.
Version: 1.18.0
Requires PHP: 7.4
Text Domain: juvilu
*/
:root{--bg:#071b2e;--nav:#081f34;--surface:#10334d;--surface2:#17435d;--edge:#315973;--teal:#43dfcb;--text:#f1fbff;--muted:#b6cedd}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,Arial,sans-serif;font-size:15px}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer}.wrap{width:min(1150px,calc(100% - 34px));margin:auto}.header{background:#071d31;border-bottom:1px solid #264a60;position:sticky;top:0;z-index:10}.header .wrap{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:14px 0}.logo{font-weight:900;font-size:32px;letter-spacing:-2px}.logo span{color:var(--teal)}.nav{display:flex;gap:9px;align-items:center;flex-wrap:wrap}.nav a{font-weight:700;font-size:13px;padding:10px;border-radius:8px;color:#d2e4ed}.nav a:hover,.nav a.active{background:#1c4960;color:var(--teal)}.btn{display:inline-flex;justify-content:center;align-items:center;gap:7px;background:var(--teal);border:1px solid var(--teal);border-radius:10px;color:#06313c;font-weight:850;padding:11px 17px;cursor:pointer}.btn.secondary{background:transparent;border-color:#658ca3;color:#f2faff}.btn.dark{background:#21526a;border-color:#31647b;color:white}.btn.danger{background:#813f50;border-color:#ad6072;color:white}.btn.small{font-size:12px;padding:8px 11px}.hero{padding:90px 0 70px;background:radial-gradient(ellipse at 83% 12%,#1d6282,transparent 54%),linear-gradient(135deg,#071a2d,#103b58)}.hero h1{font-size:clamp(44px,7vw,82px);line-height:1.07;letter-spacing:-3px;margin:18px 0}.hero h1 em{font-style:normal;color:var(--teal)}.hero p{font-size:18px;max-width:660px;color:#c5dce8;line-height:1.7}.eyebrow{font-size:11px;color:var(--teal);letter-spacing:2.5px;font-weight:900}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.section{padding:48px 0}.section h2,.page h1{font-size:clamp(28px,4vw,42px);letter-spacing:-1px;margin:8px 0}.muted{color:var(--muted)}p{line-height:1.65}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.card{background:var(--surface);border:1px solid var(--edge);border-radius:16px;padding:22px;min-width:0}.card h3{margin:12px 0 5px;font-size:19px}.card p{color:var(--muted)}.card .icon{font-size:27px}.banner{background:linear-gradient(115deg,#0e304a,#195b75);border:1px solid #39738a;padding:35px;border-radius:18px;margin:30px 0}.page{padding:43px 0;min-height:60vh}.field{margin:15px 0}.field label{display:block;font-weight:750;margin-bottom:7px}.field input,.field select,.field textarea{width:100%;border:1px solid #467087;background:#08263c;color:#f1fbff;border-radius:10px;padding:12px;outline:none}.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--teal)}.field input::placeholder,.field textarea::placeholder{color:#86a8b8}.form{max-width:760px}.formgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 16px}.hint{font-size:12px;color:#9fbecf}.alert{background:#154c51;color:#b9fff2;border:1px solid #2e9189;border-radius:10px;padding:14px;margin:18px 0}.alert.bad{background:#562c3b;color:#ffe2e9;border-color:#9b546a}.tag{display:inline-block;background:#1d5861;border-radius:25px;padding:5px 10px;font-size:11px;color:#9af3e5;font-weight:850}.listing{padding:0;overflow:hidden}.listing img{width:100%;height:180px;object-fit:cover;display:block}.listing .inside{padding:19px}.price{font-weight:900;color:var(--teal);font-size:24px}.tabs{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0}.tabs a{border:1px solid var(--edge);padding:10px 13px;border-radius:10px;background:#153c54}.tabs a.active{background:#235d6a;color:#a4f8ea}.stat{font-size:30px;color:var(--teal);font-weight:900}.row{display:flex;justify-content:space-between;gap:15px;align-items:center;flex-wrap:wrap}.line{border:0;border-top:1px solid var(--edge);margin:17px 0}.footer{background:#061728;border-top:1px solid #23485f;padding:35px 0}.footer p{color:#a8c4d3}.empty{padding:30px;border:1px dashed #4d7489;border-radius:12px;text-align:center;color:#afcbd9}.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.gallery img{width:100%;height:160px;object-fit:cover;border-radius:12px}.notice{color:#a9f5e7;font-weight:700}.check{display:flex;gap:10px;margin:13px 0;align-items:center}.check input{accent-color:var(--teal);width:19px;height:19px}.badge{color:#a6f6e8;font-size:12px}.details{display:grid;grid-template-columns:2fr 1fr;gap:20px}.details img{width:100%;max-height:380px;object-fit:cover;border-radius:14px}.right{text-align:right}.subnav{background:#0c2a40;border-bottom:1px solid #315670}.subnav .wrap{display:flex;gap:9px;overflow-x:auto;padding:10px 0}.subnav a{white-space:nowrap;font-size:12px;color:#c6e0ed;padding:8px 10px;border-radius:7px}.subnav a:hover{background:#1c4e66}table{width:100%;border-collapse:collapse}td,th{text-align:left;padding:12px;border-bottom:1px solid #2e566d}th{color:#a5d3dd;font-size:12px}.overflow{overflow-x:auto}@media(max-width:700px){.header .wrap{flex-wrap:wrap}.nav{width:100%;justify-content:space-between}.nav a{padding:8px 5px}.grid,.grid.two,.gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.details{grid-template-columns:1fr}.hero{padding:55px 0}.hero h1{letter-spacing:-2px}.formgrid{grid-template-columns:1fr}.card{padding:15px}.listing img{height:125px}}@media(max-width:440px){.grid,.grid.two{gap:10px}.listing .inside{padding:12px}.listing h3{font-size:16px}.banner{padding:22px}}

/* Two single-line, bold, seamless announcement marquees */
.jv-marquees{position:relative;z-index:12;overflow:hidden}.jv-marquee{width:100%;overflow:hidden;white-space:nowrap}.jv-marquee-track{display:flex;width:max-content;will-change:transform;animation:jv-scroll-left 24s linear infinite}.jv-marquee-group{display:flex;align-items:center;flex:0 0 auto;white-space:nowrap}.jv-marquee-group span{display:inline-block;flex:0 0 auto;white-space:nowrap;padding:0 26px;font-weight:900}.jv-marquee-primary{background:#36d9c4;color:#071a2d;font-size:12px;letter-spacing:1px;padding:11px 0}.jv-marquee-countries{background:#123853;color:#fff;font-size:11px;letter-spacing:.35px;padding:9px 0}.jv-marquee-countries .jv-marquee-track{animation-name:jv-scroll-right;animation-duration:42s}.jv-marquee-countries .jv-marquee-group span{padding:0 19px}@keyframes jv-scroll-left{to{transform:translateX(-50%)}}@keyframes jv-scroll-right{from{transform:translateX(-50%)}to{transform:translateX(0)}}.jv-community{padding-bottom:75px}.jv-community .stat{font-size:46px}@media(max-width:600px){.jv-marquee-primary{font-size:11px;padding:10px 0}.jv-marquee-countries{font-size:10px;padding:8px 0}.jv-community .stat{font-size:35px}}@media(prefers-reduced-motion:reduce){.jv-marquee-track{animation:none}}

/* v1.3: animated hero backdrop, intentionally behind the content */
.hero{position:relative;isolation:isolate;overflow:hidden;background:#071a2d;min-height:490px}
.hero:before,.hero:after{content:"";position:absolute;z-index:-1;pointer-events:none;border-radius:50%;filter:blur(24px);will-change:transform,opacity}
.hero:before{width:min(85vw,900px);height:min(85vw,900px);right:-21%;top:-65%;background:radial-gradient(circle,rgba(41,164,201,.47) 0%,rgba(17,92,139,.28) 39%,transparent 70%);animation:jv-aurora-one 14s ease-in-out infinite alternate}
.hero:after{width:min(75vw,750px);height:min(75vw,750px);left:-30%;bottom:-120%;background:radial-gradient(circle,rgba(54,217,196,.24),rgba(14,79,127,.16) 42%,transparent 72%);animation:jv-aurora-two 19s ease-in-out infinite alternate}
.hero .wrap{position:relative;z-index:1}
.hero .wrap:before{content:"";position:absolute;inset:-75px -100vw;z-index:-1;pointer-events:none;opacity:.18;background-image:linear-gradient(rgba(98,201,228,.15) 1px,transparent 1px),linear-gradient(90deg,rgba(98,201,228,.15) 1px,transparent 1px);background-size:55px 55px;mask-image:linear-gradient(90deg,transparent 8%,#000 60%,transparent 95%);animation:jv-grid-drift 35s linear infinite}
@keyframes jv-aurora-one{0%{transform:translate(-12%,8%) scale(.85);opacity:.6}100%{transform:translate(8%,20%) scale(1.25);opacity:1}}
@keyframes jv-aurora-two{0%{transform:translate(8%,-12%) scale(1);opacity:.6}100%{transform:translate(30%,-30%) scale(1.3);opacity:1}}
@keyframes jv-grid-drift{to{background-position:110px 55px}}
/* Stats immediately beneath the hero, above the feature cards */
.jv-community{padding-top:35px;padding-bottom:43px;border-bottom:1px solid #1c4258}
.jv-community h2{font-size:clamp(24px,3.3vw,36px)}
.jv-community .card{background:linear-gradient(150deg,#123b56,#0c2b43);border-color:#28536c}
@media(max-width:700px){.hero{min-height:0}.hero:before{width:650px;height:650px;right:-390px;top:-250px}.hero:after{width:500px;height:500px;left:-320px;bottom:-300px}.jv-community{padding-top:32px}.jv-community .stat{font-size:30px}}
@media(prefers-reduced-motion:reduce){.hero:before,.hero:after,.hero .wrap:before{animation:none}}

/* v1.4: animated marquee divider, community metrics at the end */
.jv-hero-divider{position:relative;z-index:2;border-top:1px solid #28566c;border-bottom:1px solid #28566c}
.jv-hero-divider .jv-marquees{z-index:2}
.jv-community{padding-top:65px;padding-bottom:85px;border-top:1px solid #1c4258;border-bottom:0}
.jv-stats-grid{margin-top:25px}
.jv-first-year{margin-top:16px;min-height:145px;background:linear-gradient(105deg,#123b56,#0d324a);border:1px solid #28536c;border-radius:16px;padding:25px}
.jv-first-year h3{margin:8px 0 4px}
.jv-first-year p{margin:0;color:var(--muted)}
@media(max-width:700px){.jv-community{padding-top:42px;padding-bottom:55px}.jv-first-year{min-height:125px}}

.jv-onboard{max-width:830px;margin:30px auto 75px}.jv-step-progress{height:7px;background:#22435a;border-radius:20px;overflow:hidden;margin:14px 0 27px}.jv-step-progress span{display:block;height:100%;background:#36d9c4}.jv-job-editor{grid-column:1/-1;margin:12px 0 24px}.jv-job-rows{display:grid;gap:13px;margin-bottom:12px}.jv-job-row{padding:19px}.jv-job-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.jv-journey-card{margin:24px 0;background:linear-gradient(115deg,#12445b,#0c2940);border-color:#23667a}

/* Global language selector */
.header .wrap{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.jv-language{margin-left:auto;display:flex;align-items:center;gap:5px;min-width:0}
.jv-language select{max-width:175px;min-height:36px;border-radius:10px;border:1px solid #3d6478;background:#0d3048;color:#fff;padding:7px 9px;font-size:12px;font-weight:750;cursor:pointer}
.jv-language-help{font-size:14px}
#jv-google-translate{position:absolute;left:-9999px;top:-9999px}
.goog-te-banner-frame,.skiptranslate iframe{display:none!important}
body{top:0!important}
#jv-translate-warning{background:#45361e;color:#fff;padding:12px;text-align:center}
@media(max-width:620px){.jv-language{order:2}.jv-language select{max-width:136px}.header .wrap{gap:8px}}

.subnav{display:none!important}.jv-header-menu{position:relative;z-index:60}.jv-header-menu summary{cursor:pointer;color:#fff;font-weight:700;white-space:nowrap}.jv-header-menu-links{position:absolute;right:0;top:34px;background:#0e2a41;border:1px solid #31576b;border-radius:12px;min-width:180px;padding:8px;box-shadow:0 12px 30px #0006}.jv-header-menu-links a{display:block;padding:10px;color:white;text-decoration:none}.jv-local-launch{padding-top:28px;padding-bottom:10px}.jv-earnings-total{background:linear-gradient(120deg,#10445b,#0c283f)}.jv-pay-details summary{list-style:none;cursor:pointer}.jv-pay-details summary::-webkit-details-marker{display:none}.jv-pay-details form{margin-top:16px}.jv-section-head,.jv-employer-row,.jv-pay-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.jv-pay-row{flex-wrap:wrap}.jv-pay-row b{color:#36d9c4}.jv-employer-row p{margin:4px 0}.jv-welcome-overlay{position:fixed;inset:0;z-index:10000;background:#001323db;display:grid;place-items:center;padding:16px}.jv-welcome-box{max-width:550px;width:100%;border-radius:22px;background:#0b263e;overflow:hidden;box-shadow:0 15px 70px #0009;position:relative}.jv-welcome-photo{height:220px;background:linear-gradient(0deg,#0b263e66,#0b263e00),url(https://images.unsplash.com/photo-1485738422979-f5c462d49f74?w=1200) center/cover}.jv-welcome-inner{text-align:center;padding:25px}.jv-welcome-inner h1{font-size:clamp(25px,5vw,38px)}.jv-confetti{position:absolute;top:-25px;animation:jv-fall 3s linear infinite;pointer-events:none}@keyframes jv-fall{to{transform:translateY(650px) rotate(620deg)}}@media(max-width:600px){.jv-header-menu summary{font-size:12px}.jv-header-menu-links{right:-20px}.jv-pay-row{font-size:13px}}

/* v1.8 Coastal Teal student My Juvilu dashboard */
.jv-app-dashboard{--jv-ocean:#0f172a;--jv-sea:#14b8a6;--jv-cyan:#06b6d4;--jv-sand:#ffc76b;max-width:780px;margin:0 auto 42px;padding:4px 0 94px;color:#f8fafc}.jv-app-dashboard a{text-decoration:none}.jv-app-intro{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:8px 0 17px}.jv-app-intro h1{font-size:clamp(23px,4vw,32px);margin:7px 0 4px;letter-spacing:-.7px}.jv-app-intro p{color:#b9cfdd;margin:0}.jv-app-avatar{height:44px;width:44px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(145deg,#16c7b7,#0d7897);color:white;font-weight:900;font-size:19px;border:2px solid #4ce3d2}.jv-app-hero{min-height:250px;overflow:hidden;border-radius:20px;position:relative;background:linear-gradient(90deg,rgba(3,21,41,.83),rgba(3,21,41,.1)),url(https://images.unsplash.com/photo-1507525428034-b723cf961d3e?auto=format&fit=crop&w=1400&q=85) center 57%/cover;box-shadow:0 16px 40px #0004;border:1px solid #4c7895}.jv-app-hero-overlay{padding:24px;min-height:250px;display:flex;flex-direction:column;align-items:flex-start}.jv-app-hero-kicker{font-size:10px;letter-spacing:1.4px;color:#c5fff5;font-weight:900}.jv-app-hero h2{color:white;font-size:clamp(21px,4vw,29px);margin:12px 0 4px}.jv-app-days{font-size:65px;font-weight:950;line-height:1.15;letter-spacing:-3px;text-shadow:0 3px 15px #0005}.jv-app-days-word{font-size:43px}.jv-app-hero-link{margin-top:auto;display:flex;justify-content:space-between;align-items:center;gap:22px;min-width:210px;padding:10px 13px;border-radius:11px;background:#092b45b8;color:#fff;font-size:12px;font-weight:800;backdrop-filter:blur(8px)}.jv-app-hero-link span{font-size:23px;line-height:1}.jv-app-tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:14px 0}.jv-app-tile{min-height:105px;border-radius:15px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px;border:1px solid #ffffff20;color:white;box-shadow:inset 0 1px #ffffff25,0 8px 18px #0002;transition:transform .15s}.jv-app-tile:hover{transform:translateY(-3px)}.jv-app-tile strong{font-size:12px;text-align:center}.jv-app-tile-icon{font-size:34px;font-weight:850;line-height:1}.jv-app-tile-travel{background:linear-gradient(145deg,#06647b,#0b304b)}.jv-app-tile-market{background:linear-gradient(145deg,#4b4058,#172b45)}.jv-app-tile-housing{background:linear-gradient(145deg,#135c87,#103254)}.jv-app-tile-money{background:linear-gradient(145deg,#065d62,#102f4a)}.jv-app-tile-todo{background:linear-gradient(145deg,#1c5276,#102c48)}.jv-app-tile-local{background:linear-gradient(145deg,#3c376f,#0f314a)}.jv-app-tile-travel .jv-app-tile-icon,.jv-app-tile-housing .jv-app-tile-icon{color:#44d7e9}.jv-app-tile-market .jv-app-tile-icon{color:#ff938e}.jv-app-tile-money .jv-app-tile-icon{color:#42ebbe}.jv-app-tile-todo .jv-app-tile-icon{color:#ffc76b}.jv-app-tile-local .jv-app-tile-icon{color:#c5a0ff}.jv-app-explore{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:20px;border-radius:16px;min-height:110px;background:linear-gradient(90deg,#20a6b9d9,#107e9b6b),url(https://images.unsplash.com/photo-1473116763249-2faaef81ccda?auto=format&fit=crop&w=1200&q=85) center/cover;color:#061e32;margin:16px 0 27px}.jv-app-explore span{display:flex;flex-direction:column;gap:4px}.jv-app-explore strong{font-size:18px;font-weight:900}.jv-app-explore small{font-size:12px}.jv-app-explore b{font-size:28px}.jv-app-section-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:25px 0 11px}.jv-app-section-head h2{font-size:18px;color:#fff;margin:0}.jv-app-section-head a{font-size:12px;color:#4de2d1;font-weight:750}.jv-app-mini-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.jv-app-mini{background:linear-gradient(150deg,#133c56,#0b283e);border:1px solid #315b70;border-radius:15px;display:flex;flex-direction:column;gap:10px;padding:18px;color:white}.jv-app-mini span{font-size:12px;color:#d0e5ee}.jv-app-mini strong{font-size:25px;letter-spacing:-.6px}.jv-app-mini small{font-size:11px;color:#6ce9d8}.jv-app-trip{display:flex;align-items:center;gap:13px;border-radius:15px;border:1px solid #315b70;background:#102c43;color:white;padding:9px}.jv-app-trip-photo{width:91px;height:76px;flex:none;border-radius:10px;background:url(https://images.unsplash.com/photo-1485738422979-f5c462d49f74?auto=format&fit=crop&w=360&q=80) center/cover}.jv-app-trip-copy{display:flex;flex:1;flex-direction:column;gap:5px}.jv-app-trip-copy strong{font-size:14px}.jv-app-trip-copy small{font-size:11px;color:#b8ccda}.jv-app-trip b{padding:0 10px;font-size:22px}.jv-app-quick{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.jv-app-quick a{padding:12px 5px;text-align:center;background:#14344a;border:1px solid #30536a;border-radius:10px;color:#e6f5fb;font-size:12px;font-weight:750}.jv-app-bottom{position:sticky;bottom:10px;z-index:20;display:flex;align-items:center;justify-content:space-around;gap:5px;margin:30px auto 0;padding:9px 7px;border:1px solid #3b6076;border-radius:19px;background:#071725f2;box-shadow:0 10px 30px #0009;backdrop-filter:blur(12px);max-width:560px}.jv-app-bottom a{color:#e3eef5;min-width:49px;display:flex;align-items:center;flex-direction:column;gap:3px;font-size:10px}.jv-app-bottom a span{font-size:22px;line-height:1.15}.jv-app-bottom a.active{color:#36d9c4}.jv-app-bottom .jv-app-bottom-plus{background:#14b8a6;color:#fff;width:45px;height:45px;min-width:45px;border-radius:50%;font-size:30px;display:grid;place-items:center;box-shadow:0 4px 14px #14b8a666}.jv-app-dashboard~*{clear:both}@media(max-width:560px){.jv-app-dashboard{padding-bottom:35px}.jv-app-hero,.jv-app-hero-overlay{min-height:225px}.jv-app-hero-overlay{padding:18px}.jv-app-tiles{gap:9px}.jv-app-tile{min-height:96px}.jv-app-tile strong{font-size:11px}.jv-app-quick{grid-template-columns:repeat(2,minmax(0,1fr))}.jv-app-explore{min-height:100px}.jv-app-mini{padding:14px}.jv-app-mini strong{font-size:21px}}@media(prefers-reduced-motion:reduce){.jv-app-tile{transition:none}}

/* v1.9: compact language picker on the homepage and clear My Page link */
.jv-my-page-link{color:#f8fafc;font-weight:800;text-decoration:none;white-space:nowrap;font-size:13px;padding:9px 11px;border:1px solid #31566c;border-radius:10px;background:#12344c}.jv-my-page-link:hover{border-color:#36d9c4;color:#36d9c4}.jv-language-help{display:none!important}.jv-language{margin-left:auto}.jv-language select{max-width:160px}@media(max-width:700px){.header .wrap{display:flex;flex-wrap:wrap;align-items:center}.jv-language{margin-left:auto;order:3}.jv-my-page-link{order:2}.jv-language select{max-width:140px}}

/* v1.10: language selector beside Juvilu wordmark, never on its own row */
.header .wrap{justify-content:flex-start}
.header .logo{flex:none}
.header .jv-language{margin-left:0;order:initial;flex:none}
.header .nav{margin-left:auto;order:initial}
.header .jv-my-page-link{order:initial}
@media(max-width:700px){
 .header .wrap{display:flex;flex-wrap:wrap;align-items:center;column-gap:12px;row-gap:8px;padding:14px 0 12px}
 .header .logo{order:1;font-size:30px}
 .header .jv-language{order:2;margin-left:0;min-width:0}
 .header .jv-language select{width:132px;max-width:132px;min-height:36px}
 .header .nav{order:3;flex:0 0 100%;width:100%;margin-left:0;display:flex;justify-content:space-between;gap:2px}
 .header .nav a{padding:8px 5px;font-size:12px}
 .header .jv-my-page-link{order:4;margin-left:auto}
}
@media(max-width:360px){.header .logo{font-size:27px}.header .jv-language select{width:118px;max-width:118px;font-size:11px}}

/* Juvilu 1.11 */
.jv-app-avatar-wrap{display:flex;flex-direction:column;align-items:center;gap:6px;color:#c9e7ef;text-decoration:none;font-size:11px;font-weight:800;flex:none}.jv-app-avatar{overflow:hidden}.jv-avatar-photo{width:100%;height:100%;object-fit:cover;border-radius:50%;display:block}.jv-back-link{display:inline-flex;margin:0 0 20px;color:#5de5d5;text-decoration:none;font-size:14px;font-weight:800}.jv-profile{max-width:760px;margin:auto}.jv-profile-heading{display:flex;align-items:center;gap:20px;margin-bottom:24px}.jv-profile-photo{height:90px;width:90px;border:3px solid #36d9c4;border-radius:50%;display:grid;place-items:center;overflow:hidden;background:#147a8b;font-size:42px;font-weight:900;flex:none}.jv-profile-sections{display:flex;flex-direction:column;gap:14px}.jv-profile-sections .card{margin:0}.jv-profile-sections h2{font-size:19px;margin:0 0 8px}.jv-profile-info{display:grid;grid-template-columns:repeat(auto-fit,minmax(135px,1fr));gap:12px}.jv-profile-info div,.jv-settings-list>div,.jv-settings-list>a{padding:12px;background:#0b283e;border-radius:10px;display:flex;flex-direction:column;gap:5px}.jv-profile-info small,.jv-settings-list small{color:#9fbcca}.jv-settings-list{display:flex;flex-direction:column;gap:9px}.jv-settings-list>a{flex-direction:row;justify-content:space-between;color:#e9ffff;text-decoration:none}.jv-simple-form{display:flex;flex-direction:column;gap:12px}.jv-sell-bar{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}.jv-explore-search{display:grid;gap:12px}.jv-explore-search input,.jv-explore-search select{width:100%;padding:12px;background:#0c2a40;color:white;border:1px solid #3b6076;border-radius:10px}.jv-profile .field input[type=file]{width:100%;max-width:100%}

/* v1.12 student essentials */
.jv-bank-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;margin:22px 0}.jv-bank-card{min-width:0}.jv-bank-top{display:flex;gap:13px;align-items:center}.jv-bank-top h3{margin:0}.jv-bank-top p{margin:3px 0}.jv-bank-logo{width:50px;height:50px;object-fit:contain;background:#fff;border-radius:11px;padding:7px;flex-shrink:0}.jv-bank-address{font-size:13px;color:#b6cedd}.jv-bank-badges{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.jv-bank-badges span{background:#174f58;color:#b6fff0;border-radius:20px;padding:6px 9px;font-size:11px;font-weight:800}.jv-bank-card details{margin-top:14px;border-top:1px solid #315973;padding-top:12px}.jv-bank-card summary{cursor:pointer;font-weight:800}.jv-ssn-steps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;margin:20px 0}.jv-ssn-steps .card{min-width:0}.jv-ssn-steps li{margin:9px 0}.jv-essential-links{margin:15px 0}@media(max-width:650px){.jv-bank-list,.jv-ssn-steps{grid-template-columns:1fr}}

.jv-essential-links{display:contents}

/* v1.13: native Juvilu account security */
.jv-security-panel{border-top:1px solid rgba(150,190,205,.2);margin-top:14px;padding-top:3px}
.jv-security-panel summary{display:flex;justify-content:space-between;align-items:center;gap:12px;cursor:pointer;list-style:none;padding:17px 2px;color:#effaff}
.jv-security-panel summary::-webkit-details-marker{display:none}
.jv-security-panel summary span:first-child{display:flex;flex-direction:column;gap:5px}
.jv-security-panel summary small{color:#a7c4d0;font-size:.84rem}
.jv-security-panel[open] summary>span:last-child{transform:rotate(90deg)}
.jv-security-panel .jv-simple-form{display:grid;gap:13px;padding:8px 2px 20px}
.jv-security-panel .field input{width:100%;min-width:0}

.jv-ssa-location{border:1px solid #36d9c4;margin:1.2rem 0}.jv-ssa-location .actions{display:flex;flex-wrap:wrap;gap:.5rem}

/* v1.15: keep selector at far right of first header row */
.header .wrap{display:flex;align-items:center;flex-wrap:wrap}.header .logo{order:1}.header .nav{order:2;margin-left:auto}.header .jv-language{order:3;margin-left:auto}
@media(max-width:700px){.header .logo{order:1}.header .jv-language{order:2;margin-left:auto}.header .nav{order:3;flex:0 0 100%;margin-left:0}}
.jv-directory-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px;margin:18px 0}.jv-place{padding:0;overflow:hidden}.jv-place-photo{height:125px;background:linear-gradient(120deg,#123e59,#0d6570);display:flex;align-items:center;justify-content:center;font-size:52px}.jv-place-body{padding:16px}.jv-transit-tag{color:#36d9c4;font-weight:750;font-size:13px}.jv-trip{display:flex;flex-direction:column;gap:8px}.jv-trip .btn{align-self:flex-start}#jv-airport{display:block;width:100%;margin:10px 0 14px}

/* v1.16: consistent mobile breathing room and focused category pages */
.jv-explore-search{margin-bottom:22px!important}
.jv-category-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:14px 0 24px;padding:13px 15px;background:#0e3048;border:1px solid #315973;border-radius:12px}
.jv-category-close{display:inline-flex;align-items:center;gap:6px;border:1px solid #52768a;border-radius:9px;padding:9px 12px;color:#eaffff;font-weight:800;font-size:13px;white-space:nowrap}
.jv-category-tiles:empty{display:none}
.jv-directory-grid{gap:20px!important;margin-top:22px!important;margin-bottom:28px!important}
.jv-directory-grid .jv-place{margin:0!important}
.jv-apps-directory{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:22px 0 30px}
.jv-apps-service{display:flex;align-items:flex-start;gap:14px;margin:0!important}
.jv-apps-icon{width:54px;height:54px;flex:none;display:grid;place-items:center;border-radius:14px;background:#0a5261;font-size:28px}
.jv-apps-service h3{margin:9px 0}
.jv-apps-service p{font-size:13px}
.jv-earnings-total{margin-bottom:20px!important}
.jv-earnings-total+.card{margin-bottom:20px!important}
.jv-pay-details{margin:20px 0 28px!important}
.jv-employer-row{margin:12px 0!important}
.jv-section-head{margin:30px 0 15px!important}
.page .card+.card{margin-top:14px}
@media(max-width:700px){.jv-apps-directory{grid-template-columns:1fr}.jv-category-head{flex-wrap:wrap}.jv-directory-grid{gap:18px!important}.jv-explore-search{margin-bottom:24px!important}.page .card+.card{margin-top:16px}}

/* v1.17 destination photo travel cards */
.jv-trip-photo-card{padding:0!important;overflow:hidden;gap:0!important}.jv-trip-photo{display:block;width:100%;height:185px;object-fit:cover;background:#12445b}.jv-trip-content{padding:18px;display:flex;flex-direction:column;gap:10px}.jv-trip-content p{margin:4px 0}.jv-trip-content .actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}.jv-trip-itinerary{padding:13px;background:#0b2b42;border:1px solid #2e5870;border-radius:10px}.jv-trip-itinerary summary{cursor:pointer;font-weight:750;color:#36d9c4}.jv-trip-itinerary p{margin-top:12px}.jv-trip-grid{align-items:stretch}.jv-trip-grid .card+.card{margin-top:0!important}@media(max-width:700px){.jv-trip-photo{height:165px}.jv-trip-content{padding:16px}.jv-trip-content .btn{width:100%;text-align:center}}
/* v1.18 marketplace */
.jv-back-link{display:inline-flex;margin-top:36px;margin-bottom:20px}
.jv-sell-bar{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap}
.jv-sell-bar .actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.jv-notify{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 5px;border-radius:99px;background:#36d9c4;color:#071a2d;font-weight:800}
.jv-preview{margin:16px 0;padding:18px;border:1px solid #3b7285;border-radius:18px;background:#0b2b41}
.jv-preview img{display:block;width:100%;max-width:340px;max-height:240px;object-fit:cover;border-radius:12px;margin:10px 0}
.jv-offer-form{display:grid;gap:12px;margin-top:20px}.jv-offer-form label{display:grid;gap:6px}.jv-offer-form input,.jv-offer-form textarea{width:100%;max-width:100%;padding:12px;border-radius:10px}
.jv-chat-back{display:inline-block;margin:16px 0}.jv-chat-stream{display:flex;flex-direction:column;gap:12px;margin:20px 0}.jv-chat-bubble{max-width:85%;padding:14px 18px;border-radius:16px;background:#153b53;border:1px solid #34596b;overflow-wrap:anywhere}.jv-chat-bubble.mine{align-self:flex-end;background:#0e4a50}.jv-chat-bubble.theirs{align-self:flex-start}.jv-chat-bubble small{opacity:.7}.jv-chat-attachment{max-width:240px;max-height:220px;object-fit:contain;border-radius:10px}
@media(max-width:640px){.jv-back-link{margin-top:48px}.jv-sell-bar{align-items:flex-start}.jv-sell-bar .actions{width:100%}.jv-chat-bubble{max-width:95%}}

/* v1.19 ferry guide */
.jv-ferry-feature{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:22px;align-items:center;overflow:hidden;margin:22px 0 28px;padding:14px!important}.jv-ferry-feature>img{width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:15px}.jv-ferry-feature-content{padding:14px}.jv-ferry-feature-content h2{margin:10px 0}.jv-ferry-detail{margin:30px 0;scroll-margin-top:22px}.jv-ferry-info-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:18px 0}.jv-ferry-info-grid>.card{min-width:0;margin:0!important}.jv-ferry-info-grid .actions{display:flex;gap:10px;flex-wrap:wrap}.jv-ferry-steps{padding-left:22px;line-height:1.75}.jv-ferry-steps li{margin-bottom:8px}@media(max-width:760px){.jv-ferry-feature,.jv-ferry-info-grid{grid-template-columns:minmax(0,1fr)}.jv-ferry-feature-content{padding:4px 6px 12px}.jv-ferry-feature>img{aspect-ratio:16/11}.jv-ferry-info-grid{gap:14px}}

/* v1.20 iPhone install tip */
.jv-ios-install[hidden]{display:none!important}.jv-ios-install{margin:16px 0 24px;padding:19px;border:1px solid #317f83;border-radius:18px;background:linear-gradient(125deg,#103a50,#0b293d);box-shadow:0 10px 28px #0002;color:#f5ffff}.jv-ios-install-top{display:flex;align-items:flex-start;gap:13px}.jv-ios-install-emoji{font-size:30px}.jv-ios-install-top>div{flex:1;min-width:0}.jv-ios-install-top strong{font-size:18px}.jv-ios-install p{margin:6px 0 0;color:#d0e4e8;line-height:1.55}.jv-ios-install-top>.jv-ios-install-dismiss{border:0;background:transparent;color:#d7e9eb;cursor:pointer;font-size:19px;padding:4px 8px}.jv-ios-install ol{padding-left:25px;margin:17px 0 12px;line-height:1.85}.jv-ios-install li{padding-left:4px}.jv-ios-install-note{font-size:13px}.jv-ios-install-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}.jv-ios-install-actions .btn{cursor:pointer}.jv-ios-install .btn.secondary{background:transparent;border:1px solid #4b8b9a;color:#fff}@media(max-width:650px){.jv-ios-install{padding:15px;margin:14px 0 22px}.jv-ios-install-top strong{font-size:16px}}