:root{
  --blue-600:#3f6ff3;--blue-500:#5d83f7;--blue-100:#edf2ff;
  --green-600:#20a66a;--green-100:#eaf8f1;--orange-600:#ed8a19;--orange-100:#fff4e5;
  --red-600:#e95454;--red-100:#fff0f0;--violet-600:#8b6cf6;--cyan-600:#16a3b6;
  --ink:#303746;--muted:#8791a3;--line:#e7eaf0;--line-strong:#d9dee8;
  --page:#f3f4f6;--panel:#fff;--sidebar:#354052;--sidebar-deep:#2d3748;--sidebar-text:#b8c1cf;
  --radius:5px;--shadow:0 1px 3px rgba(30,45,70,.05);--z-sidebar:300;--z-sticky:200;
}
*{box-sizing:border-box}
html{font-size:14px}
body{margin:0;background:var(--page);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;line-height:1.5}
a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:2px solid var(--blue-500);outline-offset:2px}
.admin-shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;z-index:var(--z-sidebar);width:210px;overflow-y:auto;background:var(--sidebar);color:#fff;box-shadow:2px 0 8px rgba(24,34,53,.12)}
.brand{display:flex;align-items:center;gap:.75rem;height:58px;padding:0 14px;background:var(--sidebar-deep);border-bottom:1px solid rgba(255,255,255,.06)}
.brand-mark{display:grid;place-items:center;width:30px;height:30px;border-radius:2px;background:linear-gradient(135deg,#ff4e8e,#8f6df8);font-size:17px;font-weight:800;transform:skew(-8deg)}
.brand-title{display:block;font-size:15px}.brand-subtitle{display:block;margin-top:1px;color:#95a2b5;font-size:10px}.sidebar-fold{margin-left:auto;color:#9aa6b7}
.sidebar-nav{padding:8px 0 28px}.nav-item,.nav-group summary{position:relative;display:flex;align-items:center;gap:10px;min-height:42px;padding:0 16px;color:var(--sidebar-text);cursor:pointer;list-style:none;transition:.15s ease}
.nav-group summary::-webkit-details-marker{display:none}.nav-item:hover,.nav-group summary:hover{background:rgba(255,255,255,.055);color:#fff}.nav-root{margin-bottom:4px}.nav-item.active{background:rgba(255,255,255,.075);color:#fff}.nav-item.active:before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:#ff5b62}.nav-icon{display:inline-grid;place-items:center;width:17px;color:#93a0b3;font-size:15px}.nav-caret{margin-left:auto;color:#7c899d;font-size:12px}.nav-group[open] summary{color:#fff}.nav-children{padding:2px 0 6px;background:rgba(16,24,37,.12)}.nav-children .nav-item{min-height:35px;padding-left:44px;font-size:12px}.nav-children .nav-item:after{content:"";position:absolute;left:31px;width:4px;height:4px;border-radius:50%;background:#69778c}.nav-children .nav-item.active:after{background:#ff666c}
.main{min-height:100vh;margin-left:210px}.utility-bar{position:sticky;top:0;z-index:var(--z-sticky);display:flex;align-items:center;justify-content:space-between;height:40px;padding:0 15px;background:#fff;border-bottom:1px solid var(--line);color:#727c8d;font-size:12px}.utility-left,.utility-right{display:flex;align-items:center;gap:20px}.utility-right a:hover{color:var(--blue-600)}.switch-label{display:flex;align-items:center;gap:6px}.switch-dot{position:relative;width:28px;height:15px;border-radius:10px;background:#8aa7fa}.switch-dot:after{content:"";position:absolute;top:2px;right:2px;width:11px;height:11px;border-radius:50%;background:#fff}.mobile-menu{display:none;border:0;background:transparent;color:var(--ink);cursor:pointer}
.workspace-tabs{display:flex;align-items:stretch;height:35px;background:#fff;border-bottom:1px solid var(--line)}.workspace-home,.workspace-next{display:grid;place-items:center;width:38px;color:#8b95a5;font-size:19px}.workspace-tab{display:flex;align-items:center;padding:0 18px;border-left:1px solid var(--line);border-right:1px solid var(--line);font-size:12px}.workspace-tab.active{position:relative;color:var(--blue-600)}.workspace-tab.active:before{content:"";position:absolute;inset:0 0 auto;height:2px;background:var(--blue-600)}.workspace-spacer{flex:1}
.page-toolbar{display:flex;align-items:center;justify-content:space-between;min-height:45px;padding:0 17px;background:#fff;border-bottom:1px solid var(--line);font-size:12px}.crumb{color:#939cab}.top-actions{display:flex;align-items:center;gap:9px}.version{padding:1px 7px;border:1px solid #dfe5ef;border-radius:10px;color:#7e8999}.avatar{display:grid;place-items:center;width:27px;height:27px;border-radius:50%;background:var(--blue-100);color:var(--blue-600);font-weight:700}.link-button{border:0;background:transparent;color:#7d8798;cursor:pointer}
.content{padding:14px 16px 24px;max-width:1800px;margin:0 auto}.page-head{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:0 0 12px}.page-title{margin:0;font-size:20px;font-weight:650}.page-desc{margin:3px 0 0;color:var(--muted);font-size:12px}.head-actions{display:flex;gap:8px}.section-title{margin:0;font-size:14px;font-weight:650}.section-note{color:var(--muted);font-size:11px}
.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;margin-bottom:12px;background:var(--line);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.stat-card{position:relative;min-height:100px;padding:14px 16px;background:#fff}.stat-top{display:flex;align-items:center;justify-content:space-between}.stat-label{font-weight:650}.stat-icon{display:grid;place-items:center;width:30px;height:30px;border:1px solid currentColor;border-radius:50%;color:var(--tone,var(--blue-600));opacity:.8}.stat-value{margin:8px 0 4px;color:var(--tone,var(--blue-600));font-size:25px;font-weight:700}.stat-trend{color:var(--muted);font-size:11px}.stat-card.blue{--tone:var(--blue-600)}.stat-card.teal{--tone:var(--green-600)}.stat-card.violet{--tone:var(--violet-600)}.stat-card.amber{--tone:var(--orange-600)}.stat-card.danger-tone{--tone:var(--red-600)}
.dashboard-grid{display:grid;grid-template-columns:1fr 1fr .76fr;gap:12px}.dashboard-wide{grid-column:span 2}.panel,.form-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.panel-head,.form-card-head{display:flex;align-items:center;justify-content:space-between;min-height:42px;padding:0 14px;border-bottom:1px solid var(--line)}.panel-title{margin:0;font-size:13px}.panel-title:before{content:"";display:inline-block;width:7px;height:7px;margin-right:7px;border:2px solid #7a9af5;border-radius:50%;vertical-align:0}.panel-link{color:var(--blue-600);font-size:11px}.panel-body{padding:6px 14px}.activity-row{display:flex;align-items:center;gap:10px;min-height:48px;border-bottom:1px dotted var(--line)}.activity-row:last-child{border-bottom:0}.activity-main{min-width:0;flex:1}.activity-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:600}.activity-meta{margin-top:2px;color:var(--muted);font-size:10px}.rank{display:grid;place-items:center;width:23px;height:23px;border-radius:50%;background:var(--blue-100);color:var(--blue-600);font-size:11px;font-weight:700}.empty{padding:32px 16px;text-align:center;color:var(--muted)}
.trend-chart{display:flex;align-items:flex-end;gap:14px;height:190px;padding:22px 10px 12px}.trend-column{display:flex;flex:1;align-items:flex-end;justify-content:center;gap:4px;height:100%;border-bottom:1px solid var(--line);position:relative}.trend-bar{width:13px;min-height:3px;border-radius:2px 2px 0 0;background:var(--blue-500)}.trend-bar.posts{background:#42ba83}.trend-label{position:absolute;bottom:-21px;color:var(--muted);font-size:9px}.chart-legend{display:flex;gap:14px;color:var(--muted);font-size:10px}.legend-dot:before{content:"";display:inline-block;width:7px;height:7px;margin-right:4px;border-radius:50%;background:var(--blue-500)}.legend-dot.posts:before{background:#42ba83}
.toolbar{display:flex;flex-wrap:wrap;align-items:end;gap:8px;margin-bottom:10px;padding:10px 12px;background:#fff;border:1px solid var(--line);border-radius:var(--radius)}.filter-field{display:grid;gap:3px}.filter-field label{color:#7c8798;font-size:10px}.input,.select,textarea{width:100%;min-width:140px;border:1px solid var(--line-strong);border-radius:3px;background:#fff;color:var(--ink)}.input,.select{height:33px;padding:0 9px}.input:focus,.select:focus,textarea:focus{border-color:#83a1f6;box-shadow:0 0 0 2px rgba(63,111,243,.1);outline:0}textarea{min-height:86px;padding:8px;resize:vertical}.search-input{min-width:220px}
.button{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-height:33px;padding:0 12px;border:1px solid transparent;border-radius:3px;background:var(--blue-600);color:#fff;font-weight:600;cursor:pointer;white-space:nowrap}.button:hover{filter:brightness(.97)}.button:disabled{opacity:.5;cursor:not-allowed}.button.secondary,.button.ghost{border-color:var(--line-strong);background:#fff;color:#566174}.button.danger{background:var(--red-600)}.button.warning{background:var(--orange-600)}.button.success{background:var(--green-600)}.button.tiny{min-height:26px;padding:0 8px;font-size:11px}.action-row{display:flex;flex-wrap:wrap;gap:5px}.inline-form{display:flex;flex-wrap:wrap;align-items:center;gap:6px}
.table-wrap{overflow:auto;background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}table{width:100%;min-width:860px;border-collapse:collapse}th,td{padding:10px 12px;text-align:left;border-bottom:1px solid var(--line);vertical-align:middle}th{height:36px;background:#fafbfc;color:#788395;font-size:11px;font-weight:650;white-space:nowrap}td{font-size:12px}tbody tr:hover{background:#fbfcff}tbody tr:last-child td{border-bottom:0}.table-id{color:#9aa3b1}.person{display:flex;align-items:center;gap:8px}.person .avatar{flex:0 0 auto}.truncate{max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.muted{color:var(--muted)}.strong{font-weight:650}.media-thumb{width:72px;height:42px;border-radius:3px;object-fit:cover;background:#eef1f5}.color-dot{display:inline-block;width:9px;height:9px;margin-right:5px;border-radius:50%;vertical-align:0}
.badge{display:inline-flex;align-items:center;justify-content:center;min-height:20px;padding:1px 7px;border-radius:2px;background:#f0f2f5;color:#697486;font-size:10px;white-space:nowrap}.badge.pending,.badge.pending_review{background:var(--orange-100);color:#b96a0e}.badge.approved,.badge.published,.badge.active{background:var(--green-100);color:#148257}.badge.rejected,.badge.banned,.badge.deleted,.badge.disabled{background:var(--red-100);color:#c54242}.badge.info{background:var(--blue-100);color:var(--blue-600)}.badge.purple{background:#f1edff;color:#7756df}
.form-card{margin-bottom:10px}.form-card-body{padding:12px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 12px}.form-grid.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.field{display:grid;gap:4px}.field label{font-size:11px;font-weight:600}.field small{color:var(--muted)}.span-2{grid-column:span 2}.span-3{grid-column:span 3}.form-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:12px;padding-top:10px;border-top:1px solid var(--line)}
.permission-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.permission-item{display:flex;align-items:center;gap:7px;min-height:34px;padding:6px 8px;border:1px solid var(--line);border-radius:3px;background:#fbfcfe;font-size:11px}.permission-item input{accent-color:var(--blue-600)}details.editor{position:relative}details.editor>summary{color:var(--blue-600);cursor:pointer;list-style:none}details.editor>summary::-webkit-details-marker{display:none}.editor-box{position:absolute;right:0;z-index:50;width:min(520px,80vw);padding:12px;background:#fff;border:1px solid var(--line-strong);box-shadow:0 12px 34px rgba(36,49,70,.16)}
.flash,.errors{margin-bottom:10px;padding:9px 12px;border-radius:3px;font-size:12px}.flash{border:1px solid #bde8d1;background:#effaf4;color:#157a51}.errors{border:1px solid #f3c1c1;background:#fff4f4;color:#bd3f3f}.pagination{padding:12px}.pagination nav{display:flex;justify-content:flex-end}.code-box{padding:10px;border:1px solid var(--line);border-radius:3px;background:#f8f9fb;color:#596579;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:11px;word-break:break-all}
.auth-page{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 15% 20%,#eaf2ff 0,transparent 32%),radial-gradient(circle at 85% 80%,#e7faf6 0,transparent 28%),#f7f9fc}.auth-card{width:min(420px,100%);padding:30px;background:#fff;border:1px solid var(--line);border-radius:8px;box-shadow:0 24px 80px rgba(36,51,76,.12)}.auth-card .brand{height:auto;padding:0 0 22px;background:transparent;color:var(--ink);border:0}.auth-card .button{width:100%;margin-top:10px}
.wizard{width:min(980px,100%);overflow:hidden;background:#fff;border:1px solid var(--line);border-radius:8px;box-shadow:0 30px 100px rgba(37,54,84,.12)}.wizard-head{padding:28px 32px;color:#fff;background:linear-gradient(120deg,#172b4d,#1f5fae 62%,#168c87)}.wizard-head .brand{height:auto;padding:0;background:transparent;border:0}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:22px}.step{padding:9px;border-radius:3px;background:rgba(255,255,255,.1);font-size:11px}.step.active{background:#fff;color:var(--blue-600)}.wizard-body{padding:28px 32px}.wizard-pane{display:none}.wizard-pane.active{display:block}.check-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.check{display:flex;align-items:center;justify-content:space-between;padding:11px;border:1px solid var(--line);border-radius:3px}.pass{color:var(--green-600)}.fail{color:var(--red-600)}.wizard-actions{display:flex;justify-content:space-between;margin-top:22px}.progress-list{display:grid;gap:8px;margin-top:16px}.progress-item{padding:11px;border:1px solid var(--line);border-radius:3px}
@media(max-width:1180px){.stats-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr 1fr}.dashboard-grid>.panel:last-child{grid-column:1/-1}.permission-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.sidebar{transform:translateX(-100%);transition:transform .2s}.sidebar.open{transform:none}.main{margin-left:0}.utility-right{display:none}.utility-left{gap:12px}.mobile-menu{display:block}.page-toolbar{align-items:flex-start;gap:8px;padding:8px 12px}.page-toolbar,.page-head{flex-direction:column}.top-actions{flex-wrap:wrap}.content{padding:10px}.stats-grid,.dashboard-grid,.form-grid,.form-grid.cols-3,.check-grid,.permission-grid{grid-template-columns:1fr}.dashboard-wide,.dashboard-grid>.panel:last-child,.span-2,.span-3{grid-column:auto}.toolbar{align-items:stretch}.toolbar>*{width:100%}.input,.select{min-width:0}.editor-box{position:fixed;inset:70px 10px auto;width:auto}.wizard-head,.wizard-body{padding:22px 18px}.steps{grid-template-columns:1fr 1fr}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}