:root{--bg: #0a0a0b;--surface: #141416;--surface-2: #1c1c1f;--surface-3: #252529;--fg: #f5f5f4;--fg-muted: #a1a1aa;--fg-dim: #71717a;--border: #2a2a2e;--border-light: #353539;--accent: #dc2626;--accent-hover: #b91c1c;--accent-dim: rgba(220, 38, 38, .15);--status-draft: #71717a;--status-draft-bg: rgba(113, 113, 122, .15);--status-review: #eab308;--status-review-bg: rgba(234, 179, 8, .15);--status-approved: #3b82f6;--status-approved-bg: rgba(59, 130, 246, .15);--status-published: #22c55e;--status-published-bg: rgba(34, 197, 94, .15);--font-display: "Inter", system-ui, -apple-system, sans-serif;--font-body: "Inter", system-ui, -apple-system, sans-serif;--radius: 10px;--radius-sm: 6px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-body);background:var(--bg);color:var(--fg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.app{min-height:100vh;background:var(--bg)}.header{border-bottom:1px solid var(--border);background:var(--surface);position:sticky;top:0;z-index:100}.header-inner{max-width:1200px;margin:0 auto;padding:16px 24px;display:flex;align-items:center;justify-content:space-between}.logo{display:flex;align-items:center;gap:10px;font-family:var(--font-display);font-weight:800;font-size:20px;letter-spacing:.05em;color:var(--fg)}.logo-mark{width:32px;height:32px;background:var(--accent);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:900;color:#fff}.header-tag{font-size:11px;color:var(--fg-dim);letter-spacing:.1em;text-transform:uppercase;border-left:1px solid var(--border-light);padding-left:12px;margin-left:4px}.main{max-width:1200px;margin:0 auto;padding:32px 24px 64px}.tabs{display:flex;gap:0;border-bottom:1px solid var(--border);margin-bottom:28px}.tab{padding:12px 20px;background:none;border:none;border-bottom:2px solid transparent;color:var(--fg-muted);font-size:14px;font-weight:600;cursor:pointer;transition:all .15s ease;font-family:var(--font-body)}.tab:hover{color:var(--fg)}.tab.active{color:var(--fg);border-bottom-color:var(--accent)}.summary{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:28px}.summary-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:18px 20px}.summary-card-label{font-size:12px;color:var(--fg-dim);text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px}.summary-card-value{font-size:32px;font-weight:700;color:var(--fg)}.summary-card-value.draft{color:var(--status-draft)}.summary-card-value.review{color:var(--status-review)}.summary-card-value.approved{color:var(--status-approved)}.summary-card-value.published{color:var(--status-published)}.toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;gap:12px}.toolbar-left{display:flex;align-items:center;gap:12px}.filter-select{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--fg);padding:8px 12px;font-size:13px;cursor:pointer;font-family:var(--font-body);outline:none;transition:border-color .15s ease}.filter-select:hover{border-color:var(--border-light)}.filter-select:focus{border-color:var(--accent)}.btn{padding:9px 16px;border-radius:var(--radius-sm);font-size:13px;font-weight:600;cursor:pointer;border:1px solid transparent;font-family:var(--font-body);transition:all .15s ease;display:inline-flex;align-items:center;gap:6px}.btn-primary{background:var(--accent);color:#fff;border:1px solid var(--accent)}.btn-primary:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.btn-secondary{background:var(--surface-2);color:var(--fg);border:1px solid var(--border)}.btn-secondary:hover{background:var(--surface-3);border-color:var(--border-light)}.btn-danger{background:transparent;color:var(--accent);border:1px solid transparent;padding:6px 10px}.btn-danger:hover{background:var(--accent-dim);border-color:var(--accent)}.btn-icon{background:transparent;color:var(--fg-muted);border:1px solid transparent;padding:6px 10px;font-size:13px}.btn-icon:hover{color:var(--fg);background:var(--surface-3)}.table-wrap{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}table{width:100%;border-collapse:collapse}th{text-align:left;padding:12px 16px;font-size:12px;font-weight:600;color:var(--fg-dim);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border);background:var(--surface-2)}td{padding:14px 16px;font-size:14px;color:var(--fg);border-bottom:1px solid var(--border)}tr:last-child td{border-bottom:none}tr:hover td{background:var(--surface-2)}.cell-title{font-weight:600;color:var(--fg)}.cell-muted{color:var(--fg-muted)}.cell-date{color:var(--fg-muted);font-size:13px;white-space:nowrap}.row-actions{display:flex;gap:4px;justify-content:flex-end}.badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:20px;font-size:12px;font-weight:600;white-space:nowrap}.badge:before{content:"";width:6px;height:6px;border-radius:50%}.badge-Draft{background:var(--status-draft-bg);color:var(--status-draft)}.badge-Draft:before{background:var(--status-draft)}.badge-In-Review{background:var(--status-review-bg);color:var(--status-review)}.badge-In-Review:before{background:var(--status-review)}.badge-Approved{background:var(--status-approved-bg);color:var(--status-approved)}.badge-Approved:before{background:var(--status-approved)}.badge-Published{background:var(--status-published-bg);color:var(--status-published)}.badge-Published:before{background:var(--status-published)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:200;padding:20px}.modal{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);width:100%;max-width:560px;max-height:90vh;overflow-y:auto}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:18px 24px;border-bottom:1px solid var(--border)}.modal-title{font-size:18px;font-weight:700;color:var(--fg)}.modal-close{background:none;border:none;color:var(--fg-muted);cursor:pointer;font-size:20px;padding:4px 8px;line-height:1}.modal-close:hover{color:var(--fg)}.modal-body{padding:24px;display:flex;flex-direction:column;gap:16px}.modal-footer{display:flex;justify-content:flex-end;gap:10px;padding:18px 24px;border-top:1px solid var(--border)}.field{display:flex;flex-direction:column;gap:6px}.field-label{font-size:13px;font-weight:600;color:var(--fg-muted)}.field-input,.field-select,.field-textarea{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--fg);padding:10px 12px;font-size:14px;font-family:var(--font-body);outline:none;transition:border-color .15s ease}.field-input:focus,.field-select:focus,.field-textarea:focus{border-color:var(--accent)}.field-textarea{resize:vertical;min-height:80px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-grid .full{grid-column:1 / -1}.empty-state,.loading{text-align:center;padding:48px 20px;color:var(--fg-muted)}@media (max-width: 768px){.summary{grid-template-columns:repeat(2,1fr)}.form-grid{grid-template-columns:1fr}.main{padding:20px 16px 48px}.header-tag{display:none}th,td{padding:10px 12px;font-size:13px}.table-wrap{overflow-x:auto}}