:root{--brand: #DD3300;--brand-dark: #B82B00;--ink: #2C2C2C;--ink-soft: #5B5B5B;--ink-faint: #8C8C8C;--line: #E4E4E4;--line-soft: #F0F0F0;--bg: #F7F7F7;--bg-card: #FFFFFF;--success: #2E7D32;--warning: #C77700;--danger: #C0392B;--radius: 12px;--radius-sm: 8px;--shadow: 0 2px 12px rgba(0,0,0,.04);--shadow-lg: 0 8px 28px rgba(0,0,0,.08)}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%}body{font-family:Poppins,sans-serif;font-size:14px;color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;background:none}input,textarea,select{font-family:inherit;font-size:14px;color:inherit}img{display:block;max-width:100%}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;border-radius:90px;font-weight:600;font-size:13px;letter-spacing:.2px;transition:background .15s ease,transform .12s ease,box-shadow .15s ease,border-color .15s ease;white-space:nowrap;border:1.5px solid transparent;cursor:pointer}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--brand);color:#fff}.btn-primary:hover:not(:disabled){background:var(--brand-dark)}.btn-outline{background:#fff;color:var(--brand);border-color:var(--brand)}.btn-outline:hover:not(:disabled){background:var(--brand);color:#fff}.btn-ghost{background:transparent;color:var(--ink-soft)}.btn-ghost:hover{background:var(--line-soft);color:var(--ink)}.btn-danger{background:#fff;color:var(--danger);border-color:var(--danger)}.btn-danger:hover:not(:disabled){background:var(--danger);color:#fff}.btn-sm{padding:6px 14px;font-size:12px}.field{display:flex;flex-direction:column;gap:6px}.field label{font-weight:600;font-size:12px;color:var(--ink-soft);text-transform:uppercase;letter-spacing:.7px}.field .help{font-size:12px;color:var(--ink-faint);line-height:1.4}.input,.textarea,.select{padding:10px 12px;border:1.5px solid var(--line);border-radius:var(--radius-sm);background:#fff;transition:border-color .12s ease,box-shadow .12s ease}.input:focus,.textarea:focus,.select:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px #dd33001f}.textarea{resize:vertical;min-height:140px;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:13px;line-height:1.55}.card{background:var(--bg-card);border-radius:var(--radius);box-shadow:var(--shadow);padding:24px}.badge{display:inline-flex;padding:3px 10px;border-radius:20px;font-size:11px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.badge-draft{background:#fff6e4;color:#a66700}.badge-scheduled{background:#e4f0ff;color:#1a5eb8}.badge-published{background:#e3f3e5;color:#1f6b24}.badge-archived{background:#f0f0f0;color:#6d6d6d}.app-shell{display:grid;grid-template-columns:260px 1fr;min-height:100vh}.app-main{padding:32px 40px;max-width:1200px}@media (max-width: 800px){.app-shell{grid-template-columns:1fr}.app-main{padding:20px 16px}}.page-title{font-weight:600;font-size:24px;margin-bottom:6px}.page-sub{color:var(--ink-soft);font-size:14px;margin-bottom:24px}.row{display:flex;gap:12px;align-items:center}.row-between{display:flex;justify-content:space-between;align-items:center;gap:12px}.stack{display:flex;flex-direction:column;gap:16px}.stack-sm{display:flex;flex-direction:column;gap:8px}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media (max-width: 700px){.grid-2{grid-template-columns:1fr}}.tbl{width:100%;border-collapse:collapse}.tbl th,.tbl td{text-align:left;padding:12px 14px;font-size:13px;border-bottom:1px solid var(--line-soft)}.tbl th{background:#fafafa;color:var(--ink-soft);font-weight:600;font-size:11px;text-transform:uppercase;letter-spacing:.5px}.tbl tr:hover{background:#fafafa}
