:root{color-scheme:dark;--gold:#eec267;--gold2:#b78331;--bg:#090909;--panel:#151515;--line:#383026;--text:#f8f2e5;--muted:#aba49a;font-family:Tahoma,'Segoe UI',Arial,sans-serif}*{box-sizing:border-box}body{margin:0;color:var(--text);background:radial-gradient(circle at 6% 2%,#261708,#090909 42%);min-height:100vh}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:var(--gold)}[hidden]{display:none!important}h1,h2,h3,p{margin-top:0}.muted{color:var(--muted)}.small{font-size:12px}.eyebrow{font-size:11px;color:var(--gold);letter-spacing:3px;font-weight:700}.btn{border:1px solid var(--line);background:#242220;color:var(--text);padding:12px 16px;border-radius:12px;display:inline-flex;gap:10px;align-items:center;justify-content:center;font-weight:bold;text-decoration:none}.btn.gold{background:linear-gradient(100deg,#c49342,#f4d27c);color:#211505;border:none}.btn.ghost{background:transparent}.btn:disabled{opacity:.5;cursor:not-allowed}.smallbtn{font-size:12px;padding:9px 12px}input,textarea,select{width:100%;min-width:0;border:1px solid #52412a;border-radius:11px;background:#0d0d0d;color:white;padding:12px;outline:none}input:focus,textarea:focus,select:focus{border-color:var(--gold)}label{display:grid;gap:7px;font-size:13px;color:#d8cbbb}form{display:grid;gap:14px}.auth-screen{min-height:100dvh;display:grid;place-items:center;padding:22px;background:radial-gradient(circle at 50% 10%,#442b0d,#050505 55%)}.auth-card{width:min(100%,410px);border:1px solid #6a4a1d;border-radius:24px;padding:32px;background:linear-gradient(150deg,#21190d,#101010 55%);box-shadow:0 30px 100px #000}.auth-logo{width:72px;height:72px;object-fit:contain;margin-bottom:15px}.auth-card h1{font-size:29px;line-height:1.5}.auth-card .btn{width:100%}.auth-card p:last-child{margin-top:18px;line-height:1.8}.topbar{position:sticky;top:0;z-index:5;height:74px;display:flex;justify-content:space-between;align-items:center;padding:0 30px;border-bottom:1px solid #493820;background:#0c0b0af2;backdrop-filter:blur(16px)}.brand{display:flex;align-items:center;gap:12px}.brand img{width:45px;height:45px;object-fit:contain}.brand b{color:var(--gold);letter-spacing:1px;font-size:18px}.brand small{display:block;color:#8e846f;letter-spacing:2px;font-size:9px;margin-top:3px}.top-actions{display:flex;align-items:center;gap:12px}.pill{font-size:11px;color:var(--gold);border:1px solid #5e4724;border-radius:40px;padding:8px 12px}.shell{display:grid;grid-template-columns:240px minmax(0,1fr);min-height:calc(100vh - 74px)}.sidebar{padding:26px 12px;border-left:1px solid #352b21;background:#0e0d0c;position:relative}.sidebar button,.bottom-nav button{width:100%;border:0;background:transparent;color:#b5aba0;text-align:right;border-radius:12px;padding:14px 16px;display:flex;align-items:center;gap:10px}.sidebar button.active,.bottom-nav button.active{background:#3b2b15;color:#f8c76c}.side-mark{position:fixed;bottom:20px;right:75px;opacity:.06;color:var(--gold);font-size:100px;font-weight:900;pointer-events:none}.content{padding:32px 4vw 90px;max-width:1200px;width:100%;margin:auto;position:relative;isolation:isolate}.content:before{content:'JAN';font:900 190px Tahoma;position:fixed;left:17vw;top:38%;color:#d5a655;opacity:.022;z-index:-1;pointer-events:none}.hero{padding:28px;border-radius:22px;border:1px solid #574020;background:linear-gradient(110deg,#32200e,#161411 58%,#111);margin-bottom:20px}.hero h1{font-size:clamp(23px,4vw,34px);margin:10px 0}.hero p{color:#c7bfb0;line-height:1.8;margin:0}.section-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:26px 0 16px}.section-title h2{font-size:20px;margin:0}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.card{border:1px solid var(--line);background:#161515ee;border-radius:18px;padding:20px;min-width:0}.stat{font-size:29px;font-weight:800;color:var(--gold);margin:12px 0}.card h3{font-size:16px}.card p{line-height:1.7}.row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.spread{justify-content:space-between}.card .muted{font-size:13px}.stack{display:grid;gap:12px}.tabs{display:flex;gap:8px;flex-wrap:wrap}.tabs button{background:#242120;color:#d1c6b4;border:1px solid #55422a;border-radius:50px;padding:9px 14px}.tabs button.active{background:#b58b45;color:#160f07}.table-wrap{overflow:auto}.table{border-collapse:collapse;width:100%;text-align:right;font-size:13px}.table td,.table th{padding:11px;border-bottom:1px solid #3d3228;white-space:nowrap}.table th{color:var(--gold)}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.form-grid .wide{grid-column:1/-1}.empty{padding:30px;text-align:center;border:1px dashed #69502a;border-radius:16px;color:#c8bba6}.notice{padding:14px;border:1px solid #8a6325;background:#251b0e;color:#f9d18b;border-radius:12px;font-size:13px;line-height:1.8}.pdf-view{width:100%;min-height:70vh;border:1px solid var(--line);border-radius:12px;background:#fff}.bottom-nav{display:none}#toast{position:fixed;bottom:24px;left:24px;z-index:40;background:#30230f;color:#ffe2a4;border:1px solid #9c7033;border-radius:14px;padding:14px 18px;max-width:min(92vw,480px);display:none;line-height:1.5;box-shadow:0 8px 60px #0008}.link-btn{border:0;background:none;color:var(--gold);cursor:pointer;text-decoration:underline}.loading{opacity:.65;pointer-events:none}@media(max-width:850px){.shell{display:block}.sidebar{display:none}.topbar{padding:0 15px;height:66px}.content{padding:20px 14px 115px}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.bottom-nav{display:flex;position:fixed;bottom:0;left:0;right:0;background:#0c0b0af6;border-top:1px solid #715328;z-index:9;padding:6px 4px max(6px,env(safe-area-inset-bottom));gap:2px;backdrop-filter:blur(18px)}.bottom-nav button{flex:1;text-align:center;display:grid;justify-items:center;font-size:10px;padding:10px 2px;gap:5px}.bottom-nav span{font-size:17px}.pill{display:none}.hero{padding:22px}.form-grid{grid-template-columns:1fr}.grid.two{grid-template-columns:1fr}.card{padding:15px}}@media(max-width:420px){.grid{grid-template-columns:1fr}.brand b{font-size:15px}.brand small{font-size:8px}}


/* DR JAN approved brand identity: fixed portrait + central watermark. */
body{background:#090909}
.app-atmosphere{position:fixed;inset:0;overflow:hidden;pointer-events:none;z-index:0;background:radial-gradient(circle at 7% 12%,#2d190b 0%,#0a0909 57%,#080808 100%)}
.atmos-portrait{position:absolute;left:-4%;bottom:-6%;height:min(88vh,960px);width:auto;object-fit:contain;opacity:.14;filter:saturate(.8);mask-image:linear-gradient(to right,black 65%,transparent 100%);-webkit-mask-image:linear-gradient(to right,black 65%,transparent 100%)}
.atmos-logo{position:absolute;top:46%;left:51%;width:min(64vw,690px);height:auto;transform:translate(-50%,-50%);opacity:.065;filter:drop-shadow(0 0 24px #986319)}
#auth,#app,#toast{position:relative;z-index:1}
#app .topbar{z-index:10}
.content:before,.side-mark{display:none!important}
.sidebar{background:#0e0d0cdb}
.hero{background:linear-gradient(105deg,rgba(43,25,9,.94),rgba(19,17,15,.93) 64%,rgba(15,15,15,.9));backdrop-filter:blur(3px)}
.card{background:#161515ed}
.auth-screen{background:transparent}
.auth-card{background:linear-gradient(135deg,#21190de9,#101010ed 64%)}
@media(max-width:850px){.atmos-portrait{height:76vh;bottom:0;left:-24vw;opacity:.17}.atmos-logo{width:88vw;top:43%;left:50%;opacity:.07}}
@media(max-width:480px){.atmos-portrait{height:66vh;left:-45vw;bottom:10vh;opacity:.15}.atmos-logo{width:96vw;opacity:.08}}

.password-overlay{position:fixed;inset:0;z-index:100;display:grid;place-items:center;background:#050505eF;padding:20px;overflow:auto}.password-overlay[hidden]{display:none!important}.password-overlay .auth-card{width:min(100%,460px)}

.password-tools{display:flex;justify-content:flex-start;margin-top:14px}.password-tools .link-btn{font-size:14px;padding:7px 0}.password-overlay{z-index:50}

/* V6: DR JAN bespoke luxury UI. Retains original portrait and watermark. */
:root{--gold:#d7b477;--gold2:#a87935;--line:#453723;--muted:#aea79c}
body{font-family:'Segoe UI',Tahoma,Arial,sans-serif;background:#080909}
.topbar{background:rgba(10,10,10,.93);border-bottom:1px solid #66503158;height:82px;padding-inline:36px}
.brand img{width:53px;height:53px;filter:drop-shadow(0 0 10px #b58a4430)}
.brand b{font-size:19px;letter-spacing:2px}.brand small{letter-spacing:3px}
.sidebar{padding:26px 15px;background:linear-gradient(180deg,#10100fe8,#080808e0);border-left:1px solid #a7813830}
.sidebar button{min-height:49px;margin:4px 0;border:1px solid transparent;font-weight:600;transition:.2s ease}
.sidebar button:hover{background:#30281b77;color:#e6c78d;border-color:#6c502c55}
.sidebar button.active{background:linear-gradient(90deg,#55391a94,#1c1915);color:#f2d4a1;border-color:#88633170;box-shadow:inset 3px 0 #d6ac69}
.content{max-width:1450px;padding:35px 3.8vw 110px}
.card{background:linear-gradient(160deg,#1c1b1bef,#111111f0);border-color:#6b532f66;border-radius:20px;box-shadow:0 18px 46px #0003}
.card:hover{border-color:#8c693e80}
.btn.gold{background:linear-gradient(110deg,#a87a38,#f1d399 54%,#bc8c44);box-shadow:0 7px 25px #a8772933}
.btn{transition:transform .18s,border-color .18s}.btn:hover{transform:translateY(-1px)}
.hero{border:1px solid #a77f4760;border-radius:24px}
.lux-intro{min-height:215px;display:flex;align-items:center;justify-content:space-between;gap:30px;padding:38px 42px;margin-bottom:19px;border:1px solid #a07b485e;border-radius:25px;background:radial-gradient(ellipse at 14% 12%,#8b5f2330,transparent 52%),linear-gradient(130deg,#281e12f2,#111111ed 64%);box-shadow:inset 0 1px #f6d8a620,0 22px 60px #0007;position:relative;overflow:hidden}
.lux-intro:after{content:'SQUAD / 01';position:absolute;bottom:18px;left:25px;font-size:10px;letter-spacing:4px;color:#bda06b45;direction:ltr}
.lux-intro h1{font-size:clamp(27px,3.1vw,46px);font-weight:760;line-height:1.5;letter-spacing:-.7px;margin:10px 0}
.lux-intro h1 span{color:#e9c683}.lux-intro p:not(.eyebrow){color:#c4b8a6;line-height:1.8;margin:0;font-size:14px}
.lux-intro-aside{display:grid;gap:13px;justify-items:start;min-width:210px;border-right:1px solid #8b6f473e;padding-right:28px}
.lux-intro-aside span{font-size:10px;color:#bca170;letter-spacing:2px;direction:ltr}.lux-intro-aside strong{font-size:15px;color:#e4d4b4}.lux-intro-aside .btn{font-size:12px}
.lux-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-bottom:18px}
.lux-metric{padding:22px 23px;min-height:145px;border:1px solid #7360476b;border-radius:19px;background:linear-gradient(140deg,#24201bee,#111212ed 80%);box-shadow:inset 0 1px #e1b76a18}
.lux-metric-kicker{font-size:12px;letter-spacing:.2px;color:#d6c6aa}.lux-metric-value{font-size:clamp(31px,3vw,43px);color:#f1d096;line-height:1.4;font-weight:750;font-variant-numeric:tabular-nums}.lux-metric small{color:#9f988e;font-size:11px;line-height:1.7}.lux-metric.lux-attention{border-color:#a47b36}
.lux-feature-grid{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(310px,1fr);gap:15px;margin:0 0 18px}.lux-panel{background:linear-gradient(145deg,#1a1918f2,#111111ec);border:1px solid #67543c80;border-radius:22px;padding:23px;box-shadow:0 16px 48px #0005;min-width:0}.lux-panel-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:19px}.lux-panel-head h2{font-size:19px;margin:7px 0 0}.lux-panel .eyebrow{letter-spacing:2px}.lux-panel-head .lux-descriptor{margin:7px 0 0;color:#9f9587;font-size:12px}.lux-text-button{color:#e4bb7e;border:1px solid #735936;background:#281d105c;border-radius:11px;padding:9px 12px;cursor:pointer;white-space:nowrap;font-size:12px}.lux-text-button:hover{background:#4b3215}
.lux-activity-list{display:grid}.lux-activity{display:flex;gap:13px;align-items:center;padding:15px 0;border-top:1px solid #725b3c3f}.lux-avatar{width:39px;height:39px;flex:0 0 39px;border-radius:12px;background:#47351d;border:1px solid #8e6837;color:#f2d59c;display:grid;place-items:center;font-weight:800}.lux-grow{flex:1;min-width:0}.lux-grow b{font-size:13px}.lux-grow p{font-size:12px;color:#aba297;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:5px 0 0}.lux-timestamp{font-size:11px;color:#aaa;display:grid;gap:8px;text-align:left;white-space:nowrap}.lux-timestamp span{color:#e9be7b}.lux-empty{padding:34px 12px;color:#bfad8c;text-align:center;border:1px dashed #65513970;border-radius:14px}
.lux-priority{display:flex;align-items:center;gap:13px;border-top:1px solid #725b3c3f;padding:17px 2px}.lux-priority-number{font-size:30px;font-weight:750;color:#efc680;min-width:43px}.lux-priority div{display:grid;gap:6px;flex:1}.lux-priority b{font-size:13px}.lux-priority small{font-size:11px;color:#a59a8b;line-height:1.5}.lux-priority button{background:#342616;border:1px solid #755632;color:#e2ba78;border-radius:10px;padding:8px 11px;cursor:pointer}.lux-lock{font-size:10px;color:#998b77}
.lux-full{margin-bottom:18px}.lux-search-bar{display:flex;align-items:center;gap:15px;margin:6px 0 14px}.lux-search-bar input{flex:1;max-width:380px;background:#0b0b0b;border-color:#79613e}.lux-search-bar span{color:#9f9688;font-size:11px}.lux-table th{font-size:12px;color:#cba765;font-weight:600}.lux-table td{padding:16px 12px}.lux-table td strong{display:block;font-size:13px}.lux-table td small{display:block;font-size:10px;color:#a99d88;margin-top:5px}.lux-plan{display:inline-block;padding:6px 9px;border:1px solid #7f5d2d60;border-radius:8px;background:#34241565;color:#ddbb83;font-size:11px}.lux-row-go{border:1px solid #76572f;background:#362817;color:#efd198;border-radius:9px;padding:7px 12px;cursor:pointer}.lux-footnote{font-size:11px;color:#91877b;line-height:1.8;padding:5px 6px 23px}
.lux-quick-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.lux-quick-grid button{display:grid;gap:10px;justify-items:start;text-align:right;padding:22px;border-radius:16px;background:#28221a99;border:1px solid #82633a77;color:#e8c98e;font-size:27px;cursor:pointer}.lux-quick-grid button:hover{background:#3a2a17}.lux-quick-grid b{font-size:14px;color:white}.lux-quick-grid small{font-size:11px;color:#aaa}
@media(max-width:1100px){.lux-feature-grid{grid-template-columns:1fr}.lux-metrics{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.content{padding:16px 12px 112px}.lux-intro{padding:23px 21px;align-items:start;flex-direction:column;gap:15px;min-height:0}.lux-intro h1{font-size:27px}.lux-intro-aside{border:0;padding:0;gap:8px;min-width:0}.lux-intro-aside span{display:none}.lux-metric{padding:15px;min-height:126px}.lux-metric-value{font-size:31px}.lux-panel{padding:16px}.lux-panel-head{align-items:start}.lux-panel-head h2{font-size:17px}.lux-text-button{font-size:11px}.lux-quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.lux-search-bar{align-items:start;flex-direction:column}.lux-search-bar input{max-width:100%;width:100%}.lux-activity{gap:8px}.lux-timestamp{font-size:10px}}
@media(max-width:380px){.lux-metrics{gap:8px}.lux-metric-kicker{font-size:10px}.lux-metric small{font-size:10px}}
@media(prefers-reduced-motion:reduce){.btn,.sidebar button{transition:none}}


/* PREMIUM V7 — substantial visual overhaul; functional code unchanged */
@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@400;500;600;700;800;900&display=swap');
:root{--gold:#efd194;--gold2:#a87b38;--bg:#08090a;--panel:#121315;--line:#40372c;--text:#f7f2e8;--muted:#a69e92;font-family:'Cairo',Tahoma,'Segoe UI',sans-serif}
html{scroll-behavior:smooth}body{background:radial-gradient(ellipse 75% 40% at 10% 0%,rgba(106,69,25,.13),transparent 75%),#08090a;letter-spacing:0}button,input,textarea,select{font-family:inherit}button{transition:transform .2s ease,border-color .2s ease,background .2s ease,box-shadow .2s ease}button:hover:not(:disabled){transform:translateY(-1px)}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #e5c17d;outline-offset:3px}
.app-atmosphere{opacity:.9}.atmos-portrait{filter:sepia(.12) saturate(.8) contrast(1.12) drop-shadow(0 0 70px #c3892736);opacity:.2!important}.atmos-logo{width:min(48vw,610px)!important;opacity:.048!important;filter:none!important;left:41%!important}
.topbar{height:88px;padding:0 clamp(18px,3.6vw,58px);border-bottom:1px solid #59472b80;background:linear-gradient(90deg,#0b0c0df7,#11100ef7);box-shadow:0 10px 40px #0005}.brand{gap:17px}.brand-symbol{width:56px;height:56px;display:grid;place-items:center;border:1px solid #c398513b;border-radius:17px;background:radial-gradient(circle at 50% 50%,#c4913218,transparent 70%)}.brand-symbol img{width:43px;height:43px;object-fit:contain}.brand b{font:900 20px 'Cairo',sans-serif;letter-spacing:1.2px;color:#f5d79b}.brand em{font-style:normal;color:#fff;font-weight:600}.brand small{color:#ac8e5a;letter-spacing:2.3px;font:600 9px 'Cairo',sans-serif}.top-actions{gap:16px}.system-live{display:inline-flex;align-items:center;gap:8px;font:700 10px 'Cairo',sans-serif;letter-spacing:1.7px;color:#bca67b;direction:ltr}.system-live i{background:#8bbf84;box-shadow:0 0 13px #66ab69;display:inline-block;height:6px;width:6px;border-radius:50%}.pill{border-color:#7c61344f;background:#b99c5e0d;padding:9px 15px;color:#e2ca9b}
.shell{grid-template-columns:260px minmax(0,1fr);min-height:calc(100vh - 88px)}.sidebar{padding:27px 13px 22px;background:linear-gradient(180deg,#101112 0%,#0b0b0b 100%);border-left:1px solid #9673463d;display:flex;flex-direction:column;gap:20px}.sidebar-title{padding:7px 15px 13px;border-bottom:1px solid #a5824630;display:grid;gap:9px}.sidebar-title span{font:700 10px 'Cairo',sans-serif;color:#987d53;letter-spacing:2px;direction:ltr;text-align:right}.sidebar-title strong{font:900 19px 'Cairo',sans-serif;color:#e6c283}.sidebar-title small{font:700 11px 'Cairo',sans-serif;color:#b7aa93}.sidebar #nav{display:grid;gap:6px}.sidebar button{font-size:13px;font-weight:700;padding:15px 17px;border:1px solid transparent;border-radius:13px;gap:15px}.sidebar button span{font-size:21px;color:#ba9a60;min-width:24px;text-align:center}.sidebar button:hover{background:#3d302027;border-color:#9c784045}.sidebar button.active{border:1px solid #d0aa6677;background:linear-gradient(90deg,#d4a55418,#78552624);color:#f6ddb0;box-shadow:inset 3px 0 0 #e2b76e}.sidebar-footer{margin-top:auto;display:flex;align-items:center;gap:12px;padding:17px 12px;border:1px solid #8f6c3538;border-radius:16px;background:#ad7e3312}.sidebar-footer img{width:36px;height:36px;object-fit:contain}.sidebar-footer b{display:block;font:800 11px 'Cairo',sans-serif;letter-spacing:1px;color:#eed4a6}.sidebar-footer small{font:500 8px 'Cairo',sans-serif;color:#aa987c;letter-spacing:1px}.content{max-width:1500px;padding:35px clamp(22px,3.6vw,64px) 110px}.content:before{display:none}
.lux-intro{position:relative;overflow:hidden;min-height:290px;padding:44px 46px;border:1px solid #d9aa5f6e;border-radius:27px;background:radial-gradient(ellipse at 0% 20%,#d9a45126,transparent 55%),linear-gradient(120deg,#251a0f 0%,#131313 59%,#0d1012 100%);box-shadow:0 18px 70px #0009,inset 0 1px #e5c8873a;margin-bottom:23px}.lux-intro:before{content:'';position:absolute;inset:0;background:linear-gradient(115deg,transparent 35%,#ffd58a10 35.2%,transparent 35.5%,transparent 68%,#ffc2620a 68.2%,transparent 68.5%);pointer-events:none}.lux-intro:after{content:'';position:absolute;left:19%;bottom:-70px;width:270px;height:270px;background:url('assets/jan-logo.png') center/contain no-repeat;opacity:.065;pointer-events:none}.lux-intro .eyebrow{letter-spacing:3px;color:#dcb875;font-weight:800;font-size:11px}.lux-intro h1{font:900 clamp(27px,3vw,43px)/1.65 'Cairo',sans-serif;color:#fff9ee;max-width:800px}.lux-intro h1 span{color:#f0c779}.lux-intro p:not(.eyebrow){color:#c4bbae;font-size:14px}.lux-intro-aside{border-right:1px solid #9b78463b;padding-right:24px}.lux-intro-aside strong{font-size:15px}.lux-intro-aside span{color:#cbac77}.lux-metrics{gap:18px;margin-bottom:24px}.lux-metric{position:relative;overflow:hidden;min-height:160px;padding:23px 25px;border:1px solid #96774450;border-radius:19px;background:linear-gradient(135deg,#1f1d1a,#101213 78%);box-shadow:0 12px 30px #0007,inset 0 1px #f1c7791c}.lux-metric:after{content:'';position:absolute;width:90px;height:90px;border-radius:50%;left:-32px;top:-32px;background:radial-gradient(circle,#d8a34525,transparent 70%)}.lux-metric-kicker{font-size:12px;color:#c8bba5;font-weight:700}.lux-metric-value{font:800 clamp(36px,3.1vw,48px)/1.55 'Cairo',sans-serif;color:#e9c687;text-shadow:0 0 27px #9e74271a}.lux-metric small{font-size:11px;color:#a7a198}.lux-metric.lux-attention{border-color:#c7955177;background:linear-gradient(135deg,#302317,#111314)}
.lux-feature-grid{gap:20px;margin-bottom:22px}.lux-panel,.card{border:1px solid #85683f54;border-radius:21px;background:linear-gradient(140deg,#1c1c1b,#111213 75%);box-shadow:0 15px 50px #0006,inset 0 1px #e3be7711}.lux-panel{padding:28px}.lux-panel-head{border-bottom:1px solid #9b77432b;padding-bottom:17px;margin-bottom:12px}.lux-panel-head h2{font-weight:800;font-size:21px}.lux-activity{padding:18px 0}.lux-avatar{border-radius:50%;width:47px;height:47px;flex-basis:47px;background:#362613;border:1px solid #a47a39a1}.lux-priority{padding:23px 2px}.lux-priority-number{font:800 36px 'Cairo',sans-serif}.lux-panel.lux-full{margin-bottom:22px}.lux-search-bar input{max-width:440px}.lux-table th{letter-spacing:.15px}.lux-table td{border-bottom-color:#6c50352c}.lux-quick-grid{gap:15px}.lux-quick-grid button{padding:26px;border-radius:20px;border:1px solid #ac864752;background:linear-gradient(135deg,#282016,#101314);box-shadow:0 10px 30px #0008}.lux-quick-grid button:hover{border-color:#e3bd7d;box-shadow:0 10px 40px #c9993325}
.hero{position:relative;overflow:hidden;padding:32px 37px;border:1px solid #a47a3f70;border-radius:23px;background:radial-gradient(circle at 0% 100%,#aa7a332a,transparent 45%),linear-gradient(115deg,#241a0e,#111314 75%);box-shadow:inset 0 1px #dfbc7125,0 17px 40px #0007}.hero:after{content:'';position:absolute;left:20px;top:50%;transform:translateY(-50%);width:155px;height:155px;background:url('assets/jan-logo.png') center/contain no-repeat;opacity:.055;pointer-events:none}.hero h1{font-size:clamp(25px,2.5vw,36px);font-weight:900}.card{padding:25px}.card h3{font-weight:800;color:#edd9b4}.section-title h2{font-weight:800}.btn{border-radius:12px;font-weight:800}.btn.gold{background:linear-gradient(112deg,#ad7a30,#f2ce81 52%,#bc8b3d);box-shadow:inset 0 1px #fff4cc8a,0 7px 23px #95621f30;color:#211607}.btn.gold:hover{box-shadow:0 10px 29px #d19d4044}.btn.ghost{border:1px solid #ad874447}.tabs button.active{background:linear-gradient(120deg,#bd8b43,#f0cf88);color:#1d1305}.notice{border-color:#98703f}.table th{font-weight:800}.empty{background:#211b141c}
.auth-screen{background:radial-gradient(ellipse at 12% 30%,#8c5d1c2e,transparent 45%),linear-gradient(135deg,#080909,#12100e 75%);position:relative;overflow:hidden}.auth-screen:before{content:'';position:absolute;left:3%;bottom:-8%;width:42vw;max-width:550px;height:85%;background:url('assets/coach-portrait.png') bottom left/contain no-repeat;opacity:.31;pointer-events:none}.auth-card{position:relative;z-index:1;border:1px solid #c5a06a6c;border-radius:27px;max-width:450px;width:100%;padding:34px 37px;background:linear-gradient(145deg,#231b10f2,#101112f7 63%);box-shadow:0 30px 100px #000c,inset 0 1px #e7bf713a;backdrop-filter:blur(20px)}.auth-topline{display:flex;justify-content:space-between;color:#cba661;font:800 9px 'Cairo',sans-serif;letter-spacing:2px;margin-bottom:20px}.auth-topline span{color:#846d4a}.auth-logo{width:96px;height:96px;object-fit:contain;filter:drop-shadow(0 0 24px #c28b2a49);margin:0 auto 13px;display:block}.auth-card>.eyebrow{text-align:center}.auth-card h1{font:900 30px/1.5 'Cairo',sans-serif;text-align:center}.auth-card>.muted{text-align:center}.auth-card input{height:51px}.auth-card .btn.gold{min-height:50px}.password-tools{text-align:center;margin-top:14px}.auth-card .link-btn{font-weight:700}
@media(max-width:1080px){.system-live{display:none}.shell{grid-template-columns:225px minmax(0,1fr)}.lux-intro{padding:30px}.lux-metrics{gap:12px}}
@media(max-width:850px){.shell{display:block}.sidebar{display:none}.topbar{height:69px;padding:0 16px}.brand-symbol{width:46px;height:46px}.brand-symbol img{width:36px;height:36px}.brand b{font-size:15px}.brand small{font-size:8px}.content{padding:19px 15px 116px}.bottom-nav{display:flex;border-top:1px solid #aa824765;background:#0a0a0bf2;box-shadow:0 -12px 42px #000c}.bottom-nav button{font-size:10px;border-radius:12px}.bottom-nav button.active{background:#8c622a45;color:#f1d18c}.lux-intro{min-height:230px;padding:27px 24px}.lux-intro h1{font-size:29px}.lux-intro-aside{padding-right:0;border:0}.atmos-portrait{opacity:.12!important}.atmos-logo{width:90vw!important;left:50%!important}.hero{padding:25px 23px}.auth-screen:before{opacity:.12;width:80vw}.auth-card{padding:28px 22px}.system-live{display:none}}
@media(max-width:550px){.brand em{display:none}.lux-intro{padding:25px 19px}.lux-intro h1{font-size:26px}.lux-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.lux-metric{min-height:132px;padding:17px 15px}.lux-metric-value{font-size:33px}.lux-feature-grid{gap:13px}.lux-panel{padding:18px}.lux-quick-grid{gap:10px}.lux-quick-grid button{padding:17px}.lux-panel-head h2{font-size:17px}.auth-screen{padding:15px}.auth-card{padding:25px 20px}.top-actions{gap:7px}.btn.smallbtn{font-size:11px;padding:9px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}

/* V8: body dimensions & performance charts */
.measure-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:13px;margin:14px 0 26px}
.measure-tile{border:1px solid rgba(207,165,85,.25);border-radius:18px;padding:18px 15px;background:linear-gradient(145deg,rgba(39,32,22,.89),rgba(12,12,13,.94));display:flex;flex-direction:column;gap:8px;min-height:150px;box-shadow:inset 0 1px rgba(255,239,196,.05)}
.measure-tile>span{font-weight:700;color:#f6e7c9;font-size:13px}.measure-tile small{color:#a99b85;font-size:11px}.measure-tile strong{color:#f1cc7f;font:700 clamp(21px,2vw,29px) 'Segoe UI',Tahoma,sans-serif;font-variant-numeric:tabular-nums}.measure-tile em{font-style:normal;font-size:12px;color:#c9b485}
.measure-en{display:block;font-size:11px;color:#bb9959;font-weight:500;direction:ltr;text-align:start;letter-spacing:.4px}
.chart-wrap{padding:5px 0 0;direction:ltr}.chart-wrap svg{width:100%;height:auto;max-height:275px;display:block;overflow:visible}.chart-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;direction:rtl;color:#b7aa97;font-size:12px;padding:4px 10px 6px}.chart-meta strong{font-size:18px;color:#f2cb78}.chart-empty{text-align:center;padding:28px 12px;color:#b7aa97;font-size:13px;border:1px dashed #655035;border-radius:12px}.exercise-mini-chart{border:1px solid rgba(202,161,79,.16);border-radius:13px;padding:12px;margin:12px 0;background:rgba(0,0,0,.2)}.exercise-mini-chart .chart-wrap svg{max-height:155px}
@media(max-width:1100px){.measure-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:650px){.measure-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.measure-tile{min-height:130px;padding:13px 12px}.chart-meta{font-size:10px;flex-wrap:wrap}}

/* V9 Subscription Command Center */
.sub-metrics{margin-bottom:24px}.sub-list{display:grid;gap:12px}.sub-item{border:1px solid #493b25;background:linear-gradient(120deg,#161513,#211b13);border-radius:18px;padding:18px;display:grid;grid-template-columns:minmax(160px,1fr) 130px 155px auto;align-items:center;gap:16px}.sub-client{display:grid;gap:5px}.sub-client strong{font-size:15px}.sub-client small,.sub-item small{color:#a8a096}.sub-item>div:nth-child(2){display:grid;gap:5px}.sub-state{border:1px solid #78643d;background:#2b2417;border-radius:40px;padding:9px 12px;text-align:center;color:#f0d49d;font-size:12px}.sub-state.expired,.sub-state.cancelled{color:#f6a69f;border-color:#773d3a}.sub-state.active{color:#d6e6c4;border-color:#59704b}.sub-actions{display:flex;gap:7px;flex-wrap:wrap}.sub-actions .btn{font-size:11px}@media(max-width:1050px){.sub-item{grid-template-columns:1fr 1fr}.sub-actions{grid-column:1/-1}}@media(max-width:540px){.sub-item{grid-template-columns:1fr}.sub-actions{grid-column:auto}}

/* V10 client renewal notice — visual only; no automatic account suspension */
.client-renewal-card{position:relative;isolation:isolate;margin:0 0 24px;padding:27px 28px;border-radius:24px;border:1px solid rgba(230,181,87,.42);background:linear-gradient(120deg,rgba(51,33,14,.94),rgba(20,20,20,.98) 65%,rgba(35,27,16,.9));box-shadow:0 20px 52px rgba(0,0,0,.26),inset 0 1px 0 rgba(255,221,153,.11);overflow:hidden}
.client-renewal-card:before{content:"";position:absolute;inset:auto -70px -100px auto;width:260px;height:260px;background:radial-gradient(circle,rgba(208,148,55,.16),transparent 65%);pointer-events:none;z-index:-1}
.client-renewal-head{display:flex;align-items:center;gap:15px;margin-bottom:20px}.client-renewal-head h2{font-size:clamp(19px,2.2vw,25px);margin:4px 0 0}.client-renewal-icon{display:grid;place-items:center;width:48px;height:48px;background:rgba(225,174,87,.1);color:#eec267;font-size:27px;border:1px solid rgba(235,177,74,.26);border-radius:14px}.client-renewal-state{margin-inline-start:auto;border:1px solid #6f6c42;border-radius:99px;padding:8px 13px;font-size:12px;background:#292b1b;color:#d8e7b5}.client-renewal-state.due,.client-renewal-state.expired{color:#ffcc88;background:#382411;border-color:#ab7037}.client-renewal-main{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:12px;margin-bottom:19px}.client-renewal-main>div{display:grid;gap:10px;padding:16px;border:1px solid rgba(207,167,100,.19);background:rgba(7,7,7,.28);border-radius:15px}.client-renewal-main span{font-size:11px;color:#aea498}.client-renewal-main strong{font-size:17px;color:#f5d38b}.client-renewal-warning{display:flex;align-items:flex-start;gap:13px;border:1px solid rgba(218,161,69,.3);border-radius:15px;padding:15px;background:rgba(154,93,24,.12);line-height:1.9;color:#f2d8ab}.client-renewal-warning>span{font-size:23px;color:#e9b95d}.client-renewal-warning p{margin:0;font-size:13px}.client-renewal-warning p span{color:#ffdcaa}.client-renewal-action{margin-top:16px;text-decoration:none}
.client-renewal-missing{border-style:dashed}.client-renewal-missing p{color:#d8cbb4;line-height:1.8}
@media(max-width:760px){.client-renewal-card{padding:18px 15px;border-radius:18px}.client-renewal-main{grid-template-columns:1fr 1fr}.client-renewal-main>div:first-child{grid-column:1/-1}.client-renewal-main strong{font-size:15px}.client-renewal-head{gap:9px}.client-renewal-icon{width:39px;height:39px}.client-renewal-state{font-size:10px;padding:6px 8px}}

/* V11 install affordance, consistent with DR JAN premium identity */
.install-app-btn{position:fixed;z-index:100;bottom:92px;left:14px;border:1px solid #f4d48a;background:linear-gradient(125deg,#a97629,#efcf7c);color:#1a1308;font-weight:800;border-radius:999px;padding:13px 18px;box-shadow:0 12px 36px #000a;font-family:inherit;cursor:pointer;max-width:calc(100vw - 28px)}
.install-app-btn[hidden]{display:none!important}
@media(min-width:851px){.install-app-btn{bottom:24px}}
@media(display-mode:standalone){.install-app-btn{display:none!important}}

/* V5: social media section, official DR JAN accounts */
.jan-social{position:relative;isolation:isolate;overflow:hidden;margin:24px 0 12px;padding:28px 30px;background:radial-gradient(ellipse at 100% 0%,#c3903731,transparent 55%),linear-gradient(130deg,#21180f,#111214 65%,#0b0b0d);border:1px solid #b9905488;border-radius:24px;box-shadow:0 18px 55px #0008,inset 0 1px #ead29a22}.jan-social:before{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(120deg,transparent 25%,#f1bc5210 25.2%,transparent 25.5%,transparent 72%,#f1bc520b 72.2%,transparent 72.5%)}.jan-social-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}.jan-social-head .eyebrow{font-size:10px;letter-spacing:2px;color:#dfb779;margin-bottom:7px}.jan-social-head h2{font-size:clamp(20px,2.3vw,29px);font-weight:900;color:#f7eddd;margin:0 0 7px}.jan-social-head h2 span{color:#ddb76e}.jan-social-head p:not(.eyebrow){font-size:12px;color:#b3a89b;line-height:1.7}.jan-social-seal{width:76px;height:76px;flex:none;display:grid;place-items:center;border:1px solid #d2a96285;border-radius:50%;background:radial-gradient(circle,#b182302e,transparent 72%);color:#eac886;font-weight:900;letter-spacing:3px;font-size:22px;box-shadow:0 0 35px #ad762c24}.jan-social-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.jan-social-link{display:flex;align-items:center;gap:13px;min-width:0;text-decoration:none!important;color:#f6e7ce!important;padding:18px 15px;border:1px solid #9e753d65;border-radius:16px;background:linear-gradient(145deg,#2c2117,#151618);box-shadow:0 9px 24px #0004;transition:transform .2s,border-color .2s,box-shadow .2s}.jan-social-link:hover,.jan-social-link:focus-visible{transform:translateY(-3px);border-color:#edc278;box-shadow:0 10px 28px #d6a14d23;outline:none}.jan-social-icon{display:grid;place-items:center;flex:0 0 46px;width:46px;height:46px;border-radius:12px;color:#f3d198;background:#a8783430;border:1px solid #d1a45a50}.jan-social-text{display:grid;gap:4px;min-width:0;direction:ltr;text-align:left}.jan-social-text b{font-size:15px}.jan-social-text small{font-size:10px;color:#b5a48b;overflow-wrap:anywhere}.jan-social-arrow{margin-inline-start:auto;color:#d2a560;font-size:20px}.jan-social-bottom{margin-top:19px;text-align:center;font-size:10px;font-weight:700;letter-spacing:2px;color:#9c875f;direction:ltr}.jan-social-bottom span{padding:0 8px;color:#e4bb7c}@media(max-width:800px){.jan-social-links{grid-template-columns:1fr}.jan-social-link{padding:14px 18px}.jan-social{padding:24px 18px}.jan-social-seal{width:54px;height:54px;font-size:16px}}

/* V6 Prepared-client workflow */
.prep-panel{max-width:900px;margin:auto}.prep-panel>label{display:block;margin-bottom:18px}.prep-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:18px 0}.prep-summary>div{background:#161411;border:1px solid #8a6a3266;border-radius:12px;padding:15px;display:grid;gap:7px}.prep-summary span{font-size:12px;color:#bca77c}.prep-summary strong{overflow-wrap:anywhere}.prep-status{background:#1a1711;border:1px solid #ba8e4960;border-radius:12px;padding:15px;margin:16px 0;color:#f5d38e}.prep-list{display:grid;gap:10px;margin:16px 0}.prep-file{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:14px;border:1px solid #87673566;border-radius:12px}.prep-file>div{display:grid;gap:5px}.prep-file small{color:#b7a78b}.prep-panel #prep-invite{margin-top:22px;border-top:1px solid #8a6a3250;padding-top:15px}@media(max-width:560px){.prep-summary{grid-template-columns:1fr}.prep-file{flex-wrap:wrap}}

/* V7.1 MOBILE ADMIN HOTFIX: never let 11 admin tabs widen phone viewport */
html,body{max-width:100%;overflow-x:clip}
#app,.shell,.content{min-width:0;max-width:100%}
@media(max-width:850px){
  .shell{width:100%;overflow-x:clip}
  .topbar{width:100%;gap:7px;padding-inline:12px;min-width:0}
  .brand{min-width:0;gap:8px}
  .top-actions{flex:0 0 auto}
  .brand small{letter-spacing:1px}
  .content{width:100%;min-width:0;max-width:100%;padding:18px 12px calc(105px + env(safe-area-inset-bottom))}
  .content>*,.lux-panel,.lux-intro,.jan-social{max-width:100%;min-width:0}
  .bottom-nav{direction:rtl;display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr));width:100%;max-width:100vw;gap:2px;padding:7px 5px calc(7px + env(safe-area-inset-bottom));align-items:stretch}
  .bottom-nav>button{min-width:0;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:8px 2px;white-space:normal;line-height:1.25}
  .bottom-nav>button>span{font-size:19px;line-height:1.25}
  .bottom-nav>button>small{font-size:10px;font-weight:700;line-height:1.25;overflow-wrap:anywhere}
  .jan-more-menu{position:absolute;bottom:calc(100% + 6px);inset-inline:9px;background:#171513;border:1px solid #a77f45;border-radius:18px;padding:13px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;max-height:min(62dvh,480px);overflow-y:auto;box-shadow:0 -15px 55px #000c;z-index:12}
  .jan-more-menu[hidden]{display:none!important}
  .jan-more-heading{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;padding:3px 5px 10px;color:#e6c88d;font-weight:800}
  .jan-more-heading button{width:auto!important;padding:3px 9px;background:#322719;color:#eac47f;border:1px solid #745832;border-radius:9px}
  .jan-more-menu>button{width:100%;min-width:0;padding:12px 9px;text-align:right;justify-content:flex-start;background:#231d17;border:1px solid #634a2a;display:flex;gap:8px;font-size:12px}
  .jan-more-menu>button small{font-size:12px}
  .jan-admin-hero{position:relative;min-height:285px!important;padding:24px 17px!important;display:flex;flex-direction:column;justify-content:space-between;gap:22px;background:radial-gradient(ellipse at 0% 55%,#9d6a352d,transparent 67%),linear-gradient(110deg,#141414,#2b1e11)!important;isolation:isolate}
  .jan-admin-hero:before{content:'';position:absolute;inset:0;background:linear-gradient(270deg,#17110eea 0%,#17110eb0 45%,#17110e10 100%),url('assets/coach-portrait.png') left bottom / auto 96% no-repeat;z-index:-1;pointer-events:none}
  .jan-admin-hero>div:first-child{max-width:70%;align-self:flex-start}
  .jan-admin-hero h1{font-size:clamp(21px,5.8vw,26px)!important;line-height:1.5}
  .jan-admin-hero p:not(.eyebrow){font-size:12px;line-height:1.7}
  .jan-admin-hero .lux-intro-aside{align-self:stretch;display:flex;align-items:flex-end;gap:8px;flex-wrap:wrap}
  .jan-admin-hero .lux-intro-aside .btn{font-size:12px;max-width:100%}
  .atmos-portrait{opacity:.045!important;left:-8vw!important;bottom:5vh!important;height:48vh!important}
  .atmos-logo{opacity:.03!important}
  .lux-metrics{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .jan-social{margin-top:18px}
}
@media(max-width:370px){.brand small{font-size:7px}.brand b{font-size:13px}.brand-symbol{width:39px;height:39px}.top-actions .smallbtn{padding:7px}.jan-admin-hero>div:first-child{max-width:75%}.bottom-nav>button>small{font-size:9px}}


/* DR JAN SQUAD V8 PREMIUM — presentation-only enhancements.
   No changes to authentication, subscriptions, document access or Supabase. */
.lux-client-intro{isolation:isolate;align-items:center;min-height:300px;overflow:hidden;
 background:radial-gradient(ellipse at 0% 80%,#bb80302c,transparent 52%),linear-gradient(118deg,#2d2116,#101011 70%);
 border:1px solid #dbab657f;box-shadow:0 16px 48px #0009,inset 0 1px #f3d49c60,0 0 22px #b6812419}
.lux-client-intro:before{content:"";position:absolute;inset:0;background:linear-gradient(105deg,#110e0b00 12%,#0d0c0cbb 55%,#0d0c0cef 100%);z-index:-1;pointer-events:none}
.lux-client-intro:after{opacity:.035}
.jan-v8-coach{position:absolute;left:-12px;bottom:-10px;max-height:108%;width:auto;max-width:52%;object-fit:contain;object-position:left bottom;z-index:-1;pointer-events:none;filter:drop-shadow(0 0 23px #c98c3f33)}
.jan-v8-greeting{position:relative;z-index:1;min-width:0;max-width:65%}
.lux-client-intro .lux-intro-aside{position:relative;z-index:1;background:#17120b55;border-radius:16px;padding:17px;border:1px solid #d1aa6350;min-width:190px}
.lux-client-intro .lux-intro-aside strong{display:inline-flex;align-items:center;justify-content:center;padding:6px 14px;border:1px solid #caa15f;background:linear-gradient(135deg,#4e351a,#17120c);color:#f5d69d;border-radius:999px}
.lux-client-intro .btn.gold{background:linear-gradient(115deg,#b17b30,#f7d891 54%,#bc8839);border:1px solid #f8db9c;border-radius:18px;box-shadow:0 8px 27px #cd983b44}
.client-renewal-card{border:1px solid #c59b586f;border-radius:26px;background:radial-gradient(ellipse at 0% 0%,#9d693225,transparent 55%),linear-gradient(150deg,#2c2218,#131414 66%);box-shadow:0 14px 40px #0009,inset 0 1px #ffe4a83d,0 0 19px #d29e3412}
.client-renewal-icon{border-radius:50%;background:radial-gradient(circle at 35% 25%,#846133,#22180e 70%);border:1px solid #d3a75b;box-shadow:inset 0 1px #f8d69a44,0 5px 14px #0008;flex-shrink:0}
.client-renewal-main>div{position:relative;min-width:0;border-radius:20px;padding:21px 17px;border:1px solid #b18a507a;background:linear-gradient(130deg,#38291cbb,#141313 76%);box-shadow:inset 0 1px #fce4b32c,0 7px 20px #0005}
.client-renewal-main>div:before{content:'♛';display:grid;place-items:center;width:39px;height:39px;margin-bottom:5px;font-size:21px;color:#f4cf83;border-radius:50%;border:1px solid #b79055;background:radial-gradient(circle at 30% 25%,#765427,#1c1610 75%);box-shadow:0 6px 19px #0007}
.client-renewal-main>div:nth-child(2):before{content:'▣'}
.client-renewal-main>div:nth-child(3):before{content:'◷'}
.client-renewal-main strong{overflow-wrap:anywhere;font-weight:900;color:#f3ce85;font-variant-numeric:tabular-nums}
.lux-client-intro+.client-renewal-card+.lux-metrics .lux-metric{border-radius:21px;background:linear-gradient(135deg,#332517,#121313 82%);border-color:#b58c4f7d}
.lux-quick-grid button{border-radius:22px;background:linear-gradient(140deg,#352719,#151515 75%);border:1px solid #b18b507d;box-shadow:inset 0 1px #ffdfab2b,0 10px 24px #0008;transition:transform .18s,border-color .18s}
.lux-quick-grid button:hover{transform:translateY(-2px)}
.jan-v8-bubble{width:52px;height:52px;display:grid;place-items:center;font-size:25px;line-height:1;border-radius:50%;border:1px solid #d1a969;background:radial-gradient(circle at 30% 20%,#816035,#2a2118 72%);color:#f6d38c;box-shadow:inset 0 2px #ffe0a344,0 8px 17px #0009,0 0 18px #c18c312b}
.jan-social{border-color:#d1a36380;box-shadow:0 19px 50px #000a,inset 0 1px #fae1b23a}
.jan-social-link{border-radius:20px;border-color:#bc915a84}
.jan-social-icon{border-radius:50%;background:radial-gradient(circle at 30% 20%,#96713f,#2a2118 75%);border-color:#dbb775;box-shadow:inset 0 1px #fbe1ab66,0 7px 18px #0006}
@media(max-width:850px){
 .bottom-nav{border:1px solid #b48a4c80;border-bottom:0;border-radius:22px 22px 0 0;padding:9px 6px calc(8px + env(safe-area-inset-bottom));background:linear-gradient(180deg,#191713f7,#0b0b0df9)}
 .bottom-nav>button{border-radius:15px!important;gap:5px!important}
 .bottom-nav>button>span{display:grid;place-items:center;width:35px;height:35px;border-radius:50%;background:radial-gradient(circle at 32% 15%,#473521,#141311 75%);border:1px solid #85673e80;font-size:19px!important;box-shadow:inset 0 1px #f8ddab22}
 .bottom-nav>button.active{background:#9e76232e!important;color:#f4d18b!important}
 .bottom-nav>button.active>span{background:linear-gradient(135deg,#b78038,#f0d089);color:#201509;border-color:#efcf8c;box-shadow:0 2px 14px #d4a04877}
 .jan-more-menu>button>span{width:27px;height:27px;flex-shrink:0}
}
@media(max-width:700px){
 .lux-client-intro{min-height:340px!important;padding:21px 18px 18px!important;display:flex;flex-direction:column;align-items:stretch;justify-content:space-between;gap:10px}
 .jan-v8-coach{height:89%;max-height:none;max-width:53%;left:-24px;bottom:-6px;object-fit:contain;object-position:bottom left}
 .lux-client-intro:before{background:linear-gradient(270deg,#0d0c0cfc 0%,#0d0c0cdc 42%,#0d0c0c20 95%)}
 .jan-v8-greeting{max-width:70%;align-self:flex-start;min-width:0}
 .lux-client-intro h1{font-size:clamp(20px,5.4vw,27px)!important;line-height:1.48!important;margin:7px 0}
 .lux-client-intro .eyebrow{font-size:9px;letter-spacing:1.5px}
 .lux-client-intro p:not(.eyebrow){font-size:12px;line-height:1.65}
 .lux-client-intro .lux-intro-aside{border:0;background:transparent;padding:0;align-self:flex-start;display:flex;flex-wrap:wrap;gap:8px;align-items:center;min-width:0;width:72%}
 .lux-client-intro .lux-intro-aside>span{display:none}
 .lux-client-intro .lux-intro-aside strong{font-size:11px}
 .lux-client-intro .lux-intro-aside .btn{font-size:12px;flex:1;min-width:135px;padding:12px 8px}
 .client-renewal-card{padding:21px 15px;border-radius:24px}
 .client-renewal-head h2{font-size:20px}
 .client-renewal-main{gap:10px}
 .client-renewal-main>div{padding:14px 12px;border-radius:17px}
 .client-renewal-main>div:before{width:34px;height:34px;font-size:19px}
 .client-renewal-main span{font-size:10px}
 .client-renewal-main strong{font-size:clamp(13px,4vw,18px)}
 .lux-quick-grid button{padding:15px 12px;gap:8px;justify-items:center;text-align:center}
 .jan-v8-bubble{width:46px;height:46px;font-size:23px}
 .jan-social-icon{width:45px;height:45px;flex-basis:45px}
}
@media(max-width:390px){
 .jan-v8-coach{left:-40px;max-width:59%;height:83%}
 .lux-client-intro{min-height:350px!important}
 .jan-v8-greeting{max-width:73%}
 .lux-client-intro .lux-intro-aside{width:76%}
 .client-renewal-head{flex-wrap:wrap}
}
/* Keep coach portrait beneath the legible foreground content. */
.lux-client-intro .jan-v8-coach{z-index:0}
.lux-client-intro:before{z-index:1}
.lux-client-intro .jan-v8-greeting,.lux-client-intro .lux-intro-aside{z-index:2}
.lux-client-intro:after{z-index:0}

/* DR JAN V8.1 — client welcome card tuning only.
   Keeps all data flows, navigation and other layouts unchanged. */
@media (max-width:700px){
  .lux-client-intro{
    position:relative;
    min-height:410px!important;
    padding:23px 17px 22px!important;
    justify-content:flex-start!important;
  }
  .lux-client-intro .jan-v8-coach{
    left:0!important;
    bottom:-3px!important;
    height:91%!important;
    width:auto!important;
    max-width:75%!important;
    max-height:none!important;
    object-position:left bottom!important;
    filter:drop-shadow(0 0 20px #b67a2f40);
  }
  .lux-client-intro:before{
    background:linear-gradient(270deg,#0c0b0bf7 0%,#0c0b0bd9 30%,#0c0b0b35 68%,transparent 100%)!important;
  }
  .lux-client-intro .jan-v8-greeting{
    align-self:flex-end!important;
    width:72%;max-width:72%;
    text-align:right;
  }
  .lux-client-intro .lux-intro-aside{
    position:absolute!important;
    bottom:21px;right:18px;
    width:61%!important;
    padding:0!important;
    align-self:auto!important;
    display:flex!important;
    flex-direction:column!important;
    flex-wrap:nowrap!important;
    align-items:stretch!important;
    justify-content:flex-end!important;
    gap:12px!important;
    background:transparent!important;
    border:0!important;
  }
  .lux-client-intro .lux-intro-aside strong{
    display:flex!important;
    align-self:center!important;
    min-width:124px;
    min-height:53px;
    padding:10px 20px!important;
    font-size:21px!important;
    font-weight:900;
    text-align:center;
    letter-spacing:.7px;
    border:1px solid #e8bf72;
    border-radius:19px;
    background:linear-gradient(140deg,#443016,#21170e 73%);
    color:#f7d58e;
    box-shadow:inset 0 1px #ffe5a35e,0 0 18px #d4a34747;
  }
  .lux-client-intro .lux-intro-aside strong:before{content:'♛';margin-left:9px;color:#f1c66e;font-size:23px}
  .lux-client-intro .lux-intro-aside .btn{
    width:100%;min-width:0!important;
    min-height:57px;
    flex:none!important;
    font-size:clamp(12px,3.5vw,15px)!important;
    padding:13px 7px!important;
  }
}
@media (max-width:390px){
  .lux-client-intro{min-height:405px!important}
  .lux-client-intro .jan-v8-coach{left:-4px!important;height:88%!important;max-width:78%!important}
  .lux-client-intro .jan-v8-greeting{width:76%;max-width:76%}
  .lux-client-intro .lux-intro-aside{width:62%!important;right:13px}
  .lux-client-intro .lux-intro-aside strong{font-size:18px!important;min-height:48px}
}


/* DR JAN SQUAD V8.2 — mobile client hero, protected text zone. */
@media (max-width:850px){
 .lux-client-intro{position:relative;display:block!important;min-height:445px!important;padding:0!important;overflow:hidden}
 .lux-client-intro .jan-v8-coach{position:absolute!important;left:0!important;right:auto!important;bottom:0!important;height:78%!important;width:auto!important;max-width:79%!important;object-fit:contain!important;object-position:left bottom!important;z-index:0!important}
 .lux-client-intro:before{z-index:1!important;background:linear-gradient(270deg,#0c0b0be8 0%,#0c0b0b92 32%,transparent 78%)!important}
 .lux-client-intro .jan-v8-greeting{position:absolute!important;top:20px!important;right:19px!important;left:auto!important;width:69%!important;max-width:69%!important;text-align:right!important;z-index:3!important;align-self:auto!important;direction:rtl!important}
 .lux-client-intro .jan-v8-greeting h1{font-size:clamp(19px,5.2vw,27px)!important;line-height:1.42!important;margin:8px 0 5px!important;overflow-wrap:anywhere}
 .lux-client-intro .jan-v8-greeting .eyebrow{font-size:9px!important;letter-spacing:1px!important;text-align:right!important;line-height:1.5!important}
 .lux-client-intro .jan-v8-greeting p:not(.eyebrow){font-size:11px!important;line-height:1.6!important;max-width:100%!important;text-align:right!important}
 .lux-client-intro .lux-intro-aside{position:absolute!important;right:17px!important;left:auto!important;bottom:18px!important;width:58%!important;display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:11px!important;z-index:3!important;background:none!important;border:0!important;padding:0!important}
 .lux-client-intro .lux-intro-aside strong{align-self:center!important;min-width:128px!important;max-width:100%!important;min-height:51px!important;font-size:19px!important;white-space:normal!important}
 .lux-client-intro .lux-intro-aside .btn{width:100%!important;min-height:56px!important;margin:0!important;min-width:0!important}
}
@media (max-width:390px){
 .lux-client-intro{min-height:440px!important}
 .lux-client-intro .jan-v8-coach{height:76%!important;left:0!important;max-width:80%!important}
 .lux-client-intro .jan-v8-greeting{right:15px!important;top:17px!important;width:70%!important;max-width:70%!important}
 .lux-client-intro .lux-intro-aside{width:57%!important;right:14px!important;bottom:16px!important}
}

/* Language toggle. No direction or flex/grid layout changes between locales. */
.jan-language-switch{min-width:46px;min-height:36px;padding:7px 11px;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;border-radius:13px;border:1px solid rgba(224,178,96,.65);background:linear-gradient(145deg,#302518,#141211);color:#f4cf88;font-weight:700;font-size:13px;line-height:1.2;letter-spacing:.04em;cursor:pointer;z-index:2}
.jan-language-switch:focus-visible{outline:2px solid #f4cf88;outline-offset:2px}
.jan-language-auth{position:absolute;top:18px;left:18px}
.auth-card{position:relative}
.top-actions .jan-language-top{order:-1}
.jan-english .content,.jan-english .auth-screen{text-align:inherit}
@media(max-width:650px){.jan-language-switch{min-width:42px;padding:7px 8px;font-size:12px}.top-actions .system-live{display:none}}