[hidden]{display:none!important}button:focus-visible,input:focus-visible,a:focus-visible{outline:3px solid rgba(109,75,239,.35);outline-offset:2px}
:root{--ink:#171b24;--muted:#7d8290;--line:#e8e9ed;--paper:#f6f7f9;--orange:#e95e24;--purple:#6d4bef}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif}button,input{font:inherit}button{color:inherit}.app-shell{min-height:100vh;display:flex}.sidebar{position:fixed;inset:0 auto 0 0;width:246px;background:#fff;border-right:1px solid var(--line);padding:28px 18px 20px;display:flex;flex-direction:column;z-index:10}.brand{display:flex;align-items:center;gap:12px;padding:0 10px 30px}.brand-mark,.mobile-logo{width:38px;height:38px;border:0;border-radius:11px;color:white;display:grid;place-items:center;font-weight:900;font-size:20px;background:linear-gradient(145deg,#242836,#0d1017);box-shadow:inset 0 0 0 2px #3a3e4d}.brand strong,.brand span{display:block;letter-spacing:.18em;font-size:13px;line-height:1.35}.brand span{font-size:9px;color:#9599a5;font-weight:700;letter-spacing:.25em}.sidebar nav{display:grid;gap:5px}.sidebar nav button,.sidebar-foot>button{border:0;background:transparent;border-radius:10px;min-height:44px;padding:0 12px;display:flex;align-items:center;gap:13px;color:#707583;font-weight:700;font-size:14px;cursor:pointer;text-align:left}.sidebar nav button:hover,.sidebar nav button.active{background:#f1edff;color:#5d3fe4}.nav-icon{font-size:20px;width:22px;text-align:center}.sidebar nav b{margin-left:auto;background:#e95e24;color:white;font-size:10px;padding:3px 6px;border-radius:20px}.sidebar-foot{margin-top:auto;border-top:1px solid var(--line);padding-top:14px}.sidebar-foot>button{width:100%}.profile{margin-top:14px;background:#f7f7f9;border-radius:12px;padding:10px;display:flex;align-items:center;gap:10px}.profile div:nth-child(2){min-width:0;flex:1}.profile strong,.profile span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px}.profile span{color:var(--muted);font-size:10px;margin-top:2px}.profile button{border:0;background:none;color:#888}.avatar{width:38px;height:38px;flex:0 0 auto;border-radius:12px;display:grid;place-items:center;font-size:11px;font-weight:900;color:#fff}.avatar.small{width:34px;height:34px;border-radius:10px}.ember{background:linear-gradient(145deg,#ff8a3d,#b92f20)}.gold{background:linear-gradient(145deg,#f7bb45,#a86011)}.violet{background:linear-gradient(145deg,#a683ff,#5e3fc2)}.content{width:calc(100% - 246px);margin-left:246px}.topbar{height:72px;position:sticky;top:0;z-index:8;background:rgba(255,255,255,.94);backdrop-filter:blur(14px);border-bottom:1px solid var(--line);display:flex;align-items:center;gap:17px;padding:0 32px}.quick-search{position:relative;margin-right:auto;width:min(560px,55vw);height:42px;border:1px solid #dedfe4;border-radius:11px;display:flex;align-items:center;gap:10px;padding:0 12px;background:#fafafa}.quick-search>span{font-size:24px;color:#8c919b;transform:rotate(-15deg)}.quick-search input,.hero-input input{border:0;outline:0;background:transparent;width:100%;min-width:0;color:#242832}.quick-search input::placeholder,.hero-input input::placeholder{color:#9a9eaa}kbd{color:#9ea2ac;background:white;border:1px solid #dddfe4;border-radius:6px;padding:3px 6px;font-size:10px;white-space:nowrap}.search-results{position:absolute;top:48px;left:0;right:0;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 18px 45px rgba(22,25,34,.14);padding:10px;z-index:20}.search-results>small{display:block;padding:8px 10px;font-size:9px;font-weight:800;letter-spacing:.11em;color:#8a8f99}.search-results button{width:100%;border:0;background:none;border-radius:10px;padding:9px;display:flex;align-items:center;gap:10px;text-align:left;cursor:pointer}.search-results button:hover{background:#f5f2ff}.search-results button>span:nth-child(2){flex:1}.search-results strong,.search-results small{display:block;font-style:normal}.search-results small{color:#8b909a;margin-top:2px}.search-results i{font-style:normal}.icon-button{position:relative;width:38px;height:38px;border:1px solid var(--line);background:#fff;border-radius:10px;font-size:20px;cursor:pointer}.icon-button b{position:absolute;right:-3px;top:-4px;width:16px;height:16px;border-radius:50%;display:grid;place-items:center;background:var(--orange);color:#fff;font-size:8px}.top-profile{display:flex;align-items:center;gap:8px}.top-profile strong,.top-profile small{display:block;font-size:12px}.top-profile small{color:var(--muted);margin-top:2px}.mobile-logo{display:none}.page{width:min(1180px,calc(100% - 56px));margin:0 auto;padding:38px 0 56px}.welcome{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:25px}.eyebrow,.panel-heading p,.hero-search>p{margin:0 0 8px;color:#8a8e98;font-size:9px;font-weight:900;letter-spacing:.17em}.welcome h1{margin:0;font-size:30px;letter-spacing:-.035em}.welcome>div>p:last-child{margin:7px 0 0;color:var(--muted);font-size:14px}.date-pill{display:flex;align-items:center;gap:11px;padding:9px 14px;background:#fff;border:1px solid var(--line);border-radius:12px}.date-pill>span{width:36px;height:36px;display:grid;place-items:center;border-radius:9px;background:#1d2028;color:white;font-weight:900;font-size:11px}.date-pill small,.date-pill strong{display:block}.date-pill small{color:#9a9ea8;font-size:8px;letter-spacing:.12em}.date-pill strong{font-size:12px;margin-top:3px}.hero-search{color:#fff;min-height:218px;padding:33px 38px;border-radius:20px;background:radial-gradient(circle at 85% 20%,rgba(118,79,255,.33),transparent 28%),radial-gradient(circle at 15% 130%,rgba(234,92,35,.17),transparent 35%),linear-gradient(120deg,#171925,#242334 65%,#1b1829);box-shadow:0 16px 34px rgba(26,25,38,.16);position:relative;overflow:visible}.hero-search:after{content:'';position:absolute;right:35px;top:23px;width:120px;height:120px;border:1px solid rgba(255,255,255,.07);border-radius:32px;transform:rotate(18deg);pointer-events:none}.hero-search>p{color:#c7c1e8}.hero-search h2{margin:0 0 21px;font-size:27px;letter-spacing:-.03em}.hero-input{position:relative;z-index:2;height:54px;width:min(670px,100%);background:white;border-radius:12px;display:flex;align-items:center;gap:11px;padding:5px 5px 5px 16px;box-shadow:0 8px 24px rgba(0,0,0,.18)}.hero-input>span{color:#676d79;font-size:24px}.hero-input button{height:44px;border:0;border-radius:9px;background:var(--orange);color:white;font-weight:800;padding:0 22px;cursor:pointer}.hero-input button:hover{background:#d84e18}.hero-search>small{display:block;margin-top:13px;color:#aaabb5;font-size:10px}.stats{margin:20px 0;display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.stats article{min-height:88px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:17px;display:flex;align-items:center;gap:12px}.stat-icon{width:42px;height:42px;border-radius:11px;display:grid;place-items:center;font-weight:900;font-size:19px}.stat-icon.orange{color:#e55c25;background:#fff0e8}.stat-icon.purple{color:#6f4ce8;background:#f1edff}.stat-icon.blue{color:#3674d2;background:#eaf2ff}.stats strong,.stats span{display:block}.stats strong{font-size:21px;line-height:1}.stats span{color:#7e838e;font-size:10px;margin-top:6px}.stats article>small{margin-left:auto;color:#8d929d;font-size:9px}.stats article>small b{color:#30a468}.stats article>button{margin-left:auto;border:0;background:none;color:#6d4bef;font-size:10px;font-weight:800;cursor:pointer}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(330px,.75fr);gap:20px;align-items:start}.panel{background:#fff;border:1px solid var(--line);border-radius:17px;overflow:hidden}.panel-heading{display:flex;align-items:center;justify-content:space-between;padding:23px 24px 15px}.panel-heading h2{margin:0;font-size:20px}.panel-heading button{border:1px solid #dddfe4;border-radius:9px;background:white;padding:9px 12px;font-size:10px;font-weight:800;cursor:pointer}.village-list{padding:0 14px}.village-list>button{width:100%;border:0;border-bottom:1px solid #eff0f2;background:#fff;min-height:76px;display:flex;align-items:center;gap:12px;padding:11px 10px;text-align:left;cursor:pointer}.village-list>button:hover,.village-list>button.selected{background:#faf9ff;border-radius:11px}.th-badge{width:34px;height:34px;flex:0 0 auto;border-radius:9px;display:grid;place-items:center;background:linear-gradient(150deg,#6842db,#372477);color:white;font-size:11px;font-weight:900;box-shadow:inset 0 0 0 2px rgba(255,255,255,.18)}.th-badge.large{width:48px;height:48px;border-radius:13px;font-size:14px}.th-badge.xl{width:58px;height:58px;border-radius:16px;font-size:17px}.village-copy{flex:1}.village-copy strong,.village-copy small{display:block}.village-copy strong{font-size:13px}.village-copy small{color:#8b909b;margin-top:5px;font-size:10px;letter-spacing:.05em}.role{color:#ad7418;background:#fff7df;font-size:8px;font-weight:900;padding:5px 8px;border-radius:20px;letter-spacing:.08em}.village-list i{color:#a7abb3;font-style:normal;font-size:22px}.view-all,.detail-action{width:100%;height:48px;border:0;background:#fafafb;color:#646a75;font-size:10px;font-weight:800;cursor:pointer}.view-all span,.detail-action span{margin-left:8px}.detail-cover{min-height:118px;color:#fff;padding:23px;display:flex;align-items:center;gap:14px;background:radial-gradient(circle at 90% -10%,#5e46a2,transparent 40%),linear-gradient(125deg,#262838,#1c1b2c)}.detail-cover>div:nth-child(2){flex:1}.detail-cover h2{margin:8px 0 3px;font-size:17px}.detail-cover p{margin:0;color:#a9abb7;font-size:9px}.detail-cover>button{align-self:flex-start;color:#aaa8b7;background:none;border:0}.status{color:#6ee5a9;background:rgba(41,170,105,.16);padding:4px 7px;border-radius:20px;font-size:8px;font-weight:800}.status.pending{color:#ffc56c;background:rgba(244,159,40,.15)}.detail-body{padding:20px 21px 10px}.label{margin:0 0 11px;color:#999da7;font-size:8px;font-weight:900;letter-spacing:.13em}.person,.access-row{display:flex;align-items:center;gap:10px}.person>div:nth-child(2),.access-row>div:nth-child(2){flex:1}.person strong,.person span,.access-row strong,.access-row span{display:block;font-size:11px}.person span,.access-row span{color:#8b909a;margin-top:3px;font-size:9px}.person a{color:#22945d;background:#e9f8f0;border-radius:8px;padding:8px 9px;text-decoration:none;font-size:9px;font-weight:800}.divider{height:1px;background:#eceef1;margin:18px 0}.access-head{display:flex;align-items:center;justify-content:space-between}.access-head span{color:#969aa5;font-size:9px}.access-row{margin-bottom:11px}.access-row a{color:#24925c;text-decoration:none;width:28px;height:28px;display:grid;place-items:center;border:1px solid #e2e5e8;border-radius:8px}.empty{color:#9a9ea8;font-size:10px}.toast{position:fixed;right:24px;bottom:24px;z-index:50;background:#1d2028;color:white;padding:13px 17px;border-radius:11px;box-shadow:0 12px 35px rgba(0,0,0,.22);font-size:12px}.bottom-nav{display:none}
@media(max-width:900px){.sidebar{width:76px;padding:22px 10px}.brand{padding:0 9px 30px}.brand>div:nth-child(2),.sidebar nav button>span:not(.nav-icon),.sidebar-foot>button>span:not(.nav-icon),.profile>div:nth-child(2),.profile>button{display:none}.sidebar nav button,.sidebar-foot>button{justify-content:center;padding:0}.sidebar nav b{position:absolute;margin:-26px 0 0 23px}.profile{padding:8px;justify-content:center}.content{width:calc(100% - 76px);margin-left:76px}.dashboard-grid{grid-template-columns:1fr}.detail-panel{order:-1}}
@media(max-width:620px){.app-shell{display:block}.sidebar{display:none}.content{width:100%;margin:0;padding-bottom:72px}.topbar{height:64px;padding:0 15px;gap:10px}.mobile-logo{display:grid;width:34px;height:34px;font-size:17px}.quick-search{width:auto;flex:1;height:40px}.quick-search kbd,.top-profile{display:none}.icon-button{width:36px;height:36px}.page{width:calc(100% - 28px);padding:24px 0 30px}.welcome{align-items:flex-start}.welcome h1{font-size:25px}.welcome>div>p:last-child{max-width:260px;line-height:1.45}.date-pill{display:none}.hero-search{min-height:240px;padding:27px 20px;border-radius:17px}.hero-search h2{font-size:24px;max-width:260px}.hero-input{height:auto;min-height:52px;flex-wrap:wrap;padding:7px 7px 7px 13px}.hero-input input{width:calc(100% - 38px)}.hero-input button{width:100%}.stats{grid-template-columns:1fr 1fr}.stats article{min-height:82px}.stats article:nth-child(3){grid-column:1/-1}.dashboard-grid{grid-template-columns:1fr}.detail-panel{order:-1}.panel-heading{padding:20px 18px 12px}.role{display:none}.bottom-nav{position:fixed;display:flex;z-index:30;inset:auto 0 0;height:68px;background:rgba(255,255,255,.97);border-top:1px solid var(--line);justify-content:space-around;padding-bottom:env(safe-area-inset-bottom)}.bottom-nav button{position:relative;border:0;background:none;color:#888d98;min-width:62px;display:grid;place-content:center;gap:3px}.bottom-nav button>span{font-size:19px}.bottom-nav small{font-size:8px;font-weight:800}.bottom-nav button.active{color:#5e40dc}.bottom-nav b{position:absolute;top:8px;right:11px;width:14px;height:14px;display:grid;place-items:center;color:white;background:var(--orange);border-radius:50%;font-size:7px}.toast{right:14px;bottom:82px;left:14px;text-align:center}}