:root{--wine:#56371f;--cream:#fbf4e9;--muted:#796a5a;--copper:#a86a32;--line:#e9d9c5}*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--wine);font:15px/1.55 Arial,sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input{outline-offset:5px}button{cursor:pointer}.sidebar{position:fixed;inset:0 auto 0 0;width:256px;padding:40px 26px;background:#fffaf2;border-right:1px solid var(--line);display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:12px;font:23px Georgia,serif;letter-spacing:2px}.flower{font-size:47px;color:var(--copper);line-height:1}.brand small{display:block;font:8px Arial,sans-serif;letter-spacing:2px;margin-top:4px}.nav-label{font-size:10px;letter-spacing:2px;color:#9b8974;margin:55px 14px 18px}nav{display:grid;gap:9px}nav a{padding:12px 16px;border-radius:10px;color:#78634f;font-size:20px;display:flex;gap:16px;align-items:center}nav a span{font-size:14px}nav a.active{background:var(--wine);color:white}nav a:hover:not(.active){background:#f5e8d6}.sidebar-bottom{margin-top:auto;padding:20px 12px 0}.sidebar-bottom p{font:18px/1.6 Georgia,serif}.sidebar-bottom a{font-size:12px;color:#946030}.shell{margin-left:256px}header{height:88px;padding:0 52px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.header-label{font-size:10px;letter-spacing:2.4px;color:#8a735d}.header-right{display:flex;align-items:center;gap:20px}.member{font-size:12px;color:var(--muted)}.avatar{width:36px;height:36px;background:#ecdbc4;border-radius:50%;display:grid;place-items:center;font:18px Georgia}main{max-width:1330px;padding:42px 52px 55px;margin:auto;min-height:calc(100vh - 161px)}.eyebrow{color:var(--copper);font-size:10px;letter-spacing:2.2px;text-transform:uppercase;font-weight:bold}h1{font:38px/1.2 Georgia,serif;letter-spacing:-1px;margin:8px 0 9px}h2{font:25px/1.3 Georgia,serif;margin:0}h3{font-size:16px;margin:12px 0 8px}p{margin:8px 0}.lead{color:var(--muted);font-size:14px}.intro{display:flex;justify-content:space-between;align-items:center;margin-bottom:29px}.date{font-size:12px;color:var(--muted)}.hero{position:relative;overflow:hidden;min-height:265px;border-radius:18px;background:var(--wine);padding:35px 38px;color:white;display:flex;align-items:center;justify-content:space-between}.hero .eyebrow{color:#e9c49a}.hero h2{font-size:38px;max-width:450px;margin:12px 0}.hero p{color:#f0dfcc;max-width:390px;font-size:13px;margin-bottom:24px}.hero-art{width:210px;height:210px;display:grid;place-items:center;flex-shrink:0;border:1px solid #d7ad7755;border-radius:50%;position:relative}.hero-art:after{content:'';position:absolute;inset:14px;border:1px solid #d7ad7755;border-radius:50%}.hero-art span{font:130px Georgia;color:#d5a46b;font-weight:normal}.btn{display:inline-flex;gap:20px;align-items:center;justify-content:center;border:0;border-radius:7px;padding:12px 20px;background:var(--wine);color:white;font-size:12px;font-weight:bold}.btn.light{background:#fff7e9;color:var(--wine)}.btn.outline{border:1px solid var(--line);background:white;color:var(--wine)}.section-title{display:flex;justify-content:space-between;align-items:center;margin:31px 0 16px}.section-title a{font-size:12px;color:#946030}.quick-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.quick{padding:22px;background:white;border:1px solid var(--line);border-radius:12px;transition:transform .2s}.quick:hover{transform:translateY(-3px);border-color:#bb9568}.icon{font-size:22px;color:#98622f;background:#f5ead9;display:grid;place-items:center;width:43px;height:43px;border-radius:11px}.quick strong{display:block;font-size:13px;margin:15px 0 4px}.quick small{color:var(--muted);font-size:11px}.two-col{display:grid;grid-template-columns:1.35fr 1fr;gap:25px}.card{padding:23px;background:white;border:1px solid var(--line);border-radius:12px}.badge{display:inline-block;font-size:9px;font-weight:bold;letter-spacing:.6px;border-radius:5px;padding:4px 8px;background:#f1dfc4;color:#815023}.notice-row{padding:17px 0;border-bottom:1px solid var(--line)}.notice-row:last-child{border:0;padding-bottom:0}.notice-row:first-child{padding-top:0}.notice-row p,.card p{font-size:13px;color:var(--muted)}.text-btn{background:none;border:0;padding:0;color:#875528;font-size:12px;text-decoration:underline}.quote{margin-top:24px;background:#f0dfc6;padding:25px 30px;border-radius:12px;display:flex;align-items:center;gap:22px}.quote .heart{font-size:30px;color:#a86a32}.quote p{font:20px Georgia;margin:0}.quote small{font-size:11px;display:block;color:var(--muted);margin-top:7px}footer{padding:20px 52px;border-top:1px solid var(--line);font-size:11px;letter-spacing:2px;display:flex;justify-content:space-between;color:#8f775e}footer span{letter-spacing:0}.empty{padding:45px;text-align:center;background:white;border:1px dashed #dbc4a6;border-radius:14px;margin:24px 0}.empty .icon{margin:auto}.empty h2{margin:17px 0 10px}.empty p{color:var(--muted);font-size:13px;max-width:430px;margin:0 auto 23px}.search{width:100%;max-width:430px;border:1px solid var(--line);background:white;border-radius:8px;padding:12px 16px;margin:20px 0}.filter-bar{display:flex;gap:8px;margin:20px 0}.filter-bar button{border:1px solid var(--line);border-radius:20px;padding:7px 15px;background:white;color:var(--wine);font-size:12px}.filter-bar button.selected{background:var(--wine);color:white}.list{display:grid;gap:14px}.list .card{display:flex;justify-content:space-between;gap:20px}.save{align-self:center;border:1px solid var(--line);background:white;padding:9px 14px;border-radius:7px;color:var(--wine);font-size:12px}.profile{max-width:550px}label{display:block;margin:15px 0 7px;font-size:13px}.profile input{width:100%;border:1px solid var(--line);border-radius:8px;padding:12px}.profile .btn{margin-top:18px}dialog{border:0;border-radius:16px;padding:35px;max-width:520px;width:calc(100% - 36px);color:var(--wine)}dialog::backdrop{background:#2c1d12b0}dialog p{color:var(--muted);font-size:14px}.close{position:absolute;right:14px;top:10px;border:0;background:none;font-size:27px;color:var(--muted)}#toast{position:fixed;bottom:30px;left:50%;transform:translateX(-50%);background:var(--wine);color:white;border-radius:8px;padding:12px 20px;font-size:13px;display:none;z-index:9}@media(min-width:1500px){main{padding-top:55px}.hero{min-height:310px}}@media(max-width:1050px){.sidebar{width:215px;padding:35px 18px}.brand{font-size:19px}.shell{margin-left:215px}main{padding:30px}header,footer{padding-left:30px;padding-right:30px}.quick-grid{grid-template-columns:repeat(2,1fr)}.hero-art{width:145px;height:145px}.hero-art span{font-size:90px}.hero h2{font-size:32px}}@media(max-width:700px){.sidebar{position:fixed;inset:auto 0 0;width:100%;height:68px;padding:5px 7px;z-index:5;border-top:1px solid var(--line)}.brand,.nav-label,.sidebar-bottom{display:none}nav{display:flex;justify-content:space-around;gap:0}nav a{display:flex;flex-direction:column;gap:0;padding:5px 8px;font-size:20px;border-radius:7px}nav a span{font-size:9px}nav a.active{background:#f2e1c8;color:var(--wine)}.shell{margin-left:0;padding-bottom:68px}header{height:64px;padding:0 22px}.member{font-size:10px}main{padding:25px 22px}h1{font-size:31px}.intro{align-items:flex-start}.date{display:none}.hero{padding:27px;min-height:270px}.hero h2{font-size:30px;max-width:260px}.hero-art{position:absolute;right:-60px;top:50px;opacity:.2;width:200px;height:200px}.hero>div:first-child{position:relative;z-index:1}.two-col{grid-template-columns:1fr;gap:0}.quick{padding:17px}.quick strong{margin-top:10px}.quote{padding:22px}.quote p{font-size:18px}footer{padding:20px 22px;display:block}footer span{display:block;margin-top:5px}.list .card{flex-direction:column}.save{align-self:flex-start}.empty{padding:30px 20px}}

.live-content{position:relative;z-index:1;flex:1}.hero .live-content h2{max-width:620px}.hero .live-date{margin:12px 0 22px;color:#f0dfcc}.countdown{display:flex;gap:12px;margin-bottom:27px}.countdown>div{min-width:76px;padding:12px 14px;text-align:center;border:1px solid #d7ad7766;border-radius:10px;background:#ffffff08}.countdown strong{display:block;font:36px/1.15 Georgia,serif;font-variant-numeric:tabular-nums;color:#fff7e9}.countdown span{display:block;font-size:9px;letter-spacing:1.2px;text-transform:uppercase;color:#e9c49a;margin-top:6px}.live-actions{display:flex;align-items:center;gap:22px;flex-wrap:wrap}.member-link{color:#f0dfcc;font-size:12px;text-decoration:underline;text-underline-offset:4px}.pending-link{font-size:12px;color:#f0dfcc}.hero .live-message{margin-bottom:26px}@media(max-width:700px){.countdown{gap:8px}.countdown>div{min-width:0;flex:1;padding:10px 7px}.countdown strong{font-size:28px}.countdown span{font-size:8px;letter-spacing:.5px}.hero .live-content h2{max-width:100%}.live-actions{gap:16px}.live-actions .btn{width:100%;font-size:11px}}

/* Prósperas: original monogram and wordmark, framed from the supplied brand art. */
:root{--wine:#4b3019;--cream:#f7eedf;--muted:#79664f;--copper:#b77945;--line:#e3cfb3}
body{background-color:var(--cream);background-image:radial-gradient(ellipse at 88% 0%,#e9d1af55,transparent 48%)}
.brand{display:flex;flex-direction:column;gap:8px;align-items:center;letter-spacing:0}
.brand-crop{display:block;width:196px;height:72px;flex-shrink:0;background-image:url('/prosperas-logo-transparent.png');background-repeat:no-repeat;background-size:426px 213px;background-position:-115px -45px;mix-blend-mode:multiply}
.brand small{font-size:8px;letter-spacing:2.3px;color:var(--muted);margin:0}
.sidebar{background:linear-gradient(160deg,#f5e5cf,#fbf5eb 65%);box-shadow:8px 0 35px #6a421b05}
.nav-label{margin-top:38px;color:#9a7859}
nav a.active{background:var(--wine);box-shadow:0 4px 14px #4b301915}
header{background:#fbf4e9b3}
h1,h2,.quote p{font-family:Georgia,'Times New Roman',serif}
.hero{background:radial-gradient(ellipse at 95% 0%,#91634155,transparent 56%),linear-gradient(115deg,#4b3019,#654125);border:1px solid #815735;box-shadow:0 14px 40px #65412516}
.hero-art{background:#ead4b7;border-color:#d2a57366;box-shadow:inset 0 0 40px #edd9bc11}
.hero-art .ps-mark{display:block;width:90px;height:118px;background-image:url('/prosperas-logo-transparent.png');background-repeat:no-repeat;background-size:1597px 798px;background-position:-758px -169px;mix-blend-mode:multiply;border-radius:2px}
.hero-art:after{border-color:#d2a57355}
.quick,.card,.empty{background:#fffaf2;box-shadow:0 5px 20px #67452204}
.badge{background:#efddc3;color:#7b4f28}
.icon{background:#f0dfc8;color:#a16838}
.quote{background:linear-gradient(110deg,#ead4b6,#f2e4d0);border:1px solid #e2cbaa}
.btn{background:var(--wine);border-radius:8px;transition:background .18s,transform .18s}
.btn:hover{background:#674425;transform:translateY(-1px)}
.btn.light{background:#f6e8d4;color:var(--wine)}
.btn.light:hover{background:#fff6e8}
.auth-page{min-height:100vh;background:radial-gradient(ellipse at 10% 18%,#e3bd8270,transparent 43%),radial-gradient(ellipse at 90% 86%,#debd9270,transparent 42%),linear-gradient(145deg,#f7edde,#efdfc8)}
.auth-page .auth{max-width:510px;min-height:0;margin:6vh auto;padding:38px 40px;background:#fffaf2c9;border:1px solid #dfc9ab;border-radius:18px;box-shadow:0 20px 70px #75532e14}
.auth-page .brand{display:flex;align-items:center;margin-bottom:34px}
.auth-page .brand-crop{width:245px;height:90px;background-size:532px 266px;background-position:-143px -57px}
.auth-page .brand small{font-size:8px}
.auth-page h1{font-size:32px;line-height:1.15;color:var(--wine)}
.auth-page .auth>p{color:var(--muted);font-size:14px}
.auth-page .auth form{gap:10px}
.auth-page .auth label{margin:8px 0 0;color:#604329}
.auth-page .auth input{background:#fffcf7;border-color:#ddc7a9;color:var(--wine)}
.auth-page .auth input:focus{outline:2px solid #b7794566;outline-offset:2px}
.auth-page .auth .btn{font-size:13px;padding:15px 18px;margin-top:13px}
.auth-page .auth .links{gap:12px;color:#885832}
@media(max-width:1050px) and (min-width:701px){.sidebar .brand-crop{width:178px;height:66px;background-size:390px 195px;background-position:-105px -41px}.sidebar .brand small{font-size:7px}.hero-art .ps-mark{transform:scale(.8)}}
@media(max-width:700px){.sidebar .brand{display:none}.auth-page .auth{margin:22px 14px;padding:28px 24px;max-width:none}.auth-page .brand{display:flex}.auth-page .auth h1{font-size:29px}.header-label{color:var(--wine)}.hero-art .ps-mark{transform:scale(.9)}.auth-page .auth .links{flex-wrap:wrap;font-size:12px}}

/* Transparent logo: only PS and Prósperas, with no image backdrop. */
.brand-crop{width:214px;height:78px;background-size:278px 93px;background-position:-32px -13px;mix-blend-mode:normal}
.auth-page .brand-crop{width:258px;height:94px;background-size:336px 112px;background-position:-39px -15px;mix-blend-mode:normal}
.hero-art .ps-mark{width:90px;height:136px;background-size:1086px 362px;background-position:-498px -49px;mix-blend-mode:normal}
@media(max-width:1050px) and (min-width:701px){.sidebar .brand-crop{width:176px;height:66px;background-size:232px 77px;background-position:-27px -10px}}

.mentoria-access{margin-top:26px;border:1px solid var(--line);border-radius:16px;overflow:hidden;background:#fffaf2;box-shadow:0 8px 28px #6541250a}
.mentoria-preview{display:block;background:#100e0d;line-height:0}
.mentoria-preview img{display:block;width:100%;height:auto;transition:opacity .2s}
.mentoria-preview:hover img{opacity:.95}
.mentoria-caption{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:26px 30px}
.mentoria-caption h2{margin-top:7px;font-size:29px}
.mentoria-caption p{color:var(--muted);font-size:13px;margin:8px 0 0}
.mentoria-caption .btn{flex-shrink:0;padding:15px 22px}
@media(max-width:700px){.mentoria-caption{padding:22px;flex-direction:column;align-items:flex-start;gap:18px}.mentoria-caption h2{font-size:25px}.mentoria-caption .btn{width:100%}}

/* Light live-event card and contemporary countdown. */
.ui-icon{display:inline-block;vertical-align:middle;flex-shrink:0}
.sidebar-bottom a{display:flex;align-items:center;gap:8px}
.sidebar-bottom .ui-icon{width:20px;height:20px}
.icon .ui-icon{width:23px;height:23px}
.whatsapp-icon{color:#20865b;background:#e5efe3}
.hero.hero-light{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:36px;padding:34px 36px;min-height:275px;color:var(--wine);background:radial-gradient(ellipse at 100% 0%,#f6e2c370,transparent 60%),linear-gradient(125deg,#fffaf2,#f2e5d2);border:1px solid #dfc5a1;border-radius:20px;box-shadow:0 10px 34px #75532e0a}
.hero-light .live-content{min-width:0}
.live-badge{display:inline-flex;align-items:center;gap:8px;font-size:10px;font-weight:700;letter-spacing:1.5px;color:#986238;background:#ead6b860;border:1px solid #dec3a075;border-radius:30px;padding:8px 12px}
.live-status-dot{width:6px;height:6px;border-radius:50%;background:#b77945;box-shadow:0 0 0 4px #b7794512}
.hero.hero-light h2{font-size:32px;line-height:1.18;margin:17px 0 16px;max-width:430px}
.hero.hero-light .live-date{display:flex;align-items:center;gap:10px;font-size:13px;color:#725234;margin:0 0 25px;max-width:none}
.live-date .ui-icon{color:#b77945;width:23px;height:23px}
.live-date small{display:block;color:var(--muted);font-size:10px;letter-spacing:.3px;margin-top:2px}
.hero-light .live-actions{gap:13px;align-items:flex-start;flex-direction:column}
.hero-light .member-link{color:#855730;font-size:11px;text-underline-offset:4px}
.hero-light .pending-link{display:flex;align-items:center;gap:8px;font-size:11px;color:#79664f}
.pending-link .ui-icon{width:17px;height:17px;color:#a67547}
.hero-light .btn .ui-icon{width:18px;height:18px}
.countdown-panel{padding:26px 0 26px 30px;border-left:1px solid #ddc6a5;min-width:0}
.countdown-heading{display:flex;align-items:center;gap:8px;font-size:11px;color:#826346;letter-spacing:.25px;margin-bottom:18px}
.countdown-heading .ui-icon{width:17px;height:17px;color:#b77945}
.hero-light .countdown{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin:0}
.hero-light .countdown>div{position:relative;min-width:0;padding:20px 7px 14px;border:1px solid #ead8be;border-radius:12px;background:linear-gradient(#fffdf8,#fbf3e6);box-shadow:0 4px 10px #72523406}
.hero-light .countdown strong{font:650 42px/1.1 Arial,sans-serif;letter-spacing:-1.8px;font-variant-numeric:tabular-nums;color:#4b3019}
.hero-light .countdown span{font-size:9px;font-weight:500;letter-spacing:.6px;color:#9b724d;margin-top:12px}
.countdown-footnote{display:flex;align-items:center;gap:8px;margin-top:18px;color:#98795b;font-size:10px;letter-spacing:.2px}
.countdown-rule{width:24px;height:1px;background:#bd8f5e}
.live-now-icon{width:45px;height:45px;display:grid;place-items:center;border-radius:12px;background:#ead6b8;color:#9b663b}
.countdown-panel h3{font:24px Georgia,serif;margin:15px 0 10px}
.hero.hero-light .live-message{color:var(--muted);font-size:13px;max-width:300px;margin:0}
.hero.hero-light .eyebrow{color:#986238}
.hero.hero-light p{color:var(--muted)}
.hero.hero-light .hero-art{display:none}
.hero.hero-light .btn.light{background:var(--wine);color:#fffaf2}
@media(max-width:1150px){.hero.hero-light{gap:24px;padding:30px}.countdown-panel{padding-left:22px}.hero-light .countdown strong{font-size:35px}.hero.hero-light h2{font-size:28px}}
@media(max-width:850px){.hero.hero-light{grid-template-columns:1fr;gap:25px}.countdown-panel{border-left:0;border-top:1px solid #ddc6a5;padding:22px 0 0}.hero-light .countdown{max-width:440px}.hero-light .live-actions{gap:12px}.hero.hero-light h2{max-width:none}}
@media(max-width:700px){.hero.hero-light{padding:25px 22px;border-radius:16px;gap:23px}.hero.hero-light h2{font-size:27px;max-width:100%}.hero-light .countdown strong{font-size:36px}.hero-light .countdown>div{padding:17px 5px 13px}.hero-light .countdown span{font-size:8px;letter-spacing:.4px}.hero-light .live-actions .btn{width:100%}.hero-light .countdown-footnote{font-size:10px}.live-badge{font-size:9px;letter-spacing:1px}}
@media(prefers-reduced-motion:reduce){.btn,.quick,.mentoria-preview img{transition:none}}
.hero.hero-light.live-empty{grid-template-columns:1fr}

.agenda-events{display:grid;gap:16px;margin-top:26px}
.agenda-event{display:flex;align-items:center;gap:24px;padding:28px;background:#fffaf2;border:1px solid var(--line);border-radius:16px}
.agenda-date-stamp{width:78px;height:84px;flex-shrink:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#f0dfc8;border-radius:12px;color:var(--wine)}
.agenda-date-stamp strong{font:650 32px/1.2 Arial,sans-serif}.agenda-date-stamp span{font-size:10px;letter-spacing:2px;color:#9b724d;margin-top:5px}
.agenda-event h2{font-size:24px}.agenda-event p{display:flex;align-items:center;gap:10px;margin:12px 0 0;color:var(--muted);font-size:12px}.agenda-event .ui-icon{width:18px;height:18px;color:var(--copper)}.agenda-event p strong{font-size:15px;color:var(--wine)}
@media(max-width:700px){.agenda-event{padding:20px;gap:16px}.agenda-event h2{font-size:19px}.agenda-date-stamp{width:60px;height:72px}.agenda-date-stamp strong{font-size:28px}.agenda-event p{flex-wrap:wrap;gap:8px}.agenda-event p span{width:100%;margin-left:26px;font-size:11px}}

/* Welcoming editorial entrance for Prósperas. */
.auth-page{background:radial-gradient(ellipse at 4% 12%,#ead2ae70,transparent 48%),#f7eedf;min-height:100svh;padding:38px 24px 20px}
.auth-layout{display:grid;grid-template-columns:1fr 1fr;max-width:1150px;min-height:740px;margin:0 auto;padding:0;overflow:hidden;background:#fffcf7;border:1px solid #e5d3ba;border-radius:28px;box-shadow:0 24px 80px #70502c12}
.auth-welcome{position:relative;overflow:hidden;display:flex;flex-direction:column;padding:48px 52px;background:linear-gradient(145deg,#f3e5d0,#ecdbc0);border-right:1px solid #e5d3ba}
.auth-page .auth-welcome .brand{align-items:flex-start;margin:0;position:relative;z-index:1}
.auth-page .auth-welcome .brand-crop{width:214px;height:78px;background-size:278px 93px;background-position:-32px -13px}
.welcome-copy{position:relative;z-index:1;margin:auto 0;padding:40px 0}
.auth-eyebrow{display:block;font-size:9px;letter-spacing:2.4px;font-weight:700;color:#96643e}
.auth-welcome h2{font:clamp(42px,4.4vw,61px)/1.06 Georgia,serif;letter-spacing:-2px;margin:20px 0 22px;color:#4b3019}
.auth-welcome h2 em{font-weight:normal;color:#a36d42}
.auth-welcome .welcome-copy>p{font-size:15px;line-height:1.8;color:#7a634b}
.welcome-divider{height:1px;width:60px;background:#b8875c;margin:30px 0}
.welcome-benefits{display:grid;gap:24px;padding:0;margin:0;list-style:none}
.welcome-benefits li{display:flex;gap:16px;align-items:flex-start}
.welcome-benefits li>span{font:italic 17px Georgia,serif;color:#a17650;border:1px solid #caa58177;border-radius:50%;width:35px;height:35px;display:grid;place-items:center;flex-shrink:0}
.welcome-benefits strong{display:block;font-size:13px;font-weight:500;color:#573b24}
.welcome-benefits small{display:block;font-size:11px;color:#816b54;margin-top:4px;line-height:1.6}
.welcome-signature{position:relative;z-index:1;font:italic 15px Georgia,serif;color:#95714c;margin:0}
.welcome-orbit{position:absolute;width:420px;height:580px;right:-330px;top:150px;border:1px solid #b7844c33;border-radius:50%;transform:rotate(-20deg)}
.welcome-orbit:before,.welcome-orbit:after{content:'';position:absolute;inset:-32px;border:1px solid #b7844c22;border-radius:50%}.welcome-orbit:after{inset:32px}
.auth-page .auth-layout .auth{max-width:none;width:100%;min-height:0;margin:0;padding:44px 46px;background:#fffcf7;border:0;border-radius:0;box-shadow:none;align-self:center}
.auth-tabs{display:flex;gap:0;background:#f3ece2;padding:5px;border-radius:11px;margin-bottom:32px}
.auth-tabs a{display:block;flex:1;padding:10px 12px;text-align:center;font-size:12px;color:#927b64;border-radius:8px}
.auth-tabs a[aria-current=page]{background:#fffcf7;color:#4b3019;box-shadow:0 2px 7px #75532e12;font-weight:600}
.auth-page .auth h1{font:36px/1.12 Georgia,serif;letter-spacing:-1.1px;margin:14px 0 12px;max-width:390px}
.auth-page .auth .auth-description{font-size:13px;line-height:1.7;color:#87725d;margin:0 0 27px;max-width:380px}
.auth-page .auth form{display:grid;gap:15px}
.auth-page .auth label{display:grid;gap:7px;margin:0;font-size:11px;font-weight:600;letter-spacing:.15px;color:#6d523a}
.auth-page .auth input{width:100%;min-width:0;height:48px;padding:12px 14px;border:1px solid #e4d6c4;border-radius:9px;background:#fffdf9;color:#4b3019;font-size:13px;font-weight:400;transition:border-color .2s,box-shadow .2s}
.auth-page .auth input::placeholder{color:#a2917d;font-size:12px}
.auth-page .auth input:focus{outline:2px solid #b7794544;outline-offset:2px;border-color:#b77945;box-shadow:0 0 0 4px #b7794508}
.password-field{position:relative;display:block;min-width:0}.auth-page .auth .password-field input{padding-right:68px}
.password-toggle{position:absolute;right:9px;top:9px;height:30px;padding:4px 5px;border:0;background:transparent;color:#96704c;font-size:10px;border-radius:4px}
.password-toggle:hover{background:#f3eadc}.password-toggle:focus-visible{outline:2px solid #b77945}
.auth-password-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.auth-page .auth .btn{width:100%;min-height:51px;padding:15px 20px;margin:4px 0 0;background:linear-gradient(110deg,#825431,#a16e44);border:1px solid #99623a;border-radius:10px;font-size:12px;letter-spacing:.25px;box-shadow:0 7px 18px #8b5c2f20;justify-content:space-between}
.auth-page .auth .btn:hover{background:#825431;box-shadow:0 9px 24px #8b5c2f28}.auth-page .auth .btn:disabled{opacity:.65;cursor:wait;transform:none}
.auth-page .auth .auth-privacy{font-size:10px;line-height:1.6;color:#978570;margin:0}
.forgot-password{justify-self:end;font-size:11px;color:#8d6745;margin-top:-5px}
.auth-switch{text-align:center;font-size:11px;color:#8d7862;margin-top:21px}.auth-switch a{color:#80512f;font-weight:600}
.auth-page .auth .auth-status{margin:12px 0 0;min-height:0;font-size:12px;color:#835032;line-height:1.5}.auth-status:empty{display:none}
.auth-support{display:flex;justify-content:center;gap:7px;flex-wrap:wrap;font-size:10px;color:#9a8772;border-top:1px solid #eee3d4;padding-top:19px;margin-top:25px}.auth-support a{color:#7b5838}
.auth-footer{max-width:1150px;margin:20px auto 0;display:flex;align-items:center;justify-content:space-between;font-size:9px;letter-spacing:2px;color:#987c60}.auth-footer span{letter-spacing:.3px;font-size:10px}
.auth-page a:hover{text-decoration:underline;text-underline-offset:4px}.auth-tabs a:hover,.auth-page .brand:hover{text-decoration:none}
@media(min-width:1500px){.auth-page{padding-top:60px}}
@media(max-width:1000px){.auth-layout{grid-template-columns:.9fr 1fr}.auth-welcome{padding:35px 32px}.auth-page .auth-layout .auth{padding:35px 30px}.auth-password-row{grid-template-columns:1fr}.auth-welcome h2{font-size:47px}}
@media(max-width:700px){.auth-page{padding:14px 12px 20px}.auth-layout{display:flex;flex-direction:column;border-radius:20px;min-height:0}.auth-welcome{padding:25px 25px 28px;border-right:0;border-bottom:1px solid #e5d3ba}.auth-page .auth-welcome .brand{align-items:center}.auth-page .auth-welcome .brand-crop{width:190px;height:69px;background-size:247px 82px;background-position:-28px -11px}.welcome-copy{padding:22px 0 0;text-align:center}.auth-welcome h2{font-size:39px;line-height:1.1;margin:13px 0 14px}.auth-welcome h2 br{display:none}.auth-welcome .welcome-copy>p{font-size:12px;line-height:1.6}.welcome-benefits,.welcome-divider,.welcome-signature{display:none}.welcome-orbit{width:280px;height:400px;right:-230px;top:30px}.auth-page .auth-layout .auth{padding:26px 24px 30px}.auth-tabs{margin-bottom:25px}.auth-page .auth h1{font-size:31px;max-width:360px}.auth-page .auth .auth-description{font-size:12px;margin-bottom:24px}.auth-page .auth input{font-size:16px;height:49px}.auth-password-row{grid-template-columns:1fr}.auth-page .auth .password-field input{padding-right:74px}.auth-footer{font-size:8px;letter-spacing:1.5px;padding:0 5px}.auth-footer span{font-size:9px;letter-spacing:0}}
@media(prefers-reduced-motion:reduce){.auth-page *{transition:none!important}.auth-page .btn:hover{transform:none}}

/* Matching line icons, airy cards and a soft active navigation state. */
.quick{position:relative;padding:25px 23px 23px;border:1px solid #e8d9c6;border-radius:18px;background:linear-gradient(150deg,#fffcf7,#fbf4e9);box-shadow:0 6px 24px #79573206;transition:transform .2s,border-color .2s,box-shadow .2s}
.quick:hover{border-color:#d1ad85;box-shadow:0 10px 26px #79573210;transform:translateY(-3px)}
.quick .icon{width:51px;height:51px;border-radius:16px;background:linear-gradient(145deg,#f4e7d4,#eddbc1);border:1px solid #e3cbaa;box-shadow:inset 0 1px 0 #fff9ed;color:#a27048}
.quick .icon .ui-icon{width:26px;height:26px}.quick .whatsapp-icon{background:linear-gradient(145deg,#eff3e9,#e1e9d8);border-color:#d1dcc6;color:#50845e}
.quick strong{font-size:14px;font-weight:600;margin:20px 0 6px;letter-spacing:-.15px}.quick small{display:block;font-size:11px;line-height:1.6;color:#8b755e;max-width:160px}
.quick-arrow{position:absolute;top:26px;right:21px;color:#ad947b}.quick-arrow .ui-icon{width:16px;height:16px}
.sidebar{border-right-color:#e8d9c5}.sidebar nav{gap:8px}.sidebar nav a{position:relative;gap:13px;min-height:55px;border-radius:14px;padding:8px 12px;color:#927b63;transition:background .18s,color .18s}
.sidebar .nav-icon{display:grid;place-items:center;flex-shrink:0;width:36px;height:36px;border-radius:11px;transition:background .18s,color .18s}.sidebar .nav-icon .ui-icon{width:22px;height:22px}
.sidebar .nav-text{font-size:12px;line-height:1.3;letter-spacing:.1px}
.sidebar nav a.active{background:#f0e1cb;color:#966039;box-shadow:none;border:1px solid #e5cdae}
.sidebar nav a.active .nav-icon{background:#fff8ec;box-shadow:0 2px 6px #a5754010;color:#a06b40}.sidebar nav a.active .nav-text{font-weight:600}
.sidebar nav a:hover:not(.active){background:#f4ebde;color:#9b6943}.sidebar nav a:focus-visible,.quick:focus-visible{outline:2px solid #b77945;outline-offset:3px}
.sidebar-bottom a{font-size:11px;color:#937050}.sidebar-bottom [data-icon]{display:grid;place-items:center;width:30px;height:30px;background:#e9eee0;border:1px solid #d4dfcb;border-radius:9px;color:#50845e}.sidebar-bottom .ui-icon{width:18px;height:18px}
@media(max-width:1050px) and (min-width:701px){.sidebar nav a{gap:8px;padding-left:9px}.sidebar .nav-text{font-size:11px}}
@media(max-width:700px){.sidebar{inset:auto 12px calc(12px + env(safe-area-inset-bottom,0px));width:auto;height:auto;padding:7px 6px;border:1px solid #e7d6bd;border-radius:23px;background:#fffbf5f5;box-shadow:0 8px 35px #77502918;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.sidebar nav{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:2px}.sidebar nav a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:59px;padding:5px 0;border-radius:16px;border:1px solid transparent;background:transparent;color:#a28b72}
.sidebar nav a.active{background:#f7ecd9;border:1px solid #ead8bd;color:#a06b40;box-shadow:inset 0 1px 0 #fffaf2}.sidebar nav a.active .nav-icon{background:transparent;box-shadow:none;color:#a06b40}
.sidebar .nav-icon{width:28px;height:28px;border-radius:0}.sidebar .nav-icon .ui-icon{width:22px;height:22px}.sidebar .nav-text{font-size:9px;line-height:1.2;letter-spacing:-.1px;white-space:nowrap}.sidebar nav a.active .nav-text{font-weight:600}.sidebar nav a:hover:not(.active){background:#f9f2e7}
.shell{padding-bottom:calc(103px + env(safe-area-inset-bottom,0px))}.quick-grid{gap:12px}.quick{padding:20px 17px;border-radius:17px}.quick .icon{width:46px;height:46px;border-radius:14px}.quick .icon .ui-icon{width:24px;height:24px}.quick strong{font-size:13px;margin:17px 0 5px}.quick small{font-size:10px}.quick-arrow{top:22px;right:15px}.quick-arrow .ui-icon{width:14px;height:14px}}
@media(prefers-reduced-motion:reduce){.sidebar nav a,.sidebar .nav-icon,.quick{transition:none}.quick:hover{transform:none}}

/* Refined desktop navigation: quiet ivory and a copper selection rule. */
@media(min-width:701px){
.sidebar{padding:44px 28px 30px;background:#faf7f0;border-right:1px solid #e8dfd2;box-shadow:none;overflow-y:auto}
.sidebar .brand{padding:0 0 24px;border-bottom:1px solid #e9e0d3;flex-shrink:0}
.sidebar .brand-crop{width:166px;height:62px;background-size:217px 72px;background-position:-25px -10px}
.sidebar .nav-label{margin:33px 12px 17px;color:#a28d75;font-size:8px;font-weight:500;letter-spacing:2.3px}
.sidebar nav{gap:5px}
.sidebar nav a{min-height:48px;padding:10px 12px;gap:14px;background:transparent;border:0;border-radius:7px;color:#897765;box-shadow:none}
.sidebar nav a .nav-icon{width:24px;height:26px;background:transparent;border-radius:0;box-shadow:none;color:#a08b73}
.sidebar nav a .nav-icon .ui-icon{width:21px;height:21px}
.sidebar nav a .nav-text{font-size:13px;font-weight:400;letter-spacing:.15px}
.sidebar nav a.active{background:transparent;border:0;color:#68452c;box-shadow:none}
.sidebar nav a.active:before{content:'';position:absolute;left:-28px;top:50%;transform:translateY(-50%);width:3px;height:25px;background:#b77945;border-radius:0 3px 3px 0}
.sidebar nav a.active .nav-icon{background:transparent;box-shadow:none;color:#b77945}
.sidebar nav a.active .nav-text{font-weight:600}
.sidebar nav a:hover:not(.active){background:#f1eade;color:#72553b}
.sidebar-bottom{padding:23px 0 0;margin-top:auto;border-top:1px solid #e9e0d3;flex-shrink:0}
.sidebar-support-label{display:block;margin-bottom:12px;font-size:8px;letter-spacing:1.9px;color:#a28d75}
.sidebar-bottom a{display:flex;align-items:center;gap:9px;min-height:43px;padding:10px 12px;border:1px solid #e5dac9;border-radius:9px;background:#fdfaf5;color:#795d43;font-size:11px;transition:background .18s,border-color .18s}
.sidebar-bottom a:hover{background:#f3ecdf;border-color:#d6bea0}
.sidebar-bottom [data-icon]{width:20px;height:20px;background:transparent;border:0;border-radius:0;color:#8a9b75}
.sidebar-bottom .ui-icon{width:18px;height:18px}
.sidebar-bottom .support-arrow{margin-left:auto;color:#ad9980}
.sidebar-bottom .support-arrow .ui-icon{width:13px;height:13px}
}
@media(min-width:701px) and (max-height:650px){.sidebar{padding-top:27px;padding-bottom:22px}.sidebar .brand{padding-bottom:16px}.sidebar .nav-label{margin-top:22px}.sidebar-bottom{margin-top:35px}}
@media(min-width:701px) and (max-width:1050px){.sidebar{padding-left:23px;padding-right:23px}.sidebar nav a.active:before{left:-23px}.sidebar nav a{gap:11px;padding-left:8px}.sidebar nav a .nav-text{font-size:12px}.sidebar .brand-crop{width:151px;height:57px;background-size:199px 66px;background-position:-24px -9px}.sidebar-bottom a{padding:10px 8px;font-size:10px;gap:6px}}
@media(prefers-reduced-motion:reduce){.sidebar-bottom a{transition:none}}

/* Personal profile photo. */
.avatar{overflow:hidden;box-shadow:0 0 0 3px #fffaf2,0 0 0 4px #e8d7c0;flex-shrink:0}
.avatar img{width:100%;height:100%;object-fit:cover;display:block}
.photo-card{max-width:550px;padding:28px;margin-bottom:20px;border-radius:17px}
.photo-card h2{font-size:24px}.photo-card>p{margin-top:7px}
.photo-editor{display:flex;gap:25px;align-items:center;margin:24px 0}
.profile-photo{display:grid;place-items:center;width:100px;height:100px;border-radius:50%;overflow:hidden;background:#f2e3cd;box-shadow:0 0 0 5px #fffaf2,0 0 0 6px #e4ceb0;color:#b07b4e;font:38px Georgia,serif;flex-shrink:0}
.profile-photo img{display:block;width:100%;height:100%;object-fit:cover}
.photo-actions{flex:1;min-width:0}.photo-actions .photo-pick{display:inline-flex;align-items:center;gap:8px;border:1px solid #dfc5a4;background:#faf0df;padding:10px 15px;border-radius:8px;font-size:12px;color:#966139;margin:0;cursor:pointer}
.photo-actions .photo-pick:hover{background:#f0e0c7}.photo-actions p{font-size:11px;margin:9px 0;color:#97816a}
.photo-file{position:absolute;opacity:0;width:1px;height:1px;overflow:hidden}.photo-actions:focus-within .photo-pick{outline:2px solid #b77945;outline-offset:4px}
.photo-card .btn{min-height:42px;margin:0}.photo-card .btn:disabled{opacity:.5;cursor:default;transform:none}
.photo-status{font-size:12px;min-height:18px;margin-top:13px;color:#876143}
@media(max-width:700px){.photo-card{padding:23px}.photo-editor{gap:20px}.profile-photo{width:82px;height:82px}.photo-actions .photo-pick{padding:9px 12px;font-size:11px}}

.notification-demo{display:flex;align-items:center;gap:20px;padding:24px 26px;margin:0 0 25px;background:#fffbf4;border:1px solid #e7d6be;border-radius:16px}
.notification-demo-icon{display:grid;place-items:center;width:47px;height:47px;flex-shrink:0;background:#f1e2ca;border-radius:14px;color:#a37249}
.notification-demo-icon .ui-icon{width:24px;height:24px}.notification-demo-copy{flex:1;min-width:0}.notification-demo h2{font-size:21px;margin:7px 0}.notification-demo-copy>p{font-size:11px;line-height:1.6;color:#947d63;margin:5px 0 0}
.notification-demo .btn{flex-shrink:0;background:#fffaf2;border-color:#d7bb96;color:#93623a;padding:12px 17px;min-height:44px;font-size:11px}.notification-demo .btn:hover{background:#f2e5d1}.notification-demo .btn:disabled{opacity:.55;cursor:default;transform:none}
.notification-demo-copy>.notification-test-status{color:#815b38}.notification-test-status:empty{display:none}
@media(max-width:700px){.notification-demo{padding:20px;gap:14px;flex-wrap:wrap}.notification-demo-icon{width:40px;height:40px;border-radius:12px}.notification-demo h2{font-size:19px}.notification-demo-copy{flex-basis:calc(100% - 55px)}.notification-demo .btn{width:100%;margin-top:3px}}
