:root{color:#172236;background:#f4f6f8;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;--navy: #152238;--navy-soft: #24344f;--blue: #3468d4;--blue-dark: #2856b5;--blue-soft: #ebf1ff;--text: #172236;--muted: #6c788b;--line: #e2e7ee;--surface: #ffffff;--background: #f4f6f8;--danger: #c74852;--danger-soft: #fff0f1;--success: #17805c;--success-soft: #e9f7f1;--shadow: 0 8px 30px rgba(26, 42, 68, .07)}*{box-sizing:border-box}html{min-width:320px;background:var(--background)}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 80% 0%,rgba(52,104,212,.055),transparent 28rem),var(--background)}button,input,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid rgba(52,104,212,.2);outline-offset:2px}.app-shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;z-index:10;display:flex;width:252px;flex-direction:column;padding:28px 20px 24px;color:#fff;background:linear-gradient(180deg,rgba(255,255,255,.025),transparent 45%),var(--navy)}.brand{display:flex;align-items:center;gap:12px;width:100%;padding:0 5px;border:0;color:inherit;text-align:left;background:transparent}.brand-mark{display:grid;width:42px;height:42px;flex:0 0 auto;place-items:center;border:1px solid rgba(255,255,255,.16);border-radius:13px;color:#fff;background:linear-gradient(145deg,#4f7fe2,#2e5fc7);box-shadow:0 8px 20px #0000002e;font-size:13px;font-weight:800;letter-spacing:.06em}.brand strong,.brand small{display:block}.brand strong{font-size:16px;letter-spacing:-.01em}.brand small{margin-top:3px;color:#94a1b4;font-size:11px}.side-nav{margin-top:58px}.nav-label{margin:0 12px 12px;color:#7f8ca0;font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.nav-item{position:relative;display:flex;align-items:center;gap:13px;width:100%;margin:4px 0;padding:12px 13px;border:0;border-radius:10px;color:#aab4c3;background:transparent;font-size:14px;font-weight:600;text-align:left;transition:.16s ease}.nav-item:hover{color:#fff;background:#ffffff0e}.nav-item.active{color:#fff;background:#4c7de22e}.nav-item.active:before{position:absolute;left:0;width:3px;height:24px;border-radius:0 3px 3px 0;background:#6390ef;content:""}.sidebar-note{display:flex;align-items:center;gap:11px;margin-top:auto;padding:14px;border:1px solid rgba(255,255,255,.08);border-radius:11px;background:#ffffff09}.status-dot{width:8px;height:8px;flex:0 0 auto;border-radius:50%;background:#53c99a;box-shadow:0 0 0 4px #53c99a1a}.sidebar-note strong,.sidebar-note small{display:block}.sidebar-note strong{color:#dbe1eb;font-size:11px}.sidebar-note small{margin-top:3px;color:#7f8ca0;font-size:10px}.mobile-bar{display:none}.main-content{min-height:100vh;margin-left:252px;padding:48px clamp(28px,5vw,76px) 64px}.main-content>section{width:100%;max-width:1180px;margin:0 auto}.page-header{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:28px}.eyebrow{display:block;margin-bottom:9px;color:var(--blue);font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.page-header h1{margin:0;color:var(--text);font-size:clamp(30px,3vw,42px);font-weight:720;letter-spacing:-.035em;line-height:1.08}.page-header p{margin:9px 0 0;color:var(--muted);font-size:14px}.button{display:inline-flex;min-height:42px;align-items:center;justify-content:center;gap:8px;padding:10px 17px;border:1px solid transparent;border-radius:9px;font-size:13px;font-weight:700;transition:background .15s ease,border-color .15s ease,transform .15s ease,box-shadow .15s ease}.button:hover:not(:disabled){transform:translateY(-1px)}.button-primary{color:#fff;background:var(--blue);box-shadow:0 7px 16px #3468d42e}.button-primary:hover:not(:disabled){background:var(--blue-dark);box-shadow:0 9px 20px #3468d440}.button-secondary{border-color:#d9e0ea;color:#3f4c61;background:#fff}.button-secondary:hover:not(:disabled){border-color:#c7d0dc;background:#f9fafc}.button:disabled{opacity:.58}.button-small{min-height:36px;padding:8px 13px;font-size:12px}.content-card,.editor-card{border:1px solid rgba(219,225,234,.9);border-radius:15px;background:var(--surface);box-shadow:var(--shadow)}.posts-card{min-height:420px;overflow:hidden}.tabs{display:flex;gap:24px;padding:0 25px;border-bottom:1px solid var(--line)}.tabs button{position:relative;display:flex;align-items:center;gap:7px;padding:18px 2px 16px;border:0;color:#7b8799;background:transparent;font-size:13px;font-weight:700}.tabs button:after{position:absolute;right:0;bottom:-1px;left:0;height:2px;border-radius:2px 2px 0 0;background:transparent;content:""}.tabs button:hover,.tabs button.active{color:var(--blue)}.tabs button.active:after{background:var(--blue)}.tabs button span{display:grid;min-width:21px;height:21px;place-items:center;padding:0 6px;border-radius:12px;color:#768296;background:#eef1f5;font-size:10px}.tabs button.active span{color:var(--blue-dark);background:var(--blue-soft)}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse}th,td{padding:17px 25px;border-bottom:1px solid #edf0f4;text-align:left}th{color:#8a95a5;background:#fafbfc;font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}tbody tr{transition:background .14s ease}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:#fbfcfe}td{color:#596579;font-size:13px}.article-title-link{display:block;max-width:520px;overflow:hidden;padding:0;border:0;color:#28364c;background:transparent;font-size:13px;font-weight:700;text-align:left;text-overflow:ellipsis;white-space:nowrap}.article-title-link:hover{color:var(--blue)}.category-pill,.published-count{display:inline-flex;align-items:center;border-radius:999px;font-weight:700}.category-pill{padding:5px 9px;color:#53627a;background:#f0f3f7;font-size:10px}.date-cell{color:#8994a4;white-space:nowrap}.action-column{width:130px;text-align:right}.row-actions{display:flex;justify-content:flex-end;gap:6px}.icon-button{display:inline-grid;width:34px;height:34px;place-items:center;border:1px solid #e0e5ec;border-radius:8px;color:#667489;background:#fff;transition:.14s ease}.icon-button:hover:not(:disabled){border-color:#bed0f6;color:var(--blue);background:var(--blue-soft)}.icon-button.danger:hover:not(:disabled){border-color:#f1c9cd;color:var(--danger);background:var(--danger-soft)}.icon-button.restore:hover:not(:disabled){border-color:#bde4d4;color:var(--success);background:var(--success-soft)}.mobile-status{display:none}.empty-state{display:flex;min-height:330px;align-items:center;justify-content:center;flex-direction:column;padding:48px 24px;text-align:center}.empty-icon{display:grid;width:58px;height:58px;place-items:center;border-radius:17px;color:var(--blue);background:var(--blue-soft)}.empty-state h3{margin:18px 0 0;color:#2c394e;font-size:17px}.empty-state p{max-width:390px;margin:8px 0 20px;color:var(--muted);font-size:13px;line-height:1.6}.error-state{display:flex;align-items:center;gap:14px;margin:24px;padding:18px;border:1px solid #f0d1d4;border-radius:11px;color:var(--danger);background:var(--danger-soft)}.error-state div{flex:1}.error-state strong{display:block;color:#88363d;font-size:13px}.error-state p{margin:4px 0 0;color:#a6535a;font-size:12px}.error-state.standalone{max-width:920px;margin:0}.skeleton-table{padding:2px 0}.skeleton-row{display:grid;grid-template-columns:minmax(220px,1fr) 170px 120px;gap:30px;padding:24px 25px;border-bottom:1px solid #edf0f4}.skeleton{display:block;height:11px;overflow:hidden;border-radius:7px;background:linear-gradient(90deg,#edf0f4 25%,#f7f8fa,#edf0f4 75%);background-size:200% 100%;animation:shimmer 1.35s infinite}.skeleton-wide{width:min(100%,420px)}.skeleton-full{width:100%}.skeleton-medium{width:min(72%,240px)}.skeleton-short{width:min(40%,120px)}.skeleton-editor{width:100%;height:220px}@keyframes shimmer{to{background-position:-200% 0}}.editor-page{max-width:920px!important}.editor-header{align-items:flex-start}.back-link{display:flex;align-items:center;gap:6px;margin:0 0 25px -5px;padding:5px;border:0;color:#788597;background:transparent;font-size:12px;font-weight:650}.back-link:hover{color:var(--blue)}.editor-card{padding:clamp(24px,4vw,40px)}.editor-loading{display:grid;gap:27px}.form-alert{display:flex;align-items:center;gap:9px;margin-bottom:26px;padding:13px 14px;border:1px solid #f0d1d4;border-radius:9px;color:#a6434b;background:var(--danger-soft);font-size:12px;font-weight:600}.form-group{margin-bottom:25px}.field-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:8px}.field-heading label{color:#354258;font-size:12px;font-weight:750}.count{color:#96a0af;font-size:10px;font-variant-numeric:tabular-nums}.count.valid{color:var(--success)}.count.invalid{color:var(--danger)}.form-group input,.form-group textarea{display:block;width:100%;border:1px solid #dce2ea;border-radius:9px;color:#26344a;background:#fff;transition:border .14s ease,box-shadow .14s ease}.form-group input{min-height:46px;padding:11px 13px;font-size:13px}.form-group textarea{min-height:310px;resize:vertical;padding:15px;font-family:Georgia,Times New Roman,serif;font-size:15px;line-height:1.75}.form-group input::placeholder,.form-group textarea::placeholder{color:#aab2be}.form-group input:focus,.form-group textarea:focus{border-color:#7799e2;box-shadow:0 0 0 3px #3468d414;outline:none}.form-group input[aria-invalid=true],.form-group textarea[aria-invalid=true]{border-color:#dc969c}.field-hint,.field-error{margin:7px 2px 0;font-size:10px}.field-hint{color:#929cab}.field-error{color:var(--danger);font-weight:650}.editor-actions{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:34px calc(clamp(24px,4vw,40px)*-1) calc(clamp(24px,4vw,40px)*-1);padding:20px clamp(24px,4vw,40px);border-top:1px solid var(--line);border-radius:0 0 15px 15px;background:#fafbfc}.editor-actions>p{margin:0;color:#8792a2;font-size:11px}.editor-actions>div{display:flex;gap:9px}.spinner{display:inline-block;width:14px;height:14px;border:2px solid rgba(80,93,112,.2);border-top-color:#56647a;border-radius:50%;animation:spin .65s linear infinite}.spinner.light{border-color:#ffffff4d;border-top-color:#fff}@keyframes spin{to{transform:rotate(360deg)}}.preview-header{padding-bottom:26px;border-bottom:1px solid var(--line)}.published-count{padding:7px 11px;color:var(--success);background:var(--success-soft);font-size:10px}.preview-grid{display:grid;gap:22px}.preview-card{position:relative;padding:clamp(28px,5vw,52px) clamp(25px,6vw,68px);overflow:hidden;border:1px solid #e0e5ec;border-radius:15px;background:#fff;box-shadow:0 5px 24px #1a2a440d}.preview-card:before{position:absolute;top:0;bottom:0;left:0;width:4px;background:var(--blue);content:""}.article-meta{display:flex;flex-wrap:wrap;gap:8px 20px;margin-bottom:18px}.article-meta span{display:inline-flex;align-items:center;gap:6px;color:#7c889a;font-size:10px;font-weight:650}.article-meta span:first-child{color:var(--blue)}.preview-card h2{max-width:790px;margin:0 0 20px;color:#1f2b3e;font-family:Georgia,Times New Roman,serif;font-size:clamp(24px,3vw,34px);font-weight:600;letter-spacing:-.025em;line-height:1.22}.article-content{color:#536074;font-family:Georgia,Times New Roman,serif;font-size:15px;line-height:1.82}.article-content p{margin:0 0 14px}.article-content p:last-child{margin-bottom:0}.skeleton-card{display:grid;gap:20px;min-height:290px}.skeleton-card:before{opacity:.35}.pagination-footer{display:flex;align-items:center;justify-content:space-between;margin-top:25px}.pagination-footer>p{margin:0;color:#8792a2;font-size:11px}.pagination{display:flex;align-items:center;gap:5px}.pagination button{display:grid;min-width:34px;height:34px;place-items:center;padding:0 9px;border:1px solid #dce2ea;border-radius:8px;color:#617086;background:#fff;font-size:11px;font-weight:700}.pagination button:hover:not(:disabled){border-color:#b9caf0;color:var(--blue);background:var(--blue-soft)}.pagination button.active{border-color:var(--blue);color:#fff;background:var(--blue)}.pagination button:disabled{opacity:.42}.page-ellipsis{display:grid;width:24px;place-items:center;color:#8e98a7;font-size:11px}.toast{position:fixed;right:26px;bottom:26px;z-index:50;display:flex;max-width:min(390px,calc(100vw - 32px));align-items:center;gap:10px;padding:12px 13px;border:1px solid #cce5da;border-radius:11px;color:#28634d;background:#f3fbf7;box-shadow:0 15px 40px #1522382e;font-size:12px;font-weight:650;animation:toast-in .22s ease-out}.toast-error{border-color:#efd1d4;color:#963f47;background:#fff6f6}.toast-icon{display:grid;width:29px;height:29px;flex:0 0 auto;place-items:center;border-radius:8px;background:#17805c17}.toast-error .toast-icon{background:#c7485217}.toast>button{display:grid;margin-left:6px;padding:4px;border:0;color:inherit;background:transparent}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}}.not-found{display:flex;min-height:calc(100vh - 120px);align-items:center;justify-content:center;flex-direction:column;text-align:center}.not-found>span{color:#c7d5f4;font-size:clamp(70px,14vw,130px);font-weight:800;letter-spacing:-.08em;line-height:1}.not-found h1{margin:20px 0 0;color:var(--text);font-size:25px}.not-found p{margin:9px 0 23px;color:var(--muted);font-size:13px}@media(max-width:880px){.sidebar{width:218px}.main-content{margin-left:218px;padding-right:28px;padding-left:28px}th,td{padding-right:18px;padding-left:18px}}@media(max-width:720px){.sidebar{display:none}.mobile-bar{position:sticky;top:0;z-index:20;display:flex;height:64px;align-items:center;justify-content:space-between;padding:0 18px;border-bottom:1px solid rgba(255,255,255,.07);color:#fff;background:#152238f7;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.brand.compact{width:auto;padding:0}.brand.compact .brand-mark{width:34px;height:34px;border-radius:10px;font-size:11px}.brand.compact strong{font-size:14px}.mobile-bar nav{display:flex;gap:4px}.mobile-bar nav button{display:grid;width:36px;height:36px;place-items:center;border:0;border-radius:9px;color:#9eabba;background:transparent}.mobile-bar nav button.active{color:#fff;background:#4c7de240}.main-content{margin-left:0;padding:30px 18px 48px}.page-header{align-items:flex-start}.page-header h1{font-size:30px}.tabs{gap:18px;padding:0 17px;overflow-x:auto}.table-wrap{padding:5px 15px 15px}table,tbody{display:block}thead{display:none}tr{display:grid;grid-template-columns:1fr auto;gap:10px;margin:11px 0;padding:15px;border:1px solid #e6eaf0;border-radius:10px}td{display:block;padding:0;border:0}td:first-child{grid-column:1 / -1}.article-title-link{max-width:none;overflow:visible;line-height:1.45;white-space:normal}.mobile-status{display:inline-block;margin-top:8px;padding:3px 7px;border-radius:999px;font-size:9px;font-weight:800;text-transform:capitalize}.status-publish{color:var(--success);background:var(--success-soft)}.status-draft{color:#8b6720;background:#fff8e7}.status-thrash{color:var(--danger);background:var(--danger-soft)}.date-cell{align-self:center;font-size:10px}.row-actions{align-self:center}.skeleton-row{grid-template-columns:1fr 80px;gap:15px}.editor-actions{align-items:stretch;flex-direction:column}.editor-actions>div{justify-content:flex-end}.preview-card{padding:28px 26px}.pagination-footer{align-items:flex-start;flex-direction:column;gap:14px}.toast{right:16px;bottom:16px}}@media(max-width:470px){.brand.compact strong{display:none}.page-header{flex-direction:column}.page-header>.button{width:100%}.tabs{gap:13px}.tabs button{font-size:12px}.error-state{align-items:flex-start;flex-wrap:wrap}.error-state .button{width:100%}.editor-actions>div{display:grid;grid-template-columns:1fr 1fr}.article-meta{flex-direction:column}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}