:root{--bg:#f4efe7;--surface:rgba(255,255,255,0.72);--surface-strong:rgba(255,255,255,0.9);--surface-dark:#181512;--text:#1f1a16;--muted:#6c6158;--accent:#7b4f2b;--accent-strong:#a86a37;--gold:#c9a063;--border:rgba(72,50,35,0.12);--shadow:0 24px 80px rgba(61,40,22,0.12);--critical:#a63a28;--warning:#b0771f;--info:#3f6c78;--success:#295d44}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--text);background:radial-gradient(circle at top left,rgba(201,160,99,.18),transparent 30%),radial-gradient(circle at bottom right,rgba(123,79,43,.1),transparent 26%),linear-gradient(135deg,#f7f2eb,#f2e8db 48%,#fbf7f1);font-family:Avenir Next,Segoe UI,sans-serif;min-height:100vh}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.app-shell{display:grid;grid-template-columns:300px 1fr;min-height:100vh}.sidebar{border-right:1px solid var(--border);background:linear-gradient(180deg,#171311,#211913 56%,#261c15);color:#f7f0e7;padding:28px 22px;position:-webkit-sticky;position:sticky;top:0;height:100vh;overflow:hidden}.sidebar:before{content:"";position:absolute;inset:auto -80px -120px auto;width:280px;height:280px;border-radius:50%;background:radial-gradient(circle,rgba(201,160,99,.16),transparent 68%);pointer-events:none}.sidebar>*{position:relative;z-index:1}.sidebar-scroll{height:100%;overflow-y:auto;overflow-x:hidden;padding-right:4px;scrollbar-width:thin;-webkit-overflow-scrolling:touch}.sidebar-scroll::-webkit-scrollbar{width:8px}.sidebar-scroll::-webkit-scrollbar-thumb{background:rgba(201,160,99,.28);border-radius:999px}.brand{display:flex;gap:14px;align-items:center;margin-bottom:28px}.brand-mark{width:46px;height:46px;border-radius:14px;background:linear-gradient(135deg,#c9a063,#7b4f2b);display:grid;place-items:center;box-shadow:inset 0 1px 0 rgba(255,255,255,.28);font-size:1.1rem}.brand-copy h1,.brand-mark{font-family:Iowan Old Style,Palatino Linotype,serif}.brand-copy h1{font-size:1.4rem;margin:0}.brand-copy p{margin:6px 0 0;color:rgba(247,240,231,.72);line-height:1.5;font-size:.92rem}.sidebar-section{margin-top:26px}.sidebar-section h2{font-size:.76rem;letter-spacing:.12em;text-transform:uppercase;color:rgba(247,240,231,.58);margin:0 0 12px}.nav-list,.role-list{display:grid;grid-gap:10px;gap:10px}.nav-link,.role-link{padding:14px 14px 12px;border:1px solid rgba(255,255,255,.08);border-radius:18px;background:rgba(255,255,255,.04);transition:transform .12s ease,border-color .12s ease,background .12s ease}.nav-link:hover,.role-link:hover{transform:translateY(-1px);border-color:rgba(201,160,99,.38);background:rgba(255,255,255,.08)}.nav-link strong,.role-link strong{display:block;margin-bottom:4px;font-size:.96rem}.nav-link span,.role-link span{color:rgba(247,240,231,.7);font-size:.88rem;line-height:1.45}.main{padding:28px}.page-header{display:flex;justify-content:space-between;gap:24px;align-items:flex-start;margin-bottom:28px}.eyebrow{display:inline-flex;align-items:center;gap:8px;border-radius:999px;background:rgba(123,79,43,.08);color:var(--accent);padding:8px 14px;font-size:.82rem;letter-spacing:.04em;margin-bottom:14px}.page-header h1{margin:0;font-family:Iowan Old Style,Palatino Linotype,serif;font-size:clamp(2.1rem,4vw,3.6rem);line-height:1.02}.page-header p{margin:12px 0 0;max-width:780px;color:var(--muted);font-size:1.02rem;line-height:1.65}.language-toggle{display:inline-flex;gap:10px}.header-actions{display:grid;grid-gap:12px;gap:12px;justify-items:end}.current-user-card{display:grid;grid-gap:6px;gap:6px;justify-items:end;padding:14px 16px;border-radius:20px;background:var(--surface-strong);border:1px solid var(--border);box-shadow:var(--shadow)}.current-user-card strong{font-size:.96rem}.current-user-card span{color:var(--muted);font-size:.84rem}.pill-link{padding:10px 14px;border-radius:999px;background:var(--surface-strong);border:1px solid var(--border);font-size:.92rem;box-shadow:var(--shadow)}.grid{display:grid;grid-gap:18px;gap:18px}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:16px;gap:16px}.two-column{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(320px,.9fr);grid-gap:18px;gap:18px}.three-column{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:16px;gap:16px}.card{border-radius:24px;background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);padding:20px;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.card h2,.card h3{margin:0;font-family:Iowan Old Style,Palatino Linotype,serif}.card-header{display:flex;justify-content:space-between;gap:18px;align-items:baseline;margin-bottom:14px}.metric-card strong{display:block;font-size:2rem;margin:8px 0}.metric-card span{color:var(--muted);font-size:.94rem}.trend-up{color:var(--success)}.trend-down{color:var(--critical)}.trend-flat{color:var(--warning)}.data-table{width:100%;border-collapse:collapse}.data-table td,.data-table th{text-align:left;padding:12px 10px;border-bottom:1px solid var(--border);vertical-align:top}.data-table th{font-size:.8rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.data-table td{font-size:.94rem}.tag{display:inline-flex;align-items:center;gap:8px;padding:7px 12px;border-radius:999px;background:rgba(123,79,43,.08);color:var(--accent);font-size:.82rem}.tag-critical{background:rgba(166,58,40,.1);color:var(--critical)}.tag-warning{background:rgba(176,119,31,.12);color:var(--warning)}.tag-info{background:rgba(63,108,120,.12);color:var(--info)}.hero-card{padding:28px;background:linear-gradient(135deg,rgba(24,21,18,.95),rgba(73,45,26,.9)),linear-gradient(180deg,rgba(255,255,255,.06),transparent);color:#f9f3ea}.hero-card h2{font-size:clamp(1.9rem,3vw,3rem);margin:0 0 12px}.hero-card p{margin:0;max-width:720px;color:rgba(249,243,234,.76);line-height:1.7}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:999px;padding:12px 18px;border:1px solid transparent;font-weight:600}.button-primary{background:linear-gradient(135deg,var(--gold),var(--accent-strong));color:#fffaf6}.button-secondary{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.12);color:#fff8f0}.stack{display:grid;grid-gap:12px;gap:12px}.list-reset{list-style:none;padding:0;margin:0}.alert-list li,.leaderboard-list li,.task-list li{padding:14px 0;border-bottom:1px solid var(--border)}.alert-list li:last-child,.leaderboard-list li:last-child,.task-list li:last-child{border-bottom:0;padding-bottom:0}.alert-list strong,.leaderboard-list strong,.task-list strong{display:block;margin-bottom:6px}.muted{color:var(--muted)}.share-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(260px,.8fr);grid-gap:18px;gap:18px}.image-frame{border-radius:28px;overflow:hidden;background:linear-gradient(135deg,rgba(123,79,43,.08),rgba(201,160,99,.12));border:1px solid var(--border)}.image-frame img{width:100%;height:100%;object-fit:cover;aspect-ratio:16/10}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:14px;gap:14px}.form-field{display:grid;grid-gap:8px;gap:8px}.form-field label{font-size:.9rem;color:var(--muted)}.form-field input,.form-field select,.form-field textarea{width:100%;border:1px solid var(--border);border-radius:14px;background:rgba(255,255,255,.8);padding:12px 14px;font:inherit;color:var(--text)}.form-field textarea{min-height:118px;resize:vertical}.form-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:18px}.note{padding:12px 14px;border-left:4px solid var(--gold);background:rgba(201,160,99,.12);border-radius:16px}.footer-note{margin-top:22px;color:var(--muted);font-size:.9rem}@media (max-width:1100px){.app-shell{grid-template-columns:1fr}.sidebar{position:relative;height:auto}.sidebar-scroll{height:auto;overflow:visible;padding-right:0}.form-grid,.metric-grid,.share-grid,.three-column,.two-column{grid-template-columns:1fr}}@media (max-width:720px){.main{padding:18px}.sidebar{padding:20px 18px}.page-header{flex-direction:column}}