:root{--green-950: #123c27;--green-900: #194b30;--green-800: #245b3b;--green-700: #2e7d32;--green-100: #e4eee5;--green-50: #f1f7f1;--paper: #fffdf8;--canvas: #f4f1e8;--ink: #1e2922;--muted: #7c827b;--line: #e4dfd3;--amber: #c58b35;--danger: #d9463e;--shadow: 0 16px 42px rgba(41, 51, 42, .08);font-family:PingFang SC,Microsoft YaHei,sans-serif;color:var(--ink);background:var(--canvas);font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 8% 0%,rgba(59,118,86,.12),transparent 24%),var(--canvas)}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}.hidden{display:none!important}.login-screen{display:grid;min-height:100vh;grid-template-columns:minmax(420px,1.05fr) minmax(460px,.95fr);background:var(--paper)}.login-brand{position:relative;display:flex;overflow:hidden;flex-direction:column;justify-content:space-between;padding:64px 76px;background:radial-gradient(circle at 90% 5%,rgba(136,181,146,.28),transparent 35%),linear-gradient(155deg,#276342,var(--green-950));color:#fff}.login-brand:after{position:absolute;right:-140px;bottom:-170px;width:520px;height:520px;border:1px solid rgba(255,255,255,.08);border-radius:50%;content:""}.brand-lockup{position:relative;z-index:1;display:flex;align-items:center;gap:14px}.brand-mark{display:grid;width:42px;height:42px;place-items:center;border:1px solid rgba(255,255,255,.55);border-radius:12px;font-family:STSong,Songti SC,serif;font-size:20px}.brand-lockup span{color:#ffffff9e;font:11px Georgia,serif;letter-spacing:3px}.login-statement{position:relative;z-index:1;max-width:620px}.login-kicker{color:#bcd1c0;font:11px Georgia,serif;letter-spacing:4px}.login-statement h1{margin:24px 0 18px;font-family:STSong,Songti SC,serif;font-size:clamp(45px,5vw,72px);font-weight:700;letter-spacing:4px;line-height:1.15}.login-statement p{max-width:530px;margin:0;color:#ffffffa6;font-size:16px;line-height:1.9}.login-badges{position:relative;z-index:1;display:flex;gap:12px}.login-badges span{padding:9px 14px;border:1px solid rgba(255,255,255,.16);border-radius:20px;color:#ffffffad;font-size:12px}.login-panel{display:flex;align-items:center;justify-content:center;padding:50px}.login-form{width:min(430px,100%)}.login-form .mini-title{color:var(--amber);font:11px Georgia,serif;letter-spacing:3px}.login-form h2{margin:13px 0 9px;font-family:STSong,Songti SC,serif;font-size:36px}.login-form>p{margin:0 0 34px;color:var(--muted);font-size:14px;line-height:1.7}.field{margin-bottom:18px}.field label{display:block;margin:0 0 8px;color:#5d645e;font-size:13px;font-weight:600}.field input,.field select{width:100%;height:52px;padding:0 16px;border:1px solid var(--line);border-radius:12px;outline:none;background:#fff;color:var(--ink);transition:border-color .18s,box-shadow .18s}.field input:focus,.field select:focus{border-color:#5b9470;box-shadow:0 0 0 4px #2e7d3214}.primary-button,.secondary-button,.danger-button{display:inline-flex;min-height:42px;align-items:center;justify-content:center;border-radius:22px;font-size:13px;font-weight:650}.primary-button{border:1px solid var(--green-800);background:var(--green-800);color:#fff}.primary-button:hover{background:var(--green-900)}.login-submit{width:100%;height:52px;margin-top:8px;border-radius:26px;font-size:14px}.demo-button{width:100%;height:50px;margin-top:10px;border-radius:26px;font-size:13px;font-weight:600}.secondary-button{border:1px solid var(--line);background:#fff;color:#57685c}.login-error{min-height:22px;margin-top:11px;color:var(--danger);font-size:12px}.security-note{margin-top:24px;padding:16px 18px;border-radius:13px;background:var(--green-50);color:#65766a;font-size:12px;line-height:1.7}.app-shell{display:grid;min-height:100vh;grid-template-columns:242px minmax(0,1fr)}.sidebar{position:sticky;top:0;display:flex;height:100vh;flex-direction:column;padding:34px 22px 24px;background:radial-gradient(circle at 100% 0,rgba(137,183,147,.24),transparent 34%),var(--green-950);color:#fff}.sidebar-brand{display:flex;align-items:center;gap:12px;padding:0 9px}.sidebar-brand .brand-mark{width:38px;height:38px}.sidebar-brand strong{display:block;font-family:STSong,Songti SC,serif;font-size:21px;letter-spacing:2px}.sidebar-brand small{display:block;margin-top:3px;color:#ffffff75;font:9px Georgia,serif;letter-spacing:2px}.sidebar-label{margin:52px 10px 13px;color:#ffffff5c;font-size:10px;letter-spacing:2px}.nav-list{display:flex;flex-direction:column;gap:7px}.nav-button{display:flex;width:100%;height:46px;align-items:center;gap:12px;padding:0 14px;border:0;border-radius:13px;background:transparent;color:#ffffff9e;text-align:left}.nav-button:hover{background:#ffffff12;color:#fff}.nav-button.active{background:#ffffff21;color:#fff}.nav-icon{display:grid;width:26px;height:26px;place-items:center;border-radius:8px;background:#ffffff17;font-family:STSong,serif;font-size:13px}.sidebar-footer{margin-top:auto;padding:17px 14px 0;border-top:1px solid rgba(255,255,255,.09)}.connection{display:flex;align-items:center;gap:8px;color:#ffffff94;font-size:11px}.connection-dot{width:7px;height:7px;border-radius:50%;background:#77c28b;box-shadow:0 0 0 4px #77c28b1c}.env-label{margin-top:8px;overflow:hidden;color:#ffffff52;font:10px Georgia,serif;text-overflow:ellipsis;white-space:nowrap}.logout-button{margin-top:18px;border:0;background:transparent;color:#ffffff85;font-size:11px}.main{min-width:0;padding:0 34px 50px}.topbar{position:sticky;z-index:10;top:0;display:flex;min-height:88px;align-items:center;gap:20px;border-bottom:1px solid rgba(221,216,203,.75);background:#f4f1e8ed;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.topbar-title{min-width:210px}.topbar-title h1{margin:0;font-family:STSong,Songti SC,serif;font-size:27px}.topbar-title p{margin:4px 0 0;color:var(--muted);font-size:12px}.top-spacer{flex:1}.search-box{display:flex;width:min(360px,34vw);height:42px;align-items:center;gap:9px;padding:0 14px;border:1px solid var(--line);border-radius:21px;background:var(--paper)}.search-box input{width:100%;border:0;outline:0;background:transparent;color:var(--ink);font-size:13px}.search-symbol{color:#777d76;font-size:18px}.refresh-button{width:42px;height:42px;border:1px solid var(--line);border-radius:50%;background:var(--paper);color:#5c6b60;font-size:20px}.content{padding-top:30px}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:22px}.page-heading h2{margin:0;font-family:STSong,Songti SC,serif;font-size:30px}.page-heading p{margin:7px 0 0;color:var(--muted);font-size:13px}.time-label{color:#959990;font:11px Georgia,serif}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.stat-card{position:relative;overflow:hidden;min-height:158px;padding:22px;border:1px solid var(--line);border-radius:18px;background:var(--paper);box-shadow:0 8px 26px #2c312b09}.stat-card.dark{border-color:var(--green-800);background:radial-gradient(circle at 100% 0,rgba(139,184,149,.25),transparent 40%),var(--green-800);color:#fff}.stat-card.amber{border-color:#ead9b9;background:#fff8ea}.stat-label{color:#7e847d;font-size:12px}.dark .stat-label{color:#fff9}.stat-value{margin-top:18px;font:700 42px Georgia,serif;line-height:1}.stat-foot{margin-top:15px;color:#969b94;font-size:11px}.dark .stat-foot{color:#ffffff80}.stat-index{position:absolute;right:18px;bottom:17px;color:#273f2e1f;font:42px Georgia,serif}.dark .stat-index{color:#ffffff17}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(320px,.6fr);gap:18px;margin-top:18px}.panel{border:1px solid var(--line);border-radius:18px;background:var(--paper);box-shadow:0 8px 26px #2c312b09}.panel-head{display:flex;align-items:center;justify-content:space-between;padding:21px 23px 15px}.panel-head h3{margin:0;font-size:16px}.panel-head span{color:var(--muted);font-size:11px}.health-list{padding:3px 23px 23px}.health-row{display:flex;align-items:center;gap:12px;padding:13px 0;border-bottom:1px solid #eeebe2}.health-row:last-child{border-bottom:0}.health-icon{display:grid;width:34px;height:34px;place-items:center;border-radius:10px;background:var(--green-50);color:#3b6f4e;font-family:STSong,serif;font-size:12px}.health-copy{min-width:0;flex:1}.health-copy strong{display:block;font-size:12px}.health-copy span{display:block;margin-top:3px;color:var(--muted);font-size:10px}.health-state{padding:5px 9px;border-radius:10px;background:var(--green-50);color:#40714f;font-size:10px}.chart-body{min-height:252px;padding:15px 24px 25px}.bar-chart{display:flex;height:190px;align-items:flex-end;gap:18px;padding-top:18px;border-bottom:1px solid var(--line)}.bar-column{display:flex;height:100%;flex:1;flex-direction:column;align-items:center;justify-content:flex-end}.bar{width:min(42px,72%);min-height:8px;border-radius:8px 8px 3px 3px;background:linear-gradient(to top,#245b3b,#6e9f7d)}.bar-column span{margin-top:9px;color:#8c918a;font-size:10px}.tabs-row{display:flex;align-items:center;gap:8px;margin-bottom:18px}.filter-chip{height:34px;padding:0 12px;border:1px solid var(--line);border-radius:17px;background:var(--paper);color:#737a73;font-size:11px}.filter-chip.active{border-color:var(--green-800);background:var(--green-800);color:#fff}.result-count{margin-left:auto;color:#969a93;font-size:11px}.content-table,.user-table{overflow:hidden;border:1px solid var(--line);border-radius:17px;background:var(--paper)}.table-head,.content-row{display:grid;grid-template-columns:74px minmax(170px,1.3fr) minmax(140px,.8fr) minmax(150px,.9fr) 96px 116px;align-items:center;gap:14px}.table-head{min-height:43px;padding:0 18px;border-bottom:1px solid var(--line);background:#faf8f1;color:#92968f;font-size:10px}.content-row{min-height:93px;padding:13px 18px;border-bottom:1px solid #ede9df}.content-row:last-child{border-bottom:0}.content-row.hidden-content{background:#fff9f7}.content-thumb{display:grid;width:50px;height:66px;overflow:hidden;place-items:center;border-radius:6px;background:var(--green-50);color:#5b7664;font-family:STSong,serif;font-size:16px}.content-thumb.avatar{width:50px;height:50px;border-radius:50%;background:var(--green-100)}.content-thumb img{width:100%;height:100%;object-fit:cover}.content-main{min-width:0}.content-main strong{display:block;overflow:hidden;color:#2b362e;font-size:13px;text-overflow:ellipsis;white-space:nowrap}.content-main p{display:-webkit-box;overflow:hidden;margin:6px 0 0;color:#7f857e;font-size:11px;line-height:1.55;-webkit-box-orient:vertical;-webkit-line-clamp:2}.cell-text{overflow:hidden;color:#6d746d;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.type-label,.status-label,.admin-role{display:inline-flex;width:fit-content;align-items:center;padding:5px 9px;border-radius:10px;font-size:10px;white-space:nowrap}.type-label{background:#edf0ea;color:#647167}.status-label.normal{background:var(--green-50);color:#427452}.status-label.hidden{background:#fdeceb;color:#c4423b}.admin-role{background:#fff1d8;color:#916321}.row-action{min-height:32px;padding:0 12px;font-size:10px}.user-content{padding:0}.user-head,.user-row{display:grid;grid-template-columns:minmax(180px,1fr) 110px minmax(170px,1fr) 110px 112px;align-items:center;gap:16px}.user-head{min-height:43px;padding:0 22px;border-bottom:1px solid var(--line);background:#faf8f1;color:#92968f;font-size:10px}.user-row{min-height:76px;padding:12px 22px;border-bottom:1px solid #ede9df}.user-row:last-child{border-bottom:0}.user-profile{display:flex;min-width:0;align-items:center;gap:12px}.user-avatar{display:grid;width:42px;height:42px;flex:0 0 42px;overflow:hidden;place-items:center;border-radius:50%;background:var(--green-100);color:#3f6b4e;font-size:13px;font-weight:700}.user-avatar img{width:100%;height:100%;object-fit:cover}.user-profile strong{display:block;overflow:hidden;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.user-profile span{display:block;margin-top:4px;color:#979b94;font-size:10px}.empty-state{display:flex;min-height:340px;flex-direction:column;align-items:center;justify-content:center;border:1px dashed #d9d4c8;border-radius:18px;background:#fffdf89e;color:var(--muted);text-align:center}.empty-symbol{margin-bottom:14px;color:#9aafa0;font:44px STSong,serif}.empty-state strong{color:#505b52;font-size:15px}.empty-state p{margin:7px 0 0;font-size:12px}.modal-backdrop{position:fixed;z-index:100;inset:0;display:grid;place-items:center;padding:24px;background:#0b191099;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.modal{width:min(470px,100%);padding:28px;border-radius:20px;background:var(--paper);box-shadow:0 30px 90px #0000003d}.modal-kicker{color:var(--amber);font:10px Georgia,serif;letter-spacing:2px}.modal h3{margin:10px 0 8px;font-family:STSong,serif;font-size:25px}.modal p{margin:0 0 18px;color:var(--muted);font-size:12px;line-height:1.7}.modal textarea{width:100%;min-height:94px;padding:12px;resize:vertical;border:1px solid var(--line);border-radius:10px;outline:none;font:inherit}.modal textarea:focus{border-color:#5b9470}.modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:18px}.modal-actions button{min-width:100px;height:42px}.danger-button{border:1px solid #f0d2cf;background:#fdecea;color:#c8443e}.toast{position:fixed;z-index:120;right:28px;bottom:28px;padding:13px 18px;border-radius:11px;background:#1f3025;color:#fff;box-shadow:0 12px 36px #14231938;font-size:12px;animation:toast-in .2s ease-out}.loading-overlay{position:fixed;z-index:110;inset:0;display:grid;place-items:center;background:#f4f1e8a8;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.spinner{width:34px;height:34px;border:3px solid #d5ddd6;border-top-color:var(--green-800);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes toast-in{0%{opacity:0;transform:translateY(7px)}}@media(max-width:1120px){.app-shell{grid-template-columns:196px minmax(0,1fr)}.sidebar{padding-right:14px;padding-left:14px}.main{padding-right:22px;padding-left:22px}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-grid{grid-template-columns:1fr}.table-head,.content-row{grid-template-columns:58px minmax(160px,1.2fr) minmax(120px,.7fr) 90px 102px}.table-head>:nth-child(4),.content-row>:nth-child(4){display:none}}@media(max-width:780px){.login-screen{grid-template-columns:1fr}.login-brand{min-height:300px;padding:38px}.login-badges{display:none}.login-panel{padding:38px 24px}.app-shell{display:block}.sidebar{position:relative;width:100%;height:auto;padding:18px}.sidebar-label,.sidebar-footer{display:none}.nav-list{flex-direction:row;margin-top:16px}.nav-button{justify-content:center}.main{padding:0 16px 32px}.topbar{flex-wrap:wrap;min-height:auto;padding:16px 0}.topbar-title{min-width:0;flex:1}.search-box{width:100%;order:3}.stats-grid{grid-template-columns:1fr}.content-table,.user-table{overflow-x:auto}.table-head,.content-row{min-width:760px}.user-head,.user-row{min-width:720px}}