@font-face{font-family:"Open Sans";src:url("/fonts/OpenSans-Variable.ttf") format("truetype");font-weight:300 800;font-style:normal;font-display:swap}
:root{
  --page:#f5f2e9;--surface:#fffdf8;--surface-soft:#efeee5;--ink:#151a17;--muted:#687069;
  --line:rgba(22,49,37,.13);--forest:#0a4c35;--forest-2:#116346;--gold:#d9b968;--gold-light:#f1d98b;
  --shadow:0 18px 60px rgba(23,42,32,.09);--sidebar:224px;
}
[data-theme="dark"]{--page:#07100c;--surface:#0d1712;--surface-soft:#101e17;--ink:#f3f0e7;--muted:#a8b2aa;--line:rgba(236,229,205,.12);--shadow:0 22px 70px rgba(0,0,0,.28)}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;min-height:100vh;background:var(--page);color:var(--ink);font-family:"Open Sans",sans-serif;font-size:15px;font-weight:480;line-height:1.5}
button,input,select{font:inherit}
a{color:inherit}
[hidden]{display:none!important}
:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
.dashboard-atmosphere{position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 88% 3%,rgba(68,153,102,.12),transparent 26%),radial-gradient(circle at 50% 100%,rgba(209,187,103,.08),transparent 36%);z-index:-1}
.dashboard-sidebar{position:fixed;z-index:30;inset:0 auto 0 0;width:var(--sidebar);display:flex;flex-direction:column;padding:22px 14px 15px;background:color-mix(in srgb,var(--surface) 96%,transparent);border-right:1px solid var(--line);backdrop-filter:blur(24px)}
.dashboard-brand{display:flex;align-items:center;height:72px;padding:0 14px;border-bottom:1px solid var(--line)}
.dashboard-brand img{width:100%;max-width:168px;height:auto}
[data-theme="light"] .dashboard-brand img{filter:brightness(.62) saturate(1.35) sepia(.35)}
.dashboard-nav{display:grid;gap:6px;padding:22px 0}
.dashboard-nav a{display:flex;align-items:center;gap:12px;min-height:46px;padding:10px 12px;border-radius:10px;color:var(--muted);font-size:.82rem;font-weight:650;text-decoration:none;transition:.18s ease}
.dashboard-nav a span:first-child{display:grid;place-items:center;width:25px;height:25px;border:1px solid var(--line);border-radius:8px;color:var(--forest-2);font-weight:800}
[data-theme="dark"] .dashboard-nav a span:first-child{color:var(--gold)}
.dashboard-nav a:hover{background:color-mix(in srgb,var(--forest) 8%,transparent);color:var(--ink);transform:translateX(2px)}
.dashboard-nav a.active{background:linear-gradient(135deg,#0c5b3e,#083f2d);color:#fff;box-shadow:0 9px 24px rgba(5,65,43,.19)}
.dashboard-nav a.active span:first-child{border-color:rgba(255,255,255,.3);color:var(--gold-light)}
.dashboard-sidebar-note{display:flex;gap:10px;margin-top:auto;padding:14px 11px;border:1px solid var(--line);border-radius:12px;background:color-mix(in srgb,var(--surface-soft) 72%,transparent)}
.secure-mark{display:grid;place-items:center;flex:0 0 30px;height:30px;border:1px solid color-mix(in srgb,var(--gold) 70%,transparent);border-radius:50%;color:var(--gold);font-size:.7rem;font-weight:800}
.dashboard-sidebar-note strong,.dashboard-sidebar-note small{display:block}.dashboard-sidebar-note strong{font-size:.69rem}.dashboard-sidebar-note small{margin-top:3px;color:var(--muted);font-size:.61rem;line-height:1.35}
.dashboard-version{padding:12px 11px 0;color:var(--muted);font-size:.58rem;letter-spacing:.13em}
.dashboard-frame{min-height:100vh;margin-left:var(--sidebar)}
.dashboard-topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:16px;height:76px;padding:0 clamp(18px,3vw,42px);border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--page) 88%,transparent);backdrop-filter:blur(24px)}
.mobile-menu{display:none;border:0;background:none;color:var(--ink);font-size:1.15rem;cursor:pointer}
.dashboard-heading{display:grid}.dashboard-heading span{color:var(--muted);font-size:.58rem;font-weight:700;letter-spacing:.17em;text-transform:uppercase}.dashboard-heading strong{font-size:.9rem}
.dashboard-actions{display:flex;align-items:center;gap:10px;margin-left:auto}.theme-control{display:flex;align-items:center;gap:8px;padding:9px 11px;border:1px solid var(--line);border-radius:999px;background:var(--surface);color:var(--muted);font-size:.7rem;cursor:pointer}.theme-symbol{width:12px;height:12px;border-radius:50%;background:var(--gold);box-shadow:inset -4px 0 0 var(--surface)}
.member-menu{position:relative}.member-pill{display:flex;align-items:center;gap:10px;min-width:180px;padding:6px 9px 6px 7px;border:1px solid var(--line);border-radius:999px;background:var(--surface);color:var(--ink);text-align:left;cursor:pointer}.member-avatar{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,#0c6545,#052d21);color:var(--gold-light);font-size:.72rem;font-weight:800}.member-pill strong,.member-pill small{display:block;max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.member-pill strong{font-size:.72rem}.member-pill small{color:var(--muted);font-size:.57rem;text-transform:capitalize}.member-chevron{margin-left:auto;color:var(--muted)}
.member-dropdown{position:absolute;right:0;top:calc(100% + 9px);width:230px;padding:7px;border:1px solid var(--line);border-radius:13px;background:var(--surface);box-shadow:var(--shadow)}
.member-dropdown a,.member-dropdown button{display:block;width:100%;padding:10px;border:0;border-radius:8px;background:none;color:var(--ink);font-size:.72rem;text-align:left;text-decoration:none;cursor:pointer}.member-dropdown a:hover,.member-dropdown button:hover{background:var(--surface-soft)}.member-dropdown button{border-top:1px solid var(--line);border-radius:0;color:#a94e44}
.dashboard-main{width:min(1480px,100%);margin:0 auto;padding:clamp(22px,3vw,44px)}
.dashboard-loading{display:grid;place-items:center;min-height:65vh;color:var(--muted)}.dashboard-loading span{width:44px;height:44px;border:2px solid var(--line);border-top-color:var(--gold);border-radius:50%;animation:spin .8s linear infinite}.dashboard-loading p{margin-top:-170px;font-size:.76rem}@keyframes spin{to{transform:rotate(360deg)}}
.dashboard-intro{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:25px}.dashboard-intro p{margin:0 0 6px;color:var(--forest-2);font-size:.62rem;font-weight:750;letter-spacing:.2em;text-transform:uppercase}[data-theme="dark"] .dashboard-intro p{color:var(--gold)}.dashboard-intro h1{margin:0;font-size:clamp(1.9rem,3.2vw,3.25rem);font-weight:520;letter-spacing:-.04em;line-height:1.06}.dashboard-intro div>span{display:block;max-width:740px;margin-top:9px;color:var(--muted);font-size:.8rem}.primary-action{display:flex;align-items:center;gap:25px;min-width:180px;padding:13px 16px;border:1px solid #e4cb79;border-radius:9px;background:linear-gradient(135deg,#f4dfa0,#d9b968);box-shadow:0 12px 28px rgba(154,119,24,.16);color:#143b2c;font-size:.74rem;font-weight:800;text-decoration:none}.primary-action span{margin-left:auto}
.dashboard-hero-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.umbral-id-card{--card-start:#07110d;--card-end:#020403;--card-accent:#d9b968;--card-text:#f6e8b7;--card-muted:#c9b87d;--card-border:#b99a4c;--card-glow:#2f8f63;--pattern-opacity:.22;--surface-opacity:.94;position:relative;isolation:isolate;aspect-ratio:1.586/1;min-width:0;overflow:hidden;padding:27px 30px;border:1px solid color-mix(in srgb,var(--card-border) 58%,transparent);border-radius:24px;background:linear-gradient(145deg,var(--card-start),var(--card-end));box-shadow:0 25px 55px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.08);color:var(--card-text)}
.umbral-id-card:before{content:"";position:absolute;inset:0;z-index:-3;background-image:var(--card-image,none);background-size:cover;background-position:var(--card-position,center);opacity:.46}.card-pattern{position:absolute;inset:0;z-index:-2;opacity:var(--pattern-opacity);mix-blend-mode:screen}.umbral-id-card[data-pattern="topography"] .card-pattern{background:repeating-radial-gradient(ellipse at 80% 5%,transparent 0 17px,rgba(84,173,112,.34) 18px 19px,transparent 20px 34px)}.umbral-id-card[data-pattern="waves"] .card-pattern{background:repeating-linear-gradient(165deg,transparent 0 23px,rgba(91,181,119,.22) 24px 25px,transparent 26px 43px)}.umbral-id-card[data-pattern="grid"] .card-pattern{background-image:linear-gradient(rgba(100,182,126,.16) 1px,transparent 1px),linear-gradient(90deg,rgba(100,182,126,.16) 1px,transparent 1px);background-size:30px 30px}.umbral-id-card[data-pattern="none"] .card-pattern{display:none}.card-glow{position:absolute;z-index:-1;width:65%;height:65%;right:-15%;bottom:-30%;border-radius:50%;background:var(--card-glow);filter:blur(70px);opacity:.38;animation:card-breathe 8s ease-in-out infinite alternate}@keyframes card-breathe{to{transform:translate(-18%, -12%) scale(1.16);opacity:.5}}
.umbral-id-card header{display:flex;justify-content:space-between;align-items:start}.umbral-id-card header>span{color:var(--card-accent);font-family:Georgia,serif;font-size:1rem;letter-spacing:.28em}.umbral-id-card header img{width:56px;height:72px;object-fit:contain;opacity:.78;filter:sepia(1) saturate(.9) brightness(1.15)}
.card-member{display:grid;align-content:end;height:42%}.card-member strong{font-family:Georgia,serif;font-size:clamp(1.55rem,2.4vw,2.35rem);font-weight:400;letter-spacing:.01em}.card-member span{margin-top:3px;color:var(--card-accent);font-size:.6rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase}.card-member small{margin-top:15px;color:var(--card-muted);font-size:.65rem;letter-spacing:.2em}
.umbral-id-card footer{position:absolute;right:30px;bottom:25px;left:30px;display:flex;align-items:end;justify-content:space-between;padding-top:13px;border-top:1px solid color-mix(in srgb,var(--card-accent) 70%,transparent)}.umbral-id-card footer span,.umbral-id-card footer small{display:block;color:var(--card-muted);font-size:.56rem;letter-spacing:.08em}.umbral-id-card footer strong{display:block;font-family:Georgia,serif;font-size:1.7rem;font-weight:400;color:var(--card-accent)}.umbral-id-card footer small{margin-top:1px}.card-member-since{text-align:right}.card-member-since strong{font-family:"Open Sans",sans-serif!important;font-size:.76rem!important;color:var(--card-text)!important}
.panel{border:1px solid var(--line);border-radius:17px;background:color-mix(in srgb,var(--surface) 96%,transparent);box-shadow:var(--shadow)}.reward-overview{padding:22px}.panel-heading{display:flex;justify-content:space-between;gap:15px;padding-bottom:14px;border-bottom:1px solid var(--line)}.panel-heading span{color:var(--forest-2);font-size:.58rem;font-weight:750;letter-spacing:.16em;text-transform:uppercase}[data-theme="dark"] .panel-heading span{color:var(--gold)}.panel-heading h2{margin:4px 0 0;font-size:1.08rem;font-weight:680}.panel-heading a{align-self:start;color:var(--muted);font-size:.62rem;text-decoration:none}.reward-balance-line{display:grid;grid-template-columns:108px 1fr;align-items:center;gap:20px;padding:19px 0}.progress-ring{--progress:0deg;display:grid;place-items:center;align-content:center;width:98px;height:98px;border-radius:50%;background:radial-gradient(circle,var(--surface) 57%,transparent 59%),conic-gradient(var(--forest-2) var(--progress),var(--surface-soft) 0);box-shadow:inset 0 0 0 1px var(--line)}.progress-ring strong,.progress-ring span{display:block}.progress-ring strong{font-size:1.45rem}.progress-ring span{color:var(--muted);font-size:.5rem;text-transform:uppercase;letter-spacing:.1em}.reward-balance-line>div:last-child>span{color:var(--muted);font-size:.62rem}.reward-balance-line>div:last-child>strong{display:block;margin:1px 0;font-size:1.3rem}.reward-balance-line p{max-width:390px;margin:4px 0 0;color:var(--muted);font-size:.65rem}.next-reward{display:grid;grid-template-columns:1fr auto;gap:12px;padding:12px 14px;border:1px solid var(--line);border-radius:11px;background:linear-gradient(135deg,color-mix(in srgb,var(--forest) 7%,var(--surface)),var(--surface))}.next-reward span,.next-reward small{display:block;color:var(--muted);font-size:.58rem}.next-reward strong{font-size:.76rem}.next-reward progress{width:150px;height:5px;accent-color:var(--gold)}
.dashboard-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:18px 0}.metric-card{padding:16px 18px;border:1px solid var(--line);border-radius:13px;background:var(--surface)}.metric-card span{display:block;color:var(--muted);font-size:.59rem;font-weight:650;text-transform:uppercase;letter-spacing:.09em}.metric-card strong{display:block;margin-top:5px;font-size:1.35rem}.metric-card small{display:block;margin-top:2px;color:var(--muted);font-size:.57rem}
.role-dashboard{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:14px}.dash-panel{grid-column:span 6;min-width:0;padding:20px;border:1px solid var(--line);border-radius:15px;background:var(--surface)}.dash-panel.wide{grid-column:1/-1}.dash-panel.third{grid-column:span 4}.dash-panel header{display:flex;justify-content:space-between;align-items:start;gap:10px;padding-bottom:12px;border-bottom:1px solid var(--line)}.dash-panel header div span{color:var(--forest-2);font-size:.56rem;font-weight:750;letter-spacing:.14em;text-transform:uppercase}[data-theme="dark"] .dash-panel header div span{color:var(--gold)}.dash-panel h2{margin:3px 0 0;font-size:1rem}.dash-panel header a{color:var(--muted);font-size:.6rem;text-decoration:none}.dash-list{display:grid}.dash-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;padding:12px 2px;border-bottom:1px solid var(--line)}.dash-row:last-child{border-bottom:0}.dash-row strong,.dash-row span,.dash-row small{display:block}.dash-row strong{overflow:hidden;font-size:.72rem;text-overflow:ellipsis;white-space:nowrap}.dash-row span,.dash-row small{margin-top:2px;color:var(--muted);font-size:.58rem}.dash-row>small,.dash-row>span:last-child{align-self:center;margin:0;text-align:right}.credit-positive{color:#22764e!important}.credit-negative{color:#a9574e!important}.status-pill{display:inline-flex!important;width:max-content;margin-top:4px!important;padding:3px 6px;border-radius:999px;background:var(--surface-soft);font-size:.5rem!important;text-transform:capitalize}.empty-state{padding:30px 10px;color:var(--muted);font-size:.68rem;text-align:center}.collection-bars{display:grid;gap:13px;padding-top:14px}.collection-bar header{padding:0;border:0}.collection-bar header strong{font-size:.68rem;text-transform:capitalize}.collection-bar header span{color:var(--muted);font-size:.58rem}.bar-track{height:6px;margin-top:6px;border-radius:999px;background:var(--surface-soft);overflow:hidden}.bar-track i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--forest),var(--gold));}.quick-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;padding-top:14px}.quick-grid a{display:flex;align-items:center;justify-content:space-between;min-height:58px;padding:12px;border:1px solid var(--line);border-radius:10px;background:var(--surface-soft);font-size:.68rem;text-decoration:none}.task-priority{display:inline-flex!important;width:7px;height:7px;margin:4px 7px 0 0!important;border-radius:50%;background:#7a9183}.task-priority.urgent{background:#bd554d}.task-priority.high{background:#d29d44}
.dashboard-error{display:grid;place-items:center;align-content:center;min-height:65vh;text-align:center}.dashboard-error span{color:#a5574c;font-size:.65rem;text-transform:uppercase;letter-spacing:.18em}.dashboard-error h1{margin:8px 0;font-size:2rem}.dashboard-error p{color:var(--muted)}.dashboard-error button{padding:10px 16px;border:0;border-radius:8px;background:var(--forest);color:#fff;cursor:pointer}
.sidebar-scrim{position:fixed;z-index:25;inset:0;background:rgba(0,0,0,.45)}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.card-glow,.dashboard-loading span{animation:none!important}}
@media(max-width:1180px){:root{--sidebar:205px}.dashboard-hero-grid{grid-template-columns:1fr}.umbral-id-card{max-width:650px}.dashboard-metrics{grid-template-columns:repeat(2,1fr)}.dash-panel.third{grid-column:span 6}}
@media(max-width:800px){.dashboard-sidebar{transform:translateX(-105%);transition:transform .22s ease}.dashboard-sidebar.open{transform:translateX(0)}.dashboard-frame{margin-left:0}.mobile-menu{display:block}.dashboard-topbar{padding:0 14px}.dashboard-heading{display:none}.dashboard-main{padding:18px 14px}.dashboard-intro{align-items:start;flex-direction:column}.primary-action{width:100%}.dashboard-hero-grid{display:block}.reward-overview{margin-top:14px}.dash-panel,.dash-panel.third{grid-column:1/-1}.member-pill{min-width:0}.member-pill>span:nth-child(2),.member-chevron{display:none}.theme-control .theme-toggle-text{display:none}}
@media(max-width:540px){body{font-size:14px}.dashboard-topbar{height:66px}.dashboard-actions{gap:6px}.dashboard-intro h1{font-size:1.85rem}.umbral-id-card{width:100%;min-height:250px;aspect-ratio:auto;padding:20px;border-radius:19px}.umbral-id-card header img{width:43px;height:55px}.card-member{height:44%}.card-member strong{font-size:1.45rem}.umbral-id-card footer{right:20px;bottom:18px;left:20px}.umbral-id-card footer strong{font-size:1.35rem}.reward-balance-line{grid-template-columns:82px 1fr;gap:13px}.progress-ring{width:76px;height:76px}.next-reward{grid-template-columns:1fr}.next-reward progress{width:100%}.dashboard-metrics{grid-template-columns:1fr 1fr}.metric-card{padding:13px}.metric-card strong{font-size:1.05rem}.quick-grid{grid-template-columns:1fr}}