:root{--navy:#0e2336;--navy2:#17384f;--cream:#f7f4ed;--paper:#fffdf9;--orange:#fe5b04;--orange2:#ff8a42;--gold:#ffc885;--ink:#182a38;--muted:#687782;--line:#dfe4e5;--green:#23836b;--shadow:0 18px 45px rgba(14,35,54,.09);font-family:"Plus Jakarta Sans",system-ui,sans-serif;color:var(--ink);background:var(--cream)}
*{box-sizing:border-box}body{margin:0;background:var(--cream)}button,input{font:inherit}.svg-defs{position:absolute;width:0;height:0;overflow:hidden}svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.app-shell{min-height:100dvh}.desktop-rail{display:none}main{min-height:100dvh;padding-bottom:116px}.topbar{height:78px;padding:16px 20px;display:flex;align-items:center;justify-content:space-between;background:rgba(247,244,237,.88);backdrop-filter:blur(15px);position:sticky;top:0;z-index:20;border-bottom:1px solid rgba(14,35,54,.08)}.brand{display:flex;align-items:center;gap:10px;border:0;background:transparent;color:var(--navy);padding:0;text-align:left}.brand-mark{width:40px;height:40px;display:grid;place-items:center;border-radius:12px;background:linear-gradient(145deg,var(--gold),var(--orange));color:white;font-weight:800;font-size:21px;box-shadow:0 8px 22px rgba(254,91,4,.24)}.brand b,.brand small{display:block;line-height:1}.brand b{font-size:17px;letter-spacing:.08em}.brand small{font-size:8px;letter-spacing:.26em;color:var(--orange);margin-top:4px}.page-title{display:none;font-size:18px;font-weight:700}.top-actions{display:flex;gap:8px}.icon-btn{width:42px;height:42px;border:1px solid var(--line);border-radius:14px;background:var(--paper);display:grid;place-items:center;color:var(--navy);position:relative}.icon-btn i{width:8px;height:8px;background:var(--orange);border:2px solid var(--paper);border-radius:50%;position:absolute;right:8px;top:8px}.page{padding:22px 18px 30px;max-width:1120px;margin:auto}.hero{background:var(--navy);color:white;border-radius:24px;padding:25px;position:relative;overflow:hidden}.hero:after{content:"";position:absolute;width:180px;height:180px;border:42px solid rgba(255,200,133,.12);border-radius:50%;right:-80px;top:-70px}.eyebrow{display:block;text-transform:uppercase;font-weight:700;font-size:10px;letter-spacing:.17em;color:var(--orange);margin-bottom:11px}.hero .eyebrow{color:var(--gold)}h1,h2,h3,p{margin-top:0}h1{font-size:30px;letter-spacing:-.04em;line-height:1.1;margin-bottom:12px}h2{font-size:23px;letter-spacing:-.035em}h3{font-size:16px}.hero p{color:#c6d0d6;font-size:13px;line-height:1.6;max-width:500px}.hero-profile{display:flex;align-items:center;gap:12px;margin-bottom:25px;position:relative;z-index:1}.avatar{width:52px;height:52px;border-radius:16px;background:linear-gradient(145deg,#ffe3c5,var(--orange2));color:var(--navy);font-weight:800;display:grid;place-items:center}.avatar.small{width:38px;height:38px;border-radius:12px;font-size:12px}.hero-profile strong,.hero-profile small{display:block}.hero-profile small{color:#aebbc3;font-size:12px;margin-top:3px}.meeting{position:relative;z-index:1;background:white;color:var(--ink);padding:18px;border-radius:18px;display:grid;gap:13px}.meeting-top{display:flex;justify-content:space-between;align-items:center}.date-block strong{display:block;font-size:17px}.date-block span{font-size:11px;color:var(--muted)}.badge{font-size:10px;font-weight:700;color:var(--green);background:#e6f5f0;border-radius:99px;padding:6px 9px}.meeting-meta{display:flex;gap:18px;font-size:11px;color:var(--muted)}.meeting a{color:var(--orange);font-size:12px;font-weight:700;display:flex;gap:7px;align-items:center;text-decoration:none}.meeting a svg{width:17px}.section-head{display:flex;justify-content:space-between;align-items:end;margin:30px 2px 14px}.section-head h2{margin:0}.text-link{border:0;background:none;color:var(--orange);font-size:12px;font-weight:700}.metrics{display:grid;grid-template-columns:repeat(2,1fr);gap:11px}.metric{background:var(--paper);border:1px solid rgba(14,35,54,.07);padding:17px;border-radius:18px;box-shadow:0 8px 30px rgba(14,35,54,.04)}.metric svg{color:var(--orange);width:20px;margin-bottom:18px}.metric strong{font-size:25px;display:block}.metric span{font-size:11px;color:var(--muted)}.progress-card{margin-top:12px;background:linear-gradient(135deg,#fff,#f4ede2);padding:19px;border-radius:18px;border:1px solid rgba(14,35,54,.07)}.progress-card header{display:flex;justify-content:space-between;font-size:12px}.progress-card strong{color:var(--orange)}.progress-track{height:7px;background:#e0e1df;border-radius:9px;margin-top:13px;overflow:hidden}.progress-track i{display:block;width:68%;height:100%;background:linear-gradient(90deg,var(--orange),var(--gold));border-radius:9px}.bottom-nav{position:fixed;z-index:30;bottom:max(12px,env(safe-area-inset-bottom));left:14px;right:14px;height:76px;background:var(--navy);border-radius:23px;display:flex;align-items:center;justify-content:space-around;box-shadow:0 16px 40px rgba(14,35,54,.25)}.nav-item{border:0;background:none;color:#93a2ac;display:flex;flex-direction:column;align-items:center;gap:5px;font-size:9px;min-width:52px}.nav-item svg{width:23px;height:23px}.nav-item.active{color:white}.nav-item.active:after{content:"";height:3px;width:18px;border-radius:3px;background:var(--orange)}.fab{position:fixed;z-index:31;right:24px;bottom:104px;width:54px;height:54px;border:0;border-radius:18px;background:var(--orange);color:white;box-shadow:0 10px 25px rgba(254,91,4,.35);display:grid;place-items:center}.list-card{background:var(--paper);border-radius:20px;overflow:hidden;border:1px solid rgba(14,35,54,.08)}.activity-row,.member-row{display:flex;gap:14px;padding:17px;border-bottom:1px solid var(--line);align-items:center}.activity-row:last-child,.member-row:last-child{border-bottom:0}.activity-icon{width:43px;height:43px;border-radius:13px;background:#fff0e7;color:var(--orange);display:grid;place-items:center;flex:0 0 auto}.activity-icon.green{background:#e6f5f0;color:var(--green)}.row-copy{min-width:0;flex:1}.row-copy strong,.row-copy span,.row-copy small{display:block}.row-copy strong{font-size:14px}.row-copy span{font-size:12px;color:var(--muted);margin-top:3px}.row-copy small{font-size:10px;color:#9aa5ab;margin-top:5px}.chev{color:var(--orange);width:18px}.tabs{display:flex;background:#e8e8e3;padding:4px;border-radius:13px;margin-bottom:15px}.tab{flex:1;border:0;background:transparent;padding:10px;border-radius:10px;font-size:11px;font-weight:700;color:var(--muted)}.tab.active{background:white;color:var(--navy);box-shadow:0 4px 15px rgba(14,35,54,.08)}.community-hero{padding:12px 2px 15px}.community-hero h1{font-size:39px;color:var(--navy)}.community-hero h1 em{font-style:normal;color:var(--orange)}.community-hero p{color:var(--muted);font-size:13px}.feature-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.feature-card{border:0;text-align:left;background:var(--paper);min-height:150px;border-radius:20px;padding:18px;color:var(--navy);box-shadow:0 8px 30px rgba(14,35,54,.05)}.feature-card svg{width:30px;height:30px;color:var(--orange);margin-bottom:30px}.feature-card strong{display:block;font-size:15px}.feature-card span{display:block;color:var(--muted);font-size:10px;margin-top:5px;line-height:1.45}.invite-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.invite-card{border:1px solid var(--line);background:var(--paper);border-radius:17px;padding:18px 5px;color:var(--navy);min-height:112px}.invite-card svg{color:var(--orange);margin:auto auto 13px}.invite-card strong{display:block;font-size:12px}.search-box{display:flex;align-items:center;gap:10px;background:white;border:1px solid var(--line);border-radius:16px;padding:4px 14px;margin-bottom:16px}.search-box svg{color:var(--muted)}.search-box input{width:100%;border:0;outline:0;padding:12px 0;background:transparent;color:var(--ink)}.member-row .avatar{width:45px;height:45px;border-radius:50%;font-size:12px}.member-row .row-copy strong{color:var(--navy)}.empty{padding:40px;text-align:center;color:var(--muted)}dialog{border:0;border-radius:24px;padding:0;width:min(92vw,480px);background:var(--paper);box-shadow:0 30px 100px rgba(14,35,54,.35)}dialog::backdrop{background:rgba(14,35,54,.55);backdrop-filter:blur(3px)}dialog form{padding:27px;position:relative}.dialog-close{position:absolute;right:18px;top:14px;border:0;background:none;font-size:28px;color:var(--muted)}.action-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.action-grid button{border:1px solid var(--line);border-radius:16px;background:white;text-align:left;padding:15px;color:var(--navy)}.action-grid svg{color:var(--orange);margin-bottom:18px}.action-grid b,.action-grid span{display:block}.action-grid span{font-size:9px;color:var(--muted);margin-top:4px}.toast{position:fixed;z-index:60;left:50%;transform:translate(-50%,20px);bottom:110px;background:var(--navy);color:white;padding:12px 18px;border-radius:12px;font-size:12px;opacity:0;pointer-events:none;transition:.25s}.toast.show{opacity:1;transform:translate(-50%,0)}
@media(min-width:760px){.app-shell{display:grid;grid-template-columns:240px 1fr}.desktop-rail{position:sticky;top:0;height:100dvh;display:flex;flex-direction:column;padding:28px 18px;background:var(--navy);color:white}.desktop-rail .brand{color:white;padding:0 8px}.rail-label{color:#758996;font-size:9px;text-transform:uppercase;letter-spacing:.16em;margin:45px 12px 12px}.desktop-rail nav{display:flex;flex-direction:column;gap:5px}.desktop-rail .nav-item{min-width:0;width:100%;height:46px;flex-direction:row;border-radius:12px;padding:0 13px;gap:12px;font-size:12px;justify-content:flex-start}.desktop-rail .nav-item.active{background:rgba(255,255,255,.1)}.desktop-rail .nav-item.active:after{display:none}.rail-footer{display:flex;align-items:center;gap:10px;margin-top:auto;padding:15px 8px 0;border-top:1px solid rgba(255,255,255,.12)}.rail-footer strong,.rail-footer small{display:block}.rail-footer strong{font-size:10px}.rail-footer small{font-size:8px;color:#8397a4;margin-top:3px}.mobile-brand,.mobile-only,.bottom-nav{display:none}.topbar{height:76px;padding:0 32px;background:rgba(247,244,237,.9)}.page-title{display:block}.page{padding:34px}.fab{right:34px;bottom:28px}.hero{padding:30px;display:grid;grid-template-columns:1fr 1.1fr;gap:30px;align-items:end}.hero-profile{grid-column:1;margin:0}.hero-copy{grid-column:1}.meeting{grid-column:2;grid-row:1/3;padding:22px}.metrics{grid-template-columns:repeat(4,1fr)}.feature-grid{grid-template-columns:repeat(4,1fr)}main{padding-bottom:20px}.toast{bottom:30px}}
@media(min-width:1100px){.app-shell{grid-template-columns:270px 1fr}.page{padding:42px}.hero{padding:38px}.meeting{padding:25px}.metric{padding:20px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
.member-row{width:100%;border-left:0;border-right:0;border-top:0;background:transparent;text-align:left;color:inherit;cursor:pointer}

/* Intentionally keep the product in its mobile format at every viewport size. */
body{background:#e8e4dc}
.app-shell{display:block;width:100%;max-width:480px;margin:0 auto;background:var(--cream);box-shadow:0 0 70px rgba(14,35,54,.13);position:relative;overflow:hidden}
.desktop-rail{display:none}
main{min-height:100dvh;padding-bottom:116px}
.topbar{height:78px;padding:16px 20px}
.mobile-brand{display:flex}
.mobile-only{display:grid}
.page-title{display:none}
.page{padding:22px 18px 30px}
.hero{display:block;padding:25px}
.hero-profile{margin-bottom:25px}
.hero-copy{display:block}
.meeting{display:grid;padding:18px}
.metrics{grid-template-columns:repeat(2,1fr)}
.feature-grid{grid-template-columns:repeat(2,1fr)}
.bottom-nav{display:flex;left:50%;right:auto;width:calc(min(480px,100vw) - 28px);max-width:452px;transform:translateX(-50%)}
.fab{right:auto;left:min(calc(50% + 174px),calc(100% - 78px));bottom:104px}
.toast{bottom:110px}

@media(max-width:480px){
  .app-shell{box-shadow:none}
}

/* SAMA brand lockup */
.sama-lockup{display:flex;align-items:flex-end;gap:8px}
.sama-lockup img{width:105px;height:auto}
.sama-lockup b{font-size:9px;line-height:1;letter-spacing:.21em;color:var(--orange);padding-bottom:2px}
.desktop-rail .sama-lockup img{filter:brightness(0) invert(1)}
.desktop-rail .sama-lockup b{color:var(--gold)}

/* First-entry loader */
.preloader{position:fixed;inset:0;z-index:100;background:var(--cream);display:flex;flex-direction:column;align-items:center;justify-content:center;transition:opacity .5s ease,visibility .5s ease}
.preloader.is-done{opacity:0;visibility:hidden;pointer-events:none}
.preloader-brand{position:relative;width:86px;height:104px;display:grid;place-items:center}
.preloader-brand img{width:66px;height:66px;object-fit:contain;animation:flamePulse 1.25s ease-in-out infinite}
.preloader-brand span{position:absolute;bottom:0;width:56px;height:3px;border-radius:4px;background:#ddd6ca;overflow:hidden}
.preloader-brand span:after{content:"";display:block;width:45%;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--gold),var(--orange));animation:loadLine 1.1s ease-in-out infinite}
.preloader p{margin:18px 0 0;text-transform:uppercase;letter-spacing:.18em;font-size:9px;font-weight:700;color:var(--muted)}
@keyframes flamePulse{0%,100%{transform:translateY(0) scale(1);filter:drop-shadow(0 8px 12px rgba(254,91,4,.1))}50%{transform:translateY(-5px) scale(1.04);filter:drop-shadow(0 12px 18px rgba(254,91,4,.24))}}
@keyframes loadLine{0%{transform:translateX(-120%)}100%{transform:translateX(240%)}}

/* Authentication */
.auth-shell{width:100%;max-width:480px;min-height:100dvh;margin:0 auto;background:var(--navy);padding:34px 20px 28px;position:relative;color:white;overflow:hidden}
.auth-shell:before,.auth-shell:after{content:"";position:absolute;border-radius:50%;pointer-events:none}
.auth-shell:before{width:270px;height:270px;border:55px solid rgba(255,200,133,.09);right:-155px;top:-100px}
.auth-shell:after{width:190px;height:190px;background:rgba(254,91,4,.08);left:-130px;bottom:80px}
.auth-brand{position:relative;z-index:1;margin:8px 5px 31px}
.auth-brand .sama-lockup{align-items:flex-end}
.auth-brand .sama-lockup img{width:142px;filter:brightness(0) invert(1)}
.auth-brand .sama-lockup b{font-size:11px;color:var(--gold);padding-bottom:3px}
.auth-brand p{margin:12px 0 0;color:#98a9b4;font-size:11px}
.auth-card{position:relative;z-index:1;background:var(--paper);color:var(--ink);border-radius:24px;padding:7px 22px 24px;box-shadow:0 24px 60px rgba(0,0,0,.2)}
.auth-tabs{display:grid;grid-template-columns:1fr 1fr;background:#eeeae2;padding:4px;border-radius:13px;margin:0 0 25px}
.auth-tabs button{border:0;background:transparent;border-radius:10px;padding:10px;color:var(--muted);font-size:11px;font-weight:700}
.auth-tabs button.active{background:white;color:var(--navy);box-shadow:0 4px 14px rgba(14,35,54,.08)}
.auth-form{display:none}
.auth-form.active{display:block}
.auth-form h1{font-size:26px;color:var(--navy);margin-bottom:23px}
.auth-form>label,.form-pair label{display:block;font-size:10px;font-weight:700;color:var(--navy);margin-bottom:14px}
.auth-form input[type=email],.auth-form input[type=password],.auth-form input[type=text]{display:block;width:100%;margin-top:7px;border:1px solid var(--line);background:white;border-radius:12px;padding:12px 13px;outline:none;font-size:12px;color:var(--ink)}
.auth-form input:focus{border-color:var(--orange);box-shadow:0 0 0 3px rgba(254,91,4,.1)}
.password-field{display:block;position:relative}
.password-field input{padding-right:45px!important}
.password-toggle{position:absolute;right:2px;top:8px;width:42px;height:39px;display:grid;place-items:center;border:0;background:transparent;color:var(--muted)}
.password-toggle svg{width:18px}
.form-pair{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.form-meta{display:flex;justify-content:space-between;align-items:center;margin:3px 0 18px}
.check{display:flex!important;align-items:center;gap:7px;margin:0!important;font-size:9px!important;color:var(--muted)!important;font-weight:500!important}
.check input{accent-color:var(--orange)}
.form-meta button{border:0;background:none;color:var(--orange);font-size:9px;font-weight:700}
.auth-submit,.google-button{width:100%;height:45px;border-radius:12px;font-size:11px;font-weight:700}
.auth-submit{border:0;background:var(--orange);color:white;box-shadow:0 9px 20px rgba(254,91,4,.22)}
.google-button{border:1px solid var(--line);background:white;color:var(--navy);margin-top:10px}
.google-button span{display:inline-grid;place-items:center;width:21px;height:21px;border-radius:50%;margin-right:7px;background:#f3f1eb;color:#4285f4;font-weight:800}
.terms{line-height:1.45;margin:2px 0 17px!important;align-items:flex-start}
.secure-note{display:flex;align-items:flex-start;gap:8px;color:var(--muted);font-size:9px;line-height:1.5;margin:14px 2px 0}
.secure-note svg{width:15px;height:15px;flex:0 0 auto;color:var(--green)}
.auth-shell[hidden],.app-shell[hidden]{display:none}

@media(min-width:481px){
  .auth-shell{box-shadow:0 0 70px rgba(14,35,54,.22)}
}