@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;500;600&family=Playfair+Display:wght@500;600&family=Source+Sans+3:wght@400;500;600;700&display=swap');
.login-screen{min-height:100vh;display:grid;place-items:center;background:#f5f1e8;padding:24px}.login-box{width:min(430px,100%);background:#fffdf9;padding:42px;border-top:5px solid #073f33;box-shadow:0 20px 65px #123b2d24;text-align:center}.login-mark{font:500 44px/1 "Noto Sans SC";color:#b99543}.login-box h1{font:500 34px "Playfair Display";color:#073f33;margin:10px 0 4px}.login-box label{text-align:left;display:block;margin:25px 0 12px;font-size:14px}.login-box input{display:block;width:100%;padding:12px;margin-top:6px;border:1px solid #ded7c8;border-radius:4px;font:15px "Source Sans 3"}.login-box .button{width:100%}.login-box p{line-height:1.5;color:#68716b}.message{margin-top:15px;padding:10px;background:#eef4f0;color:#073f33;font-size:14px}.topbar .profile{border:1px solid #ded7c8;border-radius:4px;padding:9px 12px;color:#073f33}
:root{--jade:#073f33;--jade2:#0c5746;--ink:#18382f;--paper:#fbfaf6;--warm:#f3efe5;--line:#ded7c8;--gold:#b99543;--red:#b51d17;--muted:#73766f}*{box-sizing:border-box}body{margin:0;background:var(--paper);font-family:"Source Sans 3","Noto Sans SC",sans-serif;color:#28332e}.app-shell{min-height:100vh;display:grid;grid-template-columns:206px minmax(650px,1fr) 423px}.sidebar{background:linear-gradient(155deg,#063a2f,#022c24);color:#fff;padding:33px 18px;display:flex;flex-direction:column}.brand{height:274px;position:relative;display:flex;gap:12px;color:#e0bd6a}.brand-cn{font-family:"Noto Sans SC";font-size:47px;letter-spacing:7px;line-height:1.28;writing-mode:vertical-rl}.brand-en{font-family:"Playfair Display";font-size:18px;letter-spacing:5px;line-height:1.05;writing-mode:vertical-rl}.roof{position:absolute;bottom:16px;left:7px;color:#d9ad54;font-size:50px;transform:rotate(180deg)}nav{display:grid;gap:7px}.nav-item{cursor:pointer;border:0;background:transparent;color:#fff;text-align:left;padding:13px 12px;font-size:16px;border-radius:3px;display:flex;align-items:center;gap:10px}.nav-item span{font-size:20px}.nav-item small{font-family:"Noto Sans SC";font-size:13px;white-space:nowrap}.nav-item.active,.nav-item:hover{background:#27715d}.sidebar-note{margin-top:auto;color:#bccec7;line-height:1.6;font-size:13px;padding-left:10px}.workspace{min-width:0}.topbar{min-height:118px;border-bottom:1px solid var(--gold);padding:26px 33px;display:flex;align-items:center;justify-content:space-between;gap:18px}.topbar h1{font:500 34px/1.1 "Playfair Display","Noto Sans SC";margin:0;color:#1c2c27}.topbar h1 span{font-family:"Noto Sans SC";font-size:26px}.topbar p{margin:7px 0 0;color:var(--muted);font-size:13px}.top-actions{display:flex;align-items:center;gap:12px}.search,.local-search{border:1px solid #cec7ba;border-radius:6px;height:43px;background:#fff;display:flex;align-items:center;gap:9px;padding:0 12px;color:#6f756e}.search input,.local-search input{border:0;outline:0;font:14px "Noto Sans SC",sans-serif;width:235px;background:transparent}.button{border-radius:4px;border:1px solid var(--jade);cursor:pointer;font:600 14px "Source Sans 3","Noto Sans SC";white-space:nowrap;padding:11px 14px}.button.primary{background:var(--jade);color:#fff}.button.secondary{background:transparent;color:var(--jade)}.profile{border:0;background:transparent;font:14px "Source Sans 3";cursor:pointer;display:flex;gap:8px;align-items:center}.profile:first-letter{background:#e9e4d8}.view{padding:25px 33px}.hidden{display:none}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.stats article{min-height:132px;border:1px solid var(--line);border-radius:7px;background:#fffdf9;padding:25px 18px;display:flex;align-items:center;gap:17px}.stat-icon{height:55px;width:55px;border-radius:50%;display:grid;place-items:center;background:#e8efe9;color:var(--jade);font-size:29px}.stat-icon.alert{background:#f7e5e0;color:var(--red)}.stats p{font-size:14px;margin:0;color:#3f4742;line-height:1.18}.stats i{font-style:normal;font-family:"Noto Sans SC";font-size:13px}.stats strong{font:500 43px/1 "Playfair Display";color:var(--jade);display:block;margin-top:7px}.stats .danger{color:var(--red)}.directory-panel{margin-top:27px}.table-tools{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.local-search{width:322px}.local-search input{width:100%}.filter{border:1px solid var(--line);padding:10px 15px;background:#fff;border-radius:4px;color:#33433c}.table-wrap{border:1px solid var(--line);border-radius:7px;overflow:hidden;background:#fffdf9}table{border-collapse:collapse;width:100%;font-size:14px}th{text-align:left;color:#34463d;padding:12px 11px;font-weight:600;white-space:nowrap}td{border-top:1px solid #e5dfd4;padding:13px 11px;vertical-align:middle}.name-cell{font-family:"Noto Sans SC","Source Sans 3";font-size:15px}.name-cell span{font-family:"Playfair Display";font-size:15px}.status{font-size:13px;line-height:1.12}.status::before{content:"";display:inline-block;width:9px;height:9px;border-radius:50%;background:var(--jade);margin-right:7px}.status.pending{color:var(--red)}.status.pending::before{background:var(--red)}.status.none::before{background:#a3a8a4}.status.expired::before{background:#c47a19}.event-cell{line-height:1.12}.chevron{cursor:pointer;color:var(--jade);font-size:22px}.selected{background:#f0f5ed}.table-foot{display:flex;justify-content:space-between;color:#555f58;margin-top:14px;font-size:13px}.table-foot b{border:1px solid #a5a398;padding:3px 7px}.drawer{border-left:1px solid var(--line);background:#fffdf9;padding:27px 20px;min-width:0}.drawer h2{font:500 26px/1.2 "Playfair Display","Noto Sans SC";color:var(--jade);margin:0}.close{float:right;border:0;background:transparent;font-size:28px;cursor:pointer;color:#344}.drawer-tabs{display:flex;gap:25px;border-bottom:1px solid var(--line);margin-top:25px;padding-bottom:12px;font-size:13px}.drawer-tabs b{color:var(--jade);border-bottom:2px solid var(--jade);padding-bottom:12px}.drawer h3{font:500 19px "Playfair Display","Noto Sans SC";color:var(--jade);margin:24px 0 12px}.info{margin:0}.info div{display:grid;grid-template-columns:42% 58%;padding:9px 0;border-bottom:1px solid #e4ddd2;font-size:14px}.info dt{color:#6c706d}.info dd{margin:0}.mask{letter-spacing:1px}.lock{font-size:12px;color:#565d57;white-space:nowrap}.portal-card{border:1px solid #d48e82;border-radius:6px;padding:16px;margin-top:5px;background:#fffaf7}.portal-card .portal-status{color:var(--red);font-weight:600}.portal-card p{font-size:13px;margin:6px 0 12px;color:#585d57}.send{width:100%;padding:10px;background:#fff;border:1px solid var(--red);color:var(--red);border-radius:4px;cursor:pointer}.sent{color:var(--jade)!important;font-weight:600}.drawer-actions{display:flex;gap:10px;margin-top:25px}.drawer-actions button:first-child{flex:1}.simple-page{max-width:700px;padding:25px;border:1px solid var(--line);background:#fffdf9;border-radius:7px}.simple-page h2{font:500 30px "Playfair Display","Noto Sans SC";color:var(--jade);margin:0}.simple-page h3{font:500 19px "Playfair Display","Noto Sans SC";color:var(--jade);margin-top:25px}.simple-page p{line-height:1.7;color:#59625c}.event-list{display:grid;gap:10px;margin:20px 0}.event-list article{border-bottom:1px solid var(--line);padding:13px 0;display:flex;justify-content:space-between}.notice{background:#eef4f0;border-left:3px solid var(--jade);padding:15px;line-height:1.5}.notice.locked{background:#f7f3ea}.modal-backdrop{position:fixed;inset:0;background:#0a3028aa;display:grid;place-items:center;padding:20px}.modal{width:min(560px,100%);background:#fffdf9;border-radius:8px;padding:28px;box-shadow:0 25px 70px #00181155}.modal h2{margin:0 0 16px;font:500 26px "Playfair Display","Noto Sans SC";color:var(--jade)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.form-grid label{font-size:13px;color:#59635e}.form-grid input,.form-grid select{width:100%;padding:9px;margin-top:5px;border:1px solid var(--line);border-radius:4px;font:14px "Source Sans 3","Noto Sans SC"}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:24px}.portal-screen{position:fixed;inset:0;background:#f5f1e8;display:grid;place-items:center;padding:22px;z-index:5}.portal-box{width:min(680px,100%);padding:45px;background:#fffdf9;border-top:5px solid var(--jade);box-shadow:0 15px 55px #17463920}.portal-box h1{font:500 34px "Playfair Display","Noto Sans SC";color:var(--jade);margin:0}.portal-box p{line-height:1.65;color:#555}.confirm-data{background:#f5f6ef;margin:22px 0;padding:12px 18px}.confirm-data div{padding:7px 0;border-bottom:1px solid #ddd}.portal-box .button{width:100%;margin-top:5px}@media(max-width:1250px){.app-shell{grid-template-columns:188px 1fr}.drawer{display:none}.top-actions .secondary,.profile span{display:none}}@media(max-width:820px){.app-shell{display:block}.sidebar{min-height:auto;padding:14px}.brand,.sidebar-note{display:none}nav{display:flex;overflow:auto}.nav-item{font-size:13px;padding:8px}.nav-item small{display:none}.topbar{padding:18px;align-items:flex-start}.top-actions{flex-wrap:wrap;justify-content:flex-end}.search{order:3;width:100%}.search input{width:100%}.view{padding:18px}.stats{grid-template-columns:1fr}.stats article{min-height:95px}.table-wrap{overflow:auto}.table-foot{white-space:nowrap;gap:30px;overflow:auto}.button.secondary{display:none}}
.modal-backdrop{z-index:20}.app-shell:has(#loadingFallback){display:block}