*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--blue:#0070f3;--navy:#0f172a;--body:#475569;--white:#fff;--green:#22c55e;--red:#ef4444;--border:#e2e8f0;--bg:#f8fafc}body{font-family:DM Sans,system-ui,sans-serif;background:var(--bg);font-size:15px;line-height:1.6}body,h1,h2,h3{color:var(--navy)}h1,h2,h3{font-family:Inter,system-ui,sans-serif;font-weight:700}a{color:var(--blue);text-decoration:none}.nav{background:var(--navy);padding:0 2rem;display:flex;align-items:center;gap:2rem;height:56px}.nav-brand{color:var(--white);font-family:Inter,sans-serif;font-weight:700;font-size:1rem}.nav a{color:#94a3b8;font-size:.875rem}.nav a.active,.nav a:hover{color:var(--white)}.container{max-width:900px;margin:0 auto;padding:2rem 1.5rem}.card{background:var(--white);border:1px solid var(--border);border-radius:8px;padding:1.5rem;margin-bottom:1rem}label{display:block;font-size:.8125rem;font-weight:600;color:var(--body);margin-bottom:.375rem}input[type=date],input[type=email],input[type=number],input[type=password],input[type=text],select,textarea{width:100%;border:1px solid var(--border);border-radius:6px;padding:.5rem .75rem;font-size:.9375rem;font-family:inherit;color:var(--navy);background:var(--white);outline:none}input:focus,select:focus,textarea:focus{border-color:var(--blue)}textarea{resize:vertical;min-height:80px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.5rem 1.25rem;border-radius:6px;font-size:.875rem;font-weight:600;cursor:pointer;border:none;font-family:inherit;transition:opacity .15s}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--blue);color:var(--white)}.btn-primary:hover:not(:disabled){opacity:.88}.btn-danger{background:var(--red);color:var(--white)}.btn-success{background:var(--green);color:var(--white)}.btn-ghost{background:transparent;border:1px solid var(--border);color:var(--body)}.badge{display:inline-block;padding:.125rem .5rem;border-radius:9999px;font-size:.75rem;font-weight:600}.badge-pending{background:#fef9c3;color:#854d0e}.badge-approved{background:#dcfce7;color:#166534}.badge-rejected{background:#fee2e2;color:#991b1b}.badge-published{background:#dbeafe;color:#1e40af}.badge-default{background:#f1f5f9;color:var(--body)}.form-row{margin-bottom:1.25rem}.form-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:1rem;gap:1rem}.form-actions{display:flex;gap:.75rem;margin-top:1.5rem}.draft-grid{display:grid;grid-gap:1rem;gap:1rem}.draft-card{background:var(--white);border:1px solid var(--border);border-radius:8px;padding:1.25rem}.draft-card-header{align-items:center;justify-content:space-between}.draft-card-header,.draft-meta{display:flex;margin-bottom:.75rem}.draft-meta{font-size:.75rem;color:var(--body);gap:.5rem;flex-wrap:wrap}.draft-hook{font-weight:600;margin-bottom:.5rem}.draft-body{font-size:.875rem;color:var(--body);white-space:pre-wrap}.draft-actions{display:flex;gap:.5rem;margin-top:1rem;flex-wrap:wrap}.score{font-size:.75rem;font-weight:700}.score-high{color:var(--green)}.score-mid{color:#f59e0b}.score-low{color:var(--red)}.error-msg{color:var(--red)}.error-msg,.success-msg{font-size:.875rem;margin-top:.5rem}.success-msg{color:var(--green)}.page-title{font-size:1.5rem;margin-bottom:.25rem}.page-sub{color:var(--body);font-size:.875rem;margin-bottom:1.5rem}.filter-bar{display:flex;gap:.75rem;margin-bottom:1.25rem;flex-wrap:wrap}.filter-bar select{width:auto}.empty{text-align:center;color:var(--body);padding:3rem 0;font-size:.9375rem}.table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}@media (max-width:640px){.nav{padding:0 1rem;gap:1.25rem;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.nav::-webkit-scrollbar{display:none}.container{padding:1.25rem 1rem}.form-grid{grid-template-columns:1fr}.draft-card-header{align-items:flex-start;gap:.5rem}.draft-card-header,.form-actions{flex-direction:column}.form-actions .btn{width:100%}}