:root {
      --page-bg:#f7f9fb; --card-bg:#fff; --muted:#6b7280;
      --accent:#d35400; --accent-soft:rgba(211,84,0,0.12);
      --max-width:1100px;
    }
    body {
      margin:0; height:100%; font-family:"Inter","Lato",Arial,sans-serif;
      background:var(--page-bg); color:#0f1724;
    }
    .loader {
      position:fixed; right:18px; bottom:18px; width:72px; height:72px;
      background:url('<?= base_url(); ?>assets/dist/img/loading-page.gif') no-repeat center;
      display:none; z-index:9999;
    }
    .site-topbar-dark {
      position:sticky; top:0; z-index:1050; height:72px; display:flex; align-items:center;
      background:linear-gradient(135deg,#0e1b2a,#162834);
      box-shadow:0 6px 20px rgba(2,6,23,.35); border-bottom:1px solid rgba(255,255,255,.03);
    }
    .topbar-inner-centered {
      max-width:var(--max-width); margin:0 auto; padding:0 16px;
      display:flex; justify-content:space-between; align-items:center; gap:12px; width:100%;
    }
    .topbar-brand { display:flex; align-items:center; gap:12px; color:#fff; text-decoration:none; }
    .topbar-brand img {
      height:48px; border-radius:6px; background:#fff; padding:4px;
      box-shadow:0 6px 18px rgba(0,0,0,.25); border:1px solid rgba(255,255,255,.06);
    }
    .brand-title { font-weight:700; font-size:16px; color:#fff; }
    .brand-sub { font-size:12px; color:rgba(255,255,255,.75); }
    .btn-primary { background:#90ee90!important; border:none; color:#fff!important; font-weight:600; padding:8px 14px; border-radius:999px; }
    main.container-centered { max-width:var(--max-width); margin:28px auto; padding:0 16px; }
    .hero {
      background:var(--card-bg); border-radius:12px; padding:28px;
      box-shadow:0 10px 30px rgba(12,21,30,.06); border:1px solid rgba(15,23,36,.04);
    }
    .hero h1 { font-size:26px; margin:0 0 6px; color:#072031; }
    .hero .lead { color:var(--muted); margin-bottom:16px; }
    .search-row-modern { display:flex; gap:12px; align-items:center; flex-wrap:wrap; }
    .input-pill {
      display:flex; align-items:center; background:#fff;
      border:1px solid rgba(15,23,36,.06); padding:6px;
      border-radius:999px; min-width:340px; max-width:720px;
    }
    .prominent-input {
      flex:1; border:none; outline:none; background:#DFE2E6;
      padding:14px 10px; font-size:15px; color:#0b1722;
    }
    .floating-label {
      position:absolute; left:40px; top:50%; transform:translateY(-50%);
      transition:.14s; color:var(--muted); font-size:14px; font-weight:600;
    }
    .prominent-input:focus + .floating-label,
    .prominent-input:not(:placeholder-shown) + .floating-label {
      top:-8px; transform:translateY(0); font-size:12px; color:var(--accent);
    }
    .btn-clear {
      background:transparent; border:none; color:#9aa4b2;
      width:38px; height:38px; display:flex; align-items:center; justify-content:center;
      border-radius:8px; margin-left:6px; cursor:pointer;
    }
    .btn-clear:hover { background:rgba(0,0,0,.04); color:#6b7280; }
    .btn-prominent {
      background:linear-gradient(135deg,#90ee90,#32cd32); color:#fff;
      border:none; padding:10px 18px; border-radius:999px; font-weight:700;
      display:inline-flex; align-items:center; gap:8px;
      box-shadow:0 10px 26px var(--accent-soft); transition:.12s;
    }
    .btn-prominent:hover { transform:translateY(-3px); box-shadow:0 18px 40px rgba(211,84,0,.16); }
    .result-card {
      background:#e9ecef; border-radius:16px; padding:20px; margin-top:20px;
      box-shadow:0 8px 24px rgba(0,0,0,.05);
    }
    .result-card .bold { font-weight:600; color:#343a40; }
    .status-wrap #status { padding:8px 14px; border-radius:8px; font-weight:600; color:#fff; background:#6c757d; }
    #result_list .item-card {
      background:#fff; border-radius:15px; padding:14px; margin-top:12px;
      box-shadow:0 4px 12px rgba(0,0,0,.05);
    }
    @media(max-width:768px){
      .topbar-inner-centered{flex-direction:column;gap:8px;padding:8px 12px;}
      .topbar-brand img{height:52px;}
      .topbar-actions{width:100%;justify-content:center;gap:8px;flex-wrap:wrap;}
      .search-row-modern{flex-direction:column;gap:16px;}
      .input-pill{min-width:100%;max-width:100%;padding:8px;}
      .btn-prominent{width:100%;justify-content:center;padding:14px 18px;}
    }