:root{font-family:PingFang SC,Microsoft YaHei,system-ui,sans-serif;color:#1c2926;background:#f4f1e9;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}.app-layout{min-height:100vh;display:grid;grid-template-columns:240px 1fr}.sidebar{background:#173b35;color:#f7f2e7;padding:26px 18px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.brand,.sidebar-footer{display:flex;align-items:center;gap:12px}.brand-mark,.avatar{display:grid;place-items:center;background:#d77a43;color:#fff;border-radius:12px;width:42px;height:42px;font-weight:800}.brand small,.sidebar-footer small,td small{display:block;opacity:.7;margin-top:3px}.sidebar nav{display:grid;gap:6px;margin-top:38px}.nav-item{border:0;background:transparent;color:#cddbd6;text-align:left;border-radius:10px;padding:12px;display:flex;gap:12px}.nav-item.active{background:#29574f;color:#fff}.sidebar-footer{margin-top:auto;border-top:1px solid #315951;padding-top:18px}.logout{margin-left:auto;background:transparent;border:0;color:#e7b09c}.content{padding:42px;min-width:0}.page-header,.section-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:24px}h1{font-size:32px;margin:4px 0}h2{margin:4px 0}.eyebrow{color:#b65e32;letter-spacing:.16em;font-weight:700;font-size:12px;margin:0}.muted,.hint{color:#71807b}.primary,.secondary,.danger,.quiet,.danger-link{border-radius:9px;padding:10px 16px;border:1px solid transparent}.primary{background:#c86536;color:#fff}.secondary{background:#fff;border-color:#d8d3c8}.danger{background:#9c3434;color:#fff}.quiet{background:#edf2ef;color:#24453e}.danger-link{background:#fae9e5;color:#9c3434}.full{width:100%}.editor-card,.table-card,.login-panel{background:#fff;border:1px solid #e4ded1;border-radius:16px;box-shadow:0 8px 24px #23302b0f}.editor-card{padding:24px;margin-bottom:24px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.form-grid label{display:grid;gap:7px;font-weight:650}.form-grid input,.form-grid select,.form-grid textarea{border:1px solid #d7d4cc;border-radius:8px;padding:11px;background:#fff}.wide{grid-column:1/-1}.check-field{display:flex!important;grid-column:1/-1!important;flex-direction:row;align-items:center}.form-actions,.dialog-actions{display:flex;justify-content:flex-end;gap:10px}.form-error{color:#9c3434;background:#fae9e5;padding:10px 14px;border-radius:8px}.success-message{color:#225e43;background:#e5f3ea;padding:10px 14px;border-radius:8px}.table-card{overflow:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:16px;border-bottom:1px solid #eee9df}th{font-size:12px;color:#708079;text-transform:uppercase}.table-actions{display:flex;gap:7px}.status{display:inline-block;padding:4px 9px;border-radius:20px;font-size:12px}.status.published{background:#e2f2e8;color:#1c704b}.status.hidden{background:#eee;color:#666}.status.draft{background:#fff0d8;color:#9a6320}.empty{text-align:center;color:#76837f;padding:42px}.pagination{display:flex;justify-content:center;align-items:center;gap:18px;margin-top:20px}dialog{border:0;border-radius:16px;box-shadow:0 18px 60px #26383240;max-width:440px;padding:26px}dialog:not([open]){display:none}dialog::backdrop{background:#10241f66}.login-page,.loading-page{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 20% 10%,#f8e2cc 0,transparent 32%),#f4f1e9}.login-panel{width:min(410px,100%);padding:38px}.login-panel form{display:grid;gap:18px;margin-top:28px}.login-panel label{display:grid;gap:7px;font-weight:650}.login-panel input{padding:12px;border:1px solid #d7d4cc;border-radius:8px}@media(max-width:850px){.app-layout{grid-template-columns:1fr}.sidebar{position:static;height:auto}.sidebar nav{grid-template-columns:repeat(2,1fr);margin-top:20px}.sidebar-footer{margin-top:18px}.content{padding:24px}.form-grid{grid-template-columns:1fr}.wide{grid-column:1}.page-header{flex-direction:column}.table-actions{flex-wrap:wrap}}