:root{--bg:#f4f5f7;--surface:#fff;--surface-2:#f8f8fa;--text:#20222a;--muted:#747986;--line:#e3e5ea;--primary:#db4d30;--primary-hover:#c43f24;--danger:#d14343;--success:#247e59;--shadow:0 16px 40px rgba(28,31,40,.07);color-scheme:light;font-family:Inter,Noto Sans SC,Arial,sans-serif}:root[data-theme=dark]{--bg:#141518;--surface:#1d1f23;--surface-2:#24262b;--text:#f0f1f4;--muted:#a0a4ae;--line:#33363d;--primary:#ef6849;--primary-hover:#fa795c;--shadow:0 16px 40px rgba(0,0,0,.22);color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text)}button,input,select,textarea{font:inherit}button,a{transition:.15s}a{color:inherit;text-decoration:none}.app-layout{min-height:100vh;display:grid;grid-template-columns:232px 1fr}.app-layout>aside{position:fixed;inset:0 auto 0 0;width:232px;display:flex;flex-direction:column;border-right:1px solid var(--line);padding:24px 15px;background:var(--surface)}.logo{height:52px;display:flex;align-items:center;gap:11px;padding:0 10px}.logo b{font-size:26px;letter-spacing:-3px}.logo span{padding-left:10px;border-left:1px solid var(--line);color:var(--muted);font-size:12px}.app-layout nav{margin-top:26px}.app-layout nav a,.sidebar-foot button{width:100%;height:44px;display:flex;align-items:center;gap:11px;border:0;border-radius:8px;padding:0 13px;background:transparent;color:var(--muted);cursor:pointer}.app-layout nav a.active{background:color-mix(in srgb,var(--primary) 10%,var(--surface));color:var(--primary);font-weight:700}.sidebar-foot{margin-top:auto}.main-column{grid-column:2}.topbar{height:64px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:0 30px;background:var(--surface);color:var(--muted);font-size:12px}.topbar>div{display:flex;gap:8px}.topbar select,.icon{height:36px;border:1px solid var(--line);border-radius:7px;background:var(--surface);color:var(--text)}.topbar select{padding:0 10px}.icon{width:36px;display:grid;place-items:center;cursor:pointer}.main-column>main{padding:32px}.page{max-width:1500px;margin:auto}.page-head{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:25px}.page-head h1,.editor-head h1{margin:3px 0 6px;font-size:28px;letter-spacing:-.025em}.page-head span{color:var(--muted);font-size:12px}.kicker{margin:0;color:var(--primary)!important;font-size:10px!important;font-weight:800;letter-spacing:.14em}.primary,.secondary,.link-button{height:40px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:8px;padding:0 16px;cursor:pointer;font-weight:700;font-size:12px}.primary{background:var(--primary);color:#fff}.primary:hover{background:var(--primary-hover)}.primary:disabled{opacity:.6}.secondary{border:1px solid var(--line);background:var(--surface);color:var(--text)}.toolbar{display:flex;margin-bottom:14px}.search{width:min(380px,100%);height:42px;display:flex;align-items:center;gap:9px;border:1px solid var(--line);border-radius:9px;padding:0 12px;background:var(--surface);color:var(--muted)}.search input{width:100%;border:0;outline:0;background:transparent;color:var(--text)}.table-card,.panel{border:1px solid var(--line);border-radius:10px;background:var(--surface);box-shadow:var(--shadow)}table{width:100%;border-collapse:collapse;font-size:12px}th{height:44px;padding:0 15px;background:var(--surface-2);color:var(--muted);text-align:left;font-size:10px;text-transform:uppercase}td{height:68px;border-top:1px solid var(--line);padding:10px 15px}td strong,td small{display:block;max-width:340px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}td small{margin-top:5px;color:var(--muted)}code{color:var(--muted)}.badge{display:inline-block;border-radius:999px;padding:5px 9px;font-size:10px;font-weight:700}.badge.draft{background:var(--surface-2);color:var(--muted)}.badge.published{background:color-mix(in srgb,var(--success) 12%,var(--surface));color:var(--success)}.row-actions{display:flex;gap:4px}.row-actions a,.row-actions button{width:32px;height:32px;display:grid;border:0;border-radius:7px;background:transparent;color:var(--muted);place-items:center;cursor:pointer}.row-actions a:hover,.row-actions button:hover{background:var(--surface-2);color:var(--primary)}.row-actions .danger:hover{color:var(--danger)}.empty{padding:60px;text-align:center;color:var(--muted);font-size:13px}.error,.success{border-radius:7px;padding:10px 12px;font-size:12px}.error{background:color-mix(in srgb,var(--danger) 10%,var(--surface));color:var(--danger)}.success{margin-bottom:14px;background:color-mix(in srgb,var(--success) 10%,var(--surface));color:var(--success)}.banner{margin:12px}.login-page{min-height:100vh;display:grid;grid-template-columns:1fr 480px;background:linear-gradient(135deg,#171715,#342219 60%,#b64328)}.login-brand{display:flex;align-items:center;gap:15px;padding:52px;color:#fff;font-size:34px;font-weight:900;letter-spacing:-4px}.login-brand span{border-left:1px solid #ffffff55;padding-left:15px;font:500 19px Georgia,serif;letter-spacing:0}.login-card{align-self:center;width:390px;margin-left:-110px;border-radius:14px;padding:42px;background:var(--surface);box-shadow:0 30px 80px #0005}.login-card h1{margin:8px 0;font-size:30px}.login-card>p:not(.kicker){margin:0 0 28px;color:var(--muted);font-size:13px}.login-card label,.panel label{display:flex;flex-direction:column;gap:7px;margin-bottom:16px;color:var(--muted);font-size:11px;font-weight:700}.login-card input,.panel input,.panel select,.panel textarea{width:100%;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--text);outline:0}.login-card input,.panel input,.panel select{height:42px;padding:0 11px}.panel textarea{padding:11px;resize:vertical}.login-card input:focus,.panel input:focus,.panel textarea:focus,.panel select:focus{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 12%,transparent)}.login-card .primary{width:100%;margin-top:8px}.editor-head{display:grid;grid-template-columns:160px 1fr auto;align-items:center;margin-bottom:24px}.back{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:12px}.editor-head>div:nth-child(2){text-align:center}.editor-actions{display:flex;gap:8px}.editor-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;align-items:start;gap:18px}.editor-main,.editor-side{display:grid;gap:18px}.panel{padding:21px}.panel h2{margin:0 0 19px;font-size:14px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}.form-grid .wide{grid-column:1/-1}.content-panel{padding-bottom:0}.panel-title{display:flex;align-items:center;justify-content:space-between}.tabs{display:flex}.tabs button{height:32px;border:1px solid var(--line);padding:0 12px;background:var(--surface);color:var(--muted);font-size:11px}.tabs button:first-child{border-radius:7px 0 0 7px}.tabs button:last-child{border-radius:0 7px 7px 0}.tabs button.active{border-color:var(--primary);background:var(--primary);color:#fff}.markdown{width:calc(100% + 42px)!important;height:550px;margin:0 -21px;border-width:1px 0 0!important;border-radius:0!important;padding:20px!important;font:14px/1.7 ui-monospace,Consolas,monospace!important}.markdown-preview{min-height:550px;margin:0 -21px;padding:22px;border-top:1px solid var(--line);font-size:14px;line-height:1.75}.markdown-preview pre{overflow:auto;border-radius:7px;padding:15px;background:#151515;color:#eee}.markdown-preview img{max-width:100%}.markdown-preview blockquote{margin-left:0;border-left:3px solid var(--primary);padding-left:14px;color:var(--muted)}@media(max-width:1000px){.app-layout{grid-template-columns:72px 1fr}.app-layout>aside{width:72px}.logo span,.app-layout nav a:not(.active){font-size:0}.logo b{font-size:22px}.app-layout nav a,.sidebar-foot button{justify-content:center;font-size:0}.editor-grid{grid-template-columns:1fr}.editor-side{grid-template-columns:1fr 1fr}.login-page{grid-template-columns:1fr}.login-brand{display:none}.login-card{margin:auto}}@media(max-width:700px){.main-column>main{padding:20px 14px}.topbar{padding:0 14px}.table-card{overflow-x:auto}table{min-width:850px}.page-head{align-items:flex-start;gap:16px}.editor-head{grid-template-columns:1fr auto}.editor-head>div:nth-child(2){display:none}.editor-actions{grid-column:2}.form-grid,.editor-side{grid-template-columns:1fr}.form-grid .wide{grid-column:auto}.login-card{width:calc(100% - 28px);padding:30px}}.file-input{display:none!important}.cover-field{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:10px}.cover-field label{margin:0}.upload-button{height:42px;white-space:nowrap}.content-tools{display:flex;align-items:center;gap:10px}
