<?php
declare(strict_types=1);
/** Folha de estilo compartilhada do painel — mesma paleta da landing. */
?>
<style>
  *,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
  :root{
    --bg:#080A09; --s1:#0F1311; --s2:#151A17; --s3:#1C231F;
    --bd:#242C27; --bd2:#2E3832;
    --tx:#E8F0EB; --tm:#9AA9A1; --tl:#68766E;
    --gr:#2FC77E; --grb:rgba(47,199,126,.16); --grd:rgba(47,199,126,.42);
    --rd:#F2555A; --rdb:rgba(242,85,90,.12);
    --yl:#E9B949; --ylb:rgba(233,185,73,.12);
    --bl:#4C9AFF;
  }
  body{background:var(--bg);color:var(--tx);font:15px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased}
  .mono{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-variant-numeric:tabular-nums}
  a{color:inherit;text-decoration:none}
  .wrap{max-width:1360px;margin:0 auto;padding:0 clamp(14px,3vw,28px)}

  header.top{border-bottom:1px solid var(--bd);background:rgba(8,10,9,.9);backdrop-filter:blur(10px);position:sticky;top:0;z-index:20}
  .top-in{display:flex;align-items:center;gap:16px;height:62px}
  .logo{display:flex;align-items:center;gap:9px;font-weight:700;letter-spacing:-.02em;font-size:16px}
  .dot{width:9px;height:9px;border-radius:50%;background:var(--gr);box-shadow:0 0 12px var(--grd)}
  .top-sp{flex:1}
  .muted{color:var(--tm)}
  .small{font-size:12.5px}
  .xs{font-size:11.5px}

  .btn{display:inline-flex;align-items:center;gap:7px;background:var(--s3);color:var(--tx);border:1px solid var(--bd2);
       padding:9px 15px;border-radius:9px;font-size:13.5px;font-weight:600;cursor:pointer;transition:.15s;white-space:nowrap}
  .btn:hover{background:#232C27;border-color:#3A453E}
  .btn-pri{background:var(--gr);color:#04140B;border-color:transparent}
  .btn-pri:hover{background:#37D98B}
  .btn-sm{padding:6px 11px;font-size:12.5px}

  .grid-kpi{display:grid;grid-template-columns:repeat(auto-fit,minmax(178px,1fr));gap:12px;margin-top:22px}
  .kpi{background:var(--s1);border:1px solid var(--bd);border-radius:13px;padding:15px 16px}
  .kpi .lb{font-size:11px;color:var(--tl);text-transform:uppercase;letter-spacing:.09em;font-weight:600}
  .kpi .vl{font-size:29px;font-weight:700;letter-spacing:-.03em;margin-top:7px;line-height:1}
  .kpi .sub{font-size:12px;color:var(--tm);margin-top:6px}
  .c-gr{color:var(--gr)} .c-rd{color:var(--rd)} .c-yl{color:var(--yl)} .c-bl{color:var(--bl)}

  .card{background:var(--s1);border:1px solid var(--bd);border-radius:13px;margin-top:16px}
  .card-h{display:flex;align-items:center;gap:12px;padding:13px 16px;border-bottom:1px solid var(--bd);flex-wrap:wrap}
  .card-t{font-size:14px;font-weight:650;letter-spacing:-.01em}
  .card-b{padding:16px}

  form.filters{display:flex;gap:9px;flex-wrap:wrap;align-items:flex-end}
  .fld{display:flex;flex-direction:column;gap:5px}
  .fld label{font-size:11px;color:var(--tl);text-transform:uppercase;letter-spacing:.07em;font-weight:600}
  input[type=text],input[type=date],input[type=password],input[type=search],select{
    background:var(--bg);border:1px solid var(--bd2);border-radius:8px;color:var(--tx);
    padding:8px 10px;font-size:13.5px;font-family:inherit;min-width:132px}
  input:focus,select:focus{outline:none;border-color:var(--grd);box-shadow:0 0 0 3px var(--grb)}

  .tbl-scroll{overflow-x:auto}
  table{width:100%;border-collapse:collapse;font-size:13.2px}
  th{text-align:left;font-size:10.5px;text-transform:uppercase;letter-spacing:.08em;color:var(--tl);
     font-weight:700;padding:10px 12px;border-bottom:1px solid var(--bd);white-space:nowrap;background:var(--s1)}
  td{padding:11px 12px;border-bottom:1px solid rgba(36,44,39,.6);vertical-align:top}
  tbody tr:hover{background:rgba(28,35,31,.5)}
  td.nowrap{white-space:nowrap}

  .tag{display:inline-block;padding:3px 8px;border-radius:999px;font-size:11px;font-weight:650;letter-spacing:.02em;white-space:nowrap}
  .t-ok{background:var(--grb);color:var(--gr);border:1px solid var(--grd)}
  .t-err{background:var(--rdb);color:var(--rd);border:1px solid rgba(242,85,90,.35)}
  .t-neu{background:var(--s3);color:var(--tm);border:1px solid var(--bd2)}
  .t-ftd{background:var(--ylb);color:var(--yl);border:1px solid rgba(233,185,73,.35)}

  .flash{border-radius:10px;padding:11px 14px;font-size:13.5px;margin-top:16px;border:1px solid}
  .flash-ok{background:var(--grb);border-color:var(--grd);color:#8CE9BC}
  .flash-err{background:var(--rdb);border-color:rgba(242,85,90,.4);color:#FF9A9D}

  .bars{display:flex;align-items:flex-end;gap:3px;height:104px;padding-top:6px}
  .bar-col{flex:1;display:flex;flex-direction:column;justify-content:flex-end;gap:2px;min-width:5px;position:relative}
  .bar{background:var(--gr);border-radius:2px 2px 0 0;min-height:2px;opacity:.85}
  .bar-ftd{background:var(--yl);border-radius:2px 2px 0 0}
  .bar-col:hover .bar{opacity:1}
  .axis{display:flex;justify-content:space-between;margin-top:8px;font-size:10.5px;color:var(--tl)}

  .pager{display:flex;align-items:center;gap:10px;padding:13px 16px;border-top:1px solid var(--bd);flex-wrap:wrap}
  .empty{padding:44px 16px;text-align:center;color:var(--tm);font-size:14px}
  .cols2{display:grid;grid-template-columns:1.6fr 1fr;gap:16px;align-items:start}
  @media (max-width:900px){.cols2{grid-template-columns:1fr}}
</style>
