:root { --bg:#f5f3ee; --panel:#fff; --ink:#25231f; --muted:#756f66; --line:#ded9cf; --accent:#b86145; --danger:#a33b32; --ok:#317154; }
* { box-sizing:border-box; }
body { margin:0; background:var(--bg); color:var(--ink); font:15px/1.45 system-ui,-apple-system,sans-serif; }
button,input,select { font:inherit; }
button,a { min-height:42px; }
button { border:1px solid var(--line); border-radius:10px; background:#fff; padding:8px 12px; color:var(--ink); cursor:pointer; }
button:hover { border-color:var(--accent); }
.topbar { min-height:64px; display:flex; justify-content:space-between; align-items:center; gap:20px; padding:10px max(20px,calc((100% - 1180px)/2)); background:#25231f; color:#fff; }
.brand { color:#fff; text-decoration:none; font-size:20px; font-weight:800; }.brand span { color:#e3a891; font-size:13px; }
.topbar nav { display:flex; align-items:center; gap:10px; }.topbar a { color:#fff; display:flex; align-items:center; }
main { width:min(1180px,calc(100% - 32px)); margin:28px auto 60px; display:grid; gap:20px; }
.hero,.panel { background:var(--panel); border:1px solid var(--line); border-radius:18px; padding:22px; }
.hero { display:flex; justify-content:space-between; align-items:center; }.hero h1,.panel h2 { margin:0 0 5px; }.hero p,.panel p { margin:0; color:var(--muted); }.eyebrow { text-transform:uppercase; letter-spacing:.12em; font-size:12px; font-weight:800; color:var(--accent)!important; }
.stats { display:grid; grid-template-columns:repeat(4,1fr); gap:12px; }.stat { background:var(--panel); border:1px solid var(--line); border-radius:14px; padding:16px; }.stat strong { display:block; font-size:26px; }.stat span { color:var(--muted); }
.readiness-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:10px; }.readiness-card { border:1px solid var(--line); border-radius:12px; padding:13px; }.readiness-card strong,.readiness-card span { display:block; }.readiness-card span { color:var(--muted); margin-top:3px; }.readiness-card.ready { border-color:#a7cbb9; background:#f2faf6; }
.panel-head { display:flex; justify-content:space-between; align-items:center; gap:18px; margin-bottom:16px; }.panel-head input { width:min(320px,100%); min-height:42px; border:1px solid var(--line); border-radius:10px; padding:8px 12px; }
.table-wrap { overflow:auto; } table { width:100%; border-collapse:collapse; } th,td { padding:12px 10px; border-top:1px solid var(--line); text-align:left; vertical-align:middle; } th { color:var(--muted); font-size:12px; text-transform:uppercase; } td strong,td small { display:block; } td small { color:var(--muted); }
.chip { display:inline-block; border-radius:999px; background:#eeeae1; padding:4px 8px; font-size:12px; }.chip.ok { background:#dceee5; color:var(--ok); }.chip.bad { background:#f4ddda; color:var(--danger); }
.actions { display:flex; flex-wrap:wrap; gap:6px; }.actions select { min-height:38px; border:1px solid var(--line); border-radius:9px; padding:6px; }.danger { color:var(--danger); }
.audit-list { display:grid; gap:8px; }.audit-row { display:grid; grid-template-columns:170px 1fr; gap:12px; padding:10px 0; border-top:1px solid var(--line); }.audit-row time,.audit-row small { color:var(--muted); }
#notice { position:fixed; right:18px; bottom:18px; z-index:5; background:#25231f; color:#fff; border-radius:12px; padding:12px 16px; }
@media (max-width:767px) { main { width:min(100% - 20px,1180px); margin-top:12px; }.topbar { padding:10px 12px; }.hero,.panel { padding:16px; border-radius:14px; }.hero { align-items:flex-start; gap:10px; }.stats { grid-template-columns:1fr 1fr; }.readiness-grid { grid-template-columns:1fr; }.panel-head { align-items:stretch; flex-direction:column; }.panel-head input { width:100%; } table,tbody,tr,td { display:block; } thead { display:none; } tr { border-top:1px solid var(--line); padding:10px 0; } td { border:0; padding:5px 0; }.audit-row { grid-template-columns:1fr; gap:2px; } }