:root{--paper: #efe6d4;--paper-2: #f7f1e4;--ink: #1b1712;--ink-soft: #5a5146;--line: #d4c7ae;--red: #b42318;--red-deep: #8c1a12;--forest: #2f4a38;--forest-soft: #3f624c;--ok: #2f6b45;--warn: #9a5b12;--shadow: 0 18px 40px rgba(27, 23, 18, .08);font-family:"Source Sans 3",sans-serif;color:var(--ink);background:var(--paper);line-height:1.45;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:radial-gradient(circle at 12% 10%,rgba(180,35,24,.07),transparent 28%),radial-gradient(circle at 90% 0%,rgba(47,74,56,.08),transparent 24%),var(--paper)}button,input,select,textarea{font:inherit}button{cursor:pointer}h1,h2,h3,.serif{font-family:Fraunces,serif}code,pre,.mono{font-family:IBM Plex Mono,monospace}.app-shell{min-height:100vh}.auth-page{min-height:100vh;display:grid;grid-template-columns:minmax(280px,1fr) minmax(360px,480px)}.auth-brand{padding:64px 72px;display:flex;flex-direction:column;justify-content:space-between}.kicker{letter-spacing:.18em;text-transform:uppercase;font-size:12px;font-weight:700;color:var(--red)}.auth-brand h1{font-size:clamp(48px,7vw,92px);line-height:.9;margin:18px 0 20px;max-width:8ch}.auth-brand p{max-width:36ch;color:var(--ink-soft);font-size:18px}.auth-card{margin:24px;background:var(--paper-2);border:1px solid var(--line);box-shadow:var(--shadow);padding:36px 32px;display:flex;flex-direction:column;justify-content:center}.auth-card h2{margin:8px 0 6px;font-size:34px}.muted{color:var(--ink-soft);margin-top:0}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}.field label{font-size:13px;font-weight:600}.field input,.field textarea,.field select{border:1px solid var(--line);background:#fffdf8;padding:11px 12px;border-radius:8px;outline:none}.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--ink)}.row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.btn{border:0;border-radius:8px;padding:11px 16px;font-weight:650}.btn-primary{background:var(--red);color:#fff8f2}.btn-primary:hover{background:var(--red-deep)}.btn-ghost{background:transparent;border:1px solid var(--line)}.btn-forest{background:var(--forest);color:#f4efe4}.btn-forest:hover{background:var(--forest-soft)}.btn-danger{background:#fff4f1;color:var(--red);border:1px solid #efc8c2}.full{width:100%}.error{color:var(--red);font-size:14px;margin:0 0 12px}.topbar{display:flex;justify-content:space-between;align-items:center;padding:18px 28px;border-bottom:1px solid var(--line);background:#f7f1e4db;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);position:sticky;top:0;z-index:2}.brand-lockup{display:flex;align-items:baseline;gap:12px}.brand-lockup h1{margin:0;font-size:28px}.session{display:flex;align-items:center;gap:12px}.pill{font-size:12px;border:1px solid var(--line);padding:6px 10px;border-radius:999px;background:#fffdf8}.main{padding:28px 32px 48px;max-width:1080px;margin:0 auto}.toolbar{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:18px}.select-field{margin-bottom:0;min-width:200px}.banner{padding:12px 16px;border-radius:10px;font-size:14px;font-weight:600;margin-bottom:18px}.banner.success{background:#e5f3ea;color:var(--ok)}.banner.error{background:#fde8e6;color:var(--red)}.panel{background:var(--paper-2);border:1px solid var(--line);border-radius:14px;padding:22px;box-shadow:var(--shadow)}.panel h2{margin:0 0 6px}.status-ok{color:var(--ok);font-weight:700}.status-off{color:var(--ink-soft)}.empty{color:var(--ink-soft);font-size:14px;padding:8px 0}.table-wrap{overflow-x:auto}.table{width:100%;border-collapse:collapse}.table th{text-align:left;font-size:12px;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-soft);padding:0 12px 10px;border-bottom:1px solid var(--line)}.table td{padding:14px 12px;border-bottom:1px solid var(--line);font-size:14px;vertical-align:middle}.table tr:last-child td{border-bottom:0}.table-title{font-weight:650}.row-actions{display:flex;justify-content:flex-end;gap:8px}.article-cards{display:none;list-style:none;margin:0;padding:0;flex-direction:column;gap:10px}.article-card{border:1px solid var(--line);background:#fffdf8;border-radius:10px;padding:14px}.article-card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.article-card-meta{font-size:13px;margin:6px 0 14px}.article-card .row-actions .btn{flex:1}.btn-sm{padding:7px 12px;font-size:13px}.pagination{display:flex;justify-content:space-between;margin-top:18px}.modal-overlay{position:fixed;inset:0;background:#1b171273;display:flex;align-items:center;justify-content:center;padding:24px;z-index:10}.modal{background:var(--paper-2);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);padding:26px 28px;width:100%;max-width:520px;max-height:calc(100vh - 48px);overflow-y:auto}.modal-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.modal-head h2{margin:0;font-size:24px}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:6px}@media(max-width:1080px){.auth-page{grid-template-columns:1fr}.auth-brand{padding:36px 28px 8px}}@media(max-width:720px){.row{grid-template-columns:1fr}.topbar,.main,.auth-card{padding-left:16px;padding-right:16px}}@media(max-width:640px){.topbar{padding-top:14px;padding-bottom:14px;gap:10px}.brand-lockup h1{font-size:22px}.session .pill{display:none}.main{padding-top:20px;padding-bottom:32px}.panel{padding:16px;border-radius:12px}.toolbar{flex-direction:column;align-items:stretch;gap:12px}.select-field{min-width:0}.toolbar>.btn-primary{width:100%}.table-wrap{display:none}.article-cards{display:flex}.pagination .btn{flex:1}.modal-overlay{padding:0;align-items:flex-end}.modal{max-width:none;max-height:88vh;border-radius:16px 16px 0 0;padding:20px 18px calc(20px + env(safe-area-inset-bottom))}.modal-actions{flex-direction:column-reverse}.modal-actions .btn{width:100%}}