:root{--bg:#f4f6fb;--surface:#fff;--surface-2:#eef2f8;--line:#d6dde8;--text:#152033;--muted:#5c6b82;--brand:#0e4aa8;--brand-soft:#dce8fb;--warn:#8a5a00;--warn-soft:#fff2d8;--danger:#9b1c1c;--danger-soft:#fde5e5;--success:#0d6b3f;--success-soft:#dff5ea;--shadow:0 18px 40px #10244614;--radius:16px;--mono:"SFMono-Regular", "SF Mono", Consolas, monospace}*{box-sizing:border-box}html,body{min-width:0;color:var(--text);background:linear-gradient(#f7f9fd 0%,#eef3f9 100%);margin:0;padding:0;font-family:Segoe UI,PingFang SC,Noto Sans SC,sans-serif;font-size:14px;line-height:1.45}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}main{min-height:100vh}.shell{grid-template-columns:272px 1fr;width:100%;min-width:0;min-height:100vh;display:grid}.sidebar{color:#f4f7ff;background:radial-gradient(circle at top,#123b78 0%,#0d2146 58%,#0a1832 100%);flex-direction:column;gap:14px;padding:24px 18px;display:flex}.sidebar-top{gap:12px;display:grid}.sidebar h1{margin:0 0 6px;font-size:20px}.sidebar p{color:#f4f7ffb8;margin:0 0 18px;line-height:1.5}.sidebar nav{gap:10px;display:grid}.sidebar-nav{flex:1;align-content:start}.sidebar-user{background:#ffffff1a;border:1px solid #ffffff3d;border-radius:12px;align-items:center;gap:8px;padding:8px 10px;display:flex}.role-icon{color:#fff;background:#fff3;border-radius:999px;justify-content:center;align-items:center;width:28px;height:28px;font-size:12px;font-weight:700;display:inline-flex}.role-label{color:#fffffff2;font-size:12px;font-weight:700}.role-name{color:#ffffffc7;margin-top:2px;font-size:12px}.sidebar-footer{margin-top:auto}.sidebar-logout{color:#fffffff5;background:#ffffff14;border:1px solid #ffffff47;border-radius:999px;justify-content:center;align-items:center;width:100%;min-height:36px;font-weight:700;display:inline-flex}.sidebar-logout:hover{background:#ffffff24}.nav-link{color:#ffffffeb;background:#ffffff0f;border-radius:12px;padding:10px 12px;display:block}.nav-link.active{background:#ffffff29}.content{min-width:0;padding:22px;overflow-x:hidden}.page{gap:14px;min-width:0;display:grid}.hero,.card,.panel,.preview,.login-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);min-width:0}.hero,.card,.panel,.preview{padding:16px 18px}.login-wrap{background:radial-gradient(circle at 0 0,#0e4aa82e,#0000 34%),linear-gradient(#f8fbff 0%,#edf3fb 100%);place-items:center;min-width:0;min-height:100vh;padding:24px;display:grid;overflow-x:auto}.login-card{grid-template-columns:1.1fr .9fr;width:min(920px,100%);min-width:0;display:grid;overflow:hidden}.login-intro{color:#fff;background:linear-gradient(#113566 0%,#0d2146 100%);padding:28px}.login-form{gap:12px;min-width:0;padding:28px;display:grid}.eyebrow{background:var(--brand-soft);width:fit-content;color:var(--brand);letter-spacing:.04em;text-transform:uppercase;border-radius:999px;align-items:center;padding:5px 9px;font-size:11px;font-weight:700;display:inline-flex}.title-row{justify-content:space-between;align-items:flex-start;gap:12px;min-width:0;display:flex}.title-row h2,.hero h2,.panel h3,.preview h3{margin:0;font-size:1.25rem}.muted{color:var(--muted)}.grid{gap:12px;display:grid}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.table-wrap{-webkit-overflow-scrolling:touch;width:100%;min-width:0;overflow-x:auto}.stat{background:var(--surface-2);border:1px solid var(--line);border-radius:12px;padding:12px 14px}.stat strong{margin-top:6px;font-size:22px;display:block}.field{gap:6px;display:grid}.field label{font-weight:600}.required-mark{color:var(--danger);margin-left:4px;font-weight:700}.field input,.field textarea,.field select{border:1px solid var(--line);background:#fff;border-radius:10px;width:100%;padding:10px 11px}.field textarea{resize:vertical;min-height:160px}.field textarea.compact-textarea{min-height:46px}.actions,.inline-actions{flex-wrap:wrap;gap:8px;display:flex}.toolbar{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.toolbar-search{border:1px solid var(--line);background:#fff;border-radius:10px;flex:320px;min-width:280px;padding:10px 11px}.button,.button-secondary,.button-danger,.button-ghost{cursor:pointer;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;min-height:36px;padding:0 14px;font-weight:700;display:inline-flex}.button{background:var(--brand);color:#fff}.button-secondary{border-color:var(--line);color:var(--text);background:#fff}.button-danger{background:var(--danger);color:#fff}.button-ghost{border-color:var(--line);color:var(--muted);background:0 0}.icon-actions{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.icon-button{border:1px solid var(--line);width:32px;height:32px;color:var(--text);cursor:pointer;background:#fff;border-radius:999px;justify-content:center;align-items:center;display:inline-flex}.icon-button svg{width:14px;height:14px}.icon-button.danger{color:var(--danger);background:#fff7f7;border-color:#f5c2c2}.tag{border-radius:999px;align-items:center;padding:5px 8px;font-size:11px;font-weight:700;display:inline-flex}.tag.draft{color:#41546d;background:#e7edf5}.tag.pending_approval,.tag.approved_not_published,.tag.publishing{color:var(--warn);background:var(--warn-soft)}.tag.rejected,.tag.publish_failed,.tag.rollback_failed{color:var(--danger);background:var(--danger-soft)}.tag.published,.tag.rollback_completed{color:var(--success);background:var(--success-soft)}.tag.offline{color:#54616f;background:#edf0f4}.table{border-collapse:collapse;width:100%;min-width:720px}.table th,.table td{border-bottom:1px solid var(--line);text-align:left;vertical-align:top;padding:11px 8px}.table th{color:var(--muted);font-size:12px}.code,code,pre{font-family:var(--mono)}.note{border:1px dashed var(--line);background:#f8fbff;border-radius:12px;padding:12px 14px}.notice{border:1px solid var(--line);border-radius:12px;padding:12px 14px}.notice.success{color:#166534;background:#f0fdf4;border-color:#86efac}.notice.error{color:#991b1b;background:#fef2f2;border-color:#fca5a5}.meta-list{gap:10px;display:grid}.meta-list>div{background:var(--surface-2);border:1px solid var(--line);border-radius:12px;gap:4px;padding:10px 12px;display:grid}.stack-list{gap:8px;margin:10px 0 0;padding-left:18px;display:grid}.modal-shell{z-index:80;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal-backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0c162894;position:absolute;inset:0}.modal-panel{z-index:1;background:#f8fbfffa;border:1px solid #d6dde8e6;border-radius:20px;width:min(1080px,100%);max-height:calc(100vh - 40px);padding:18px;position:relative;overflow:auto;box-shadow:0 28px 70px #06122638}.modal-panel-preview{gap:16px;display:grid}.modal-header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}@media (max-width:1100px){.shell{grid-template-columns:220px minmax(0,1fr)}.sidebar{padding:24px 16px}.content{padding:18px 16px}.stats{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:820px){.shell{grid-template-columns:1fr}.sidebar{gap:14px;padding:18px 16px}.sidebar p{margin-bottom:12px}.sidebar-nav{flex:initial}.content{padding:14px}.title-row{flex-direction:column}.grid.two,.grid.three,.stats{grid-template-columns:1fr}.toolbar>*{width:100%}.toolbar-search{flex-basis:auto;min-width:0}.modal-shell{padding:12px}.modal-panel{max-height:calc(100vh - 24px);padding:14px}.login-card{grid-template-columns:1fr}.login-intro,.login-form,.hero,.card,.panel,.preview{padding:18px 16px}.table{min-width:640px}}.preview-article{gap:16px;display:grid}.preview-hero{color:#fff;background:linear-gradient(135deg,#123b78 0%,#1f5fb5 100%);border-radius:18px;padding:22px}.preview-cover{border:1px solid var(--line);background:linear-gradient(135deg,#dfe9f7 0%,#f6f9ff 100%);border-radius:16px;padding:14px}.preview-body{color:#263246;white-space:pre-wrap;line-height:1.75}