:root{--cream:#fff7ed;--paper:#fffdf8;--brown:#5d3624;--gold:#c48a3a;--orange:#e07a3f;--rose:#8d3b46;--muted:#7a6a60;--line:#ead7c2;--shadow:0 22px 60px rgba(93,54,36,.16)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;background:linear-gradient(135deg,#fff7ed 0%,#f8ead9 45%,#fffdf8 100%);color:var(--brown)}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.fade-in{animation:fadeIn .75s ease both}@keyframes fadeIn{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.container{width:min(1160px,92%);margin:0 auto}.hero{position:relative;min-height:420px;display:grid;place-items:center;text-align:center;overflow:hidden;background:radial-gradient(circle at 20% 20%,rgba(196,138,58,.25),transparent 25%),radial-gradient(circle at 80% 10%,rgba(141,59,70,.16),transparent 28%)}.hero:after{content:"";position:absolute;inset:auto -8% -42% -8%;height:320px;background:var(--paper);border-radius:50% 50% 0 0}.hero-content{position:relative;z-index:1;padding:72px 0}.login-button{position:absolute;top:24px;right:28px;z-index:2;padding:12px 22px;border-radius:999px;background:var(--brown);color:white;box-shadow:var(--shadow);transition:.25s}.login-button:hover{transform:translateY(-3px);background:var(--rose)}.eyebrow{letter-spacing:.18em;text-transform:uppercase;color:var(--gold);font-weight:800;font-size:.78rem}.hero h1{font-size:clamp(2.6rem,7vw,5.8rem);line-height:.9;margin:.2em 0;color:var(--brown)}.generation-logo{display:inline-grid;place-items:center;min-height:86px;padding:16px 26px;margin:8px 0 12px;border-radius:28px;background:rgba(255,255,255,.74);border:1px solid rgba(196,138,58,.22);box-shadow:var(--shadow)}.generation-logo img{max-height:110px}.generation-logo span{font-family:Georgia,serif;font-size:clamp(1.5rem,4vw,3rem);color:var(--rose)}.hero-text{max-width:650px;margin:0 auto;color:var(--muted);font-size:1.08rem}.panel{background:rgba(255,253,248,.92);border:1px solid var(--line);border-radius:30px;box-shadow:var(--shadow);padding:26px;margin:34px 0}.section-heading{text-align:center;margin:48px 0 24px}.section-heading.left{text-align:left;margin-top:0}.section-heading h2{font-size:clamp(1.7rem,3vw,2.8rem);margin:.2em 0}.sibling-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(205px,1fr));gap:22px}.member-card{position:relative;overflow:hidden;background:var(--paper);padding:18px;border-radius:28px;border:1px solid var(--line);box-shadow:0 16px 42px rgba(93,54,36,.1);text-align:center;transition:.3s}.member-card:hover{transform:translateY(-10px) scale(1.015);box-shadow:0 25px 70px rgba(93,54,36,.2)}.member-card img{width:138px;height:138px;margin:0 auto 16px;border-radius:36px;object-fit:cover;border:5px solid #fff1dc;transition:.35s}.member-card:hover img{transform:scale(1.08) rotate(-2deg)}.member-card h3{margin:0 0 8px;font-size:1.15rem}.member-card p,.member-card small,.muted{color:var(--muted)}.filter-form{display:grid;grid-template-columns:2fr 1fr 1fr auto auto;gap:12px;align-items:center}.filter-form.compact{grid-template-columns:2fr 110px 120px auto;margin-bottom:18px}.filter-form input,.filter-form select,label input,label select{width:100%;border:1px solid var(--line);background:white;border-radius:16px;padding:13px 14px;color:var(--brown)}label{display:grid;gap:7px;font-weight:700;color:var(--brown)}.btn,button.btn{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:15px;padding:12px 18px;font-weight:800;cursor:pointer;transition:.25s}.btn.primary{background:linear-gradient(135deg,var(--orange),var(--rose));color:white}.btn.ghost,.btn.small{background:#fff3e2;color:var(--brown);border:1px solid var(--line)}.btn.danger{background:#fee2e2;color:#991b1b}.btn.full{width:100%}.btn.small{padding:8px 12px;font-size:.9rem}.btn:hover{transform:translateY(-2px);filter:saturate(1.08)}.alert{padding:14px 16px;border-radius:16px;margin:14px 0}.alert.danger{background:#fee2e2;color:#991b1b}.alert.success{background:#dcfce7;color:#166534}.empty-state{grid-column:1/-1;text-align:center;padding:36px;border-radius:24px;background:#fff3e2}.tree-list{list-style:none;padding-left:0;margin:0}.tree-list .tree-list{padding-left:28px;border-left:2px dashed var(--line);margin-left:28px}.tree-node{margin:12px 0}.tree-card{width:100%;display:flex;gap:14px;align-items:center;text-align:left;background:white;border:1px solid var(--line);border-radius:20px;padding:12px;box-shadow:0 8px 24px rgba(93,54,36,.08);cursor:pointer;color:var(--brown)}.tree-card img{width:62px;height:62px;border-radius:18px;object-fit:cover}.tree-card span{display:grid;gap:4px;flex:1}.tree-card small{color:var(--muted)}.tree-children{overflow:hidden;transition:max-height .35s ease,opacity .35s ease}.tree-node.collapsed>.tree-children{max-height:0!important;opacity:0}.profile-detail{display:flex;gap:24px;align-items:center}.profile-detail img{width:150px;height:150px;object-fit:cover;border-radius:34px}.breadcrumb{font-size:.9rem;color:var(--gold)}.auth-page{min-height:100vh;display:grid;place-items:center;padding:24px}.auth-card{width:min(440px,100%);background:var(--paper);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:32px;padding:34px}.auth-card h1{font-size:2.2rem;margin:0}.back-link{display:block;margin-top:18px;color:var(--muted);text-align:center}.dashboard-body{background:#fbf1e6}.dashboard-shell{display:flex;min-height:100vh}.sidebar{width:275px;background:linear-gradient(180deg,#4a271a,#7b3c32);color:white;padding:26px;position:sticky;top:0;height:100vh}.brand{font-size:1.45rem;font-weight:900}.role-pill{display:inline-block;background:rgba(255,255,255,.14);padding:8px 12px;border-radius:999px}.sidebar nav{display:grid;gap:9px;margin-top:24px}.sidebar nav a{padding:13px 14px;border-radius:16px;color:#fff5eb}.sidebar nav a.active,.sidebar nav a:hover{background:rgba(255,255,255,.16)}.logout-link{background:rgba(255,255,255,.1);margin-top:18px}.dashboard-main{flex:1;padding:34px;overflow:auto}.mobile-menu{display:none}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:18px;margin:24px 0}.stat-card{background:var(--paper);border:1px solid var(--line);border-radius:24px;padding:24px;box-shadow:0 14px 34px rgba(93,54,36,.1);font-weight:800}.stat-card span{display:block;font-size:2.35rem;color:var(--rose)}.quick-actions,.toolbar{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap}.table-wrap{overflow:auto;background:var(--paper);border:1px solid var(--line);border-radius:24px;box-shadow:0 12px 30px rgba(93,54,36,.08)}table{width:100%;border-collapse:collapse;min-width:760px}th,td{padding:14px 16px;border-bottom:1px solid var(--line);text-align:left}th{background:#fff3e2}.avatar{width:46px;height:46px;object-fit:cover;border-radius:14px}.form-card{max-width:920px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.wide{grid-column:1/-1}.inline-form{display:inline}.install-card{max-width:760px;margin:50px auto}
@media (max-width:800px){.filter-form,.filter-form.compact{grid-template-columns:1fr}.profile-detail{align-items:flex-start;flex-direction:column}.dashboard-shell{display:block}.sidebar{position:fixed;z-index:20;inset:0 auto 0 0;transform:translateX(-102%);transition:.28s}.sidebar.open{transform:none}.mobile-menu{display:inline-flex;margin-bottom:18px;border:0;background:var(--brown);color:white;border-radius:14px;padding:10px 14px}.dashboard-main{padding:20px}.hero{min-height:360px}.login-button{right:16px;top:16px}.form-grid{grid-template-columns:1fr}.tree-list .tree-list{padding-left:14px;margin-left:14px}.sibling-grid{grid-template-columns:repeat(auto-fit,minmax(165px,1fr))}}