:root{
      --bg:#f5f2ee;
      --panel:#ffffff;
      --line:#e7e1da;
      --muted:#7d746b;
      --text:#1e1c19;
      --blue:#3b82f6;
      --purple:#8b5cf6;
      --orange:#f59e0b;
      --red:#ef4444;
      --cyan:#06b6d4;
      --green:#10b981;
      --teal:#14b8a6;
      --indigo:#6366f1;
      --gray:#94a3b8;
      --pending:#94a3b8;
      --msg1:#3b82f6;
      --msg2:#8b5cf6;
      --ia:#f59e0b;
      --human:#ef4444;
      --fup1:#06b6d4;
      --fup2:#10b981;
      --final:#a8a29e;
      --shadow:0 10px 25px rgba(15,23,42,.05);
      --radius:18px;
      --accent:#191919;
      --range:#eef2ff;
      --range-edge:#191919;
    }
    *{box-sizing:border-box}
    body{
      margin:0;
      font-family: Inter, ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
      background:var(--bg);
      color:var(--text);
    }
    .wrap{
      max-width:1400px;
      margin:0 auto;
      padding:28px;
    }
    .topbar{
      display:flex;
      justify-content:space-between;
      align-items:center;
      gap:16px;
      margin-bottom:22px;
      flex-wrap:wrap;
    }
    .title{
      display:flex;
      align-items:center;
      gap:12px;
      flex-wrap:wrap;
    }
    .title h1{
      margin:0;
      font-size:34px;
      line-height:1.1;
    }
    .topbar-right{
      display:flex;
      align-items:center;
      gap:14px;
      flex-wrap:wrap;
    }
    .updated{
      color:var(--muted);
      font-weight:600;
      white-space:nowrap;
      font-size:14px;
    }
    .rule{
      height:4px;
      border-radius:999px;
      background:#191919;
      margin-bottom:24px;
    }

    .panel{
      background:var(--panel);
      border:1px solid var(--line);
      box-shadow:var(--shadow);
      border-radius:var(--radius);
      padding:18px;
    }
    .panel-title{
      color:#7b746c;
      font-size:13px;
      letter-spacing:.14em;
      text-transform:uppercase;
      font-weight:800;
      margin-bottom:14px;
      display:flex;
      align-items:center;
      flex-wrap:wrap;
      gap:6px;
    }
    .panel-metric{
      display:inline-flex;
      align-items:center;
      gap:8px;
    }
    .panel-metric strong{
      color:#4a443d;
    }
    .panel-dot{
      width:4px;
      height:4px;
      border-radius:50%;
      background:#c7bfb5;
    }

    input, select, button{
      border:1px solid var(--line);
      background:#fff;
      border-radius:12px;
      padding:12px 14px;
      font:inherit;
      color:inherit;
    }
    button{
      background:#191919;
      color:#fff;
      font-weight:700;
      cursor:pointer;
    }
    button.secondary{
      background:#fff;
      color:var(--text);
    }