:root{
  --brand:#E47756;
  --brand2:#F0B5A1;
  --brand-soft:#FDE9E1;
  --brand-line:#F2C5B5;
  --paper:#fffdfb;
  --ink:#24211f;
  --muted:#8f8882;
}
html{font-family:"DM Sans",sans-serif}
body{background:var(--paper);color:var(--ink)}
.dark body,.dark{--paper:#111110;--ink:#f6f3f0;--muted:#aaa39c}
.brand-bg{background:var(--brand)}
.brand-bg-soft{background:var(--brand-soft)}
.brand-text{color:var(--brand)}
.brand-border{border-color:var(--brand-line)}
.brand-border-strong{border-color:var(--brand)}
.brand-button{background:var(--brand2);color:white;transition:.15s}
.brand-button:hover{filter:brightness(.95);transform:translateY(-1px)}
.brand-pill{background:var(--brand);color:white}
.site-shell{width:min(1000px,calc(100% - 28px));margin-inline:auto}
.soft-shadow{box-shadow:0 16px 45px rgba(35,24,18,.06)}
.top-card{background:color-mix(in srgb,var(--brand-soft) 72%,white);border:1px solid var(--brand-line)}
.top-card.first{background:color-mix(in srgb,var(--brand-soft) 92%,white);border-color:var(--brand)}
.dark .top-card{background:color-mix(in srgb,var(--brand) 10%,#181716);border-color:color-mix(in srgb,var(--brand) 45%,#333)}
.favicon-frame{width:24px;height:24px;border-radius:8px;display:grid;place-items:center;overflow:hidden;flex:0 0 auto}
.favicon-frame.hidden{display:none!important}
.favicon-frame img{width:20px;height:20px;object-fit:contain}
.category-rail{scrollbar-width:none}.category-rail::-webkit-scrollbar{display:none}
.prose-bidone h2{font-size:1.2rem;font-weight:750;margin:2rem 0 .65rem;letter-spacing:-.02em}
.prose-bidone h3{font-size:1.05rem;font-weight:700;margin:1.4rem 0 .5rem}
.prose-bidone p{color:#665f5a;margin:.75rem 0;line-height:1.75}
.prose-bidone ul,.prose-bidone ol{padding-left:1.25rem;margin:.8rem 0;color:#665f5a}
.prose-bidone ul{list-style:disc}.prose-bidone ol{list-style:decimal}.prose-bidone li{margin:.35rem 0;line-height:1.65}
.dark .prose-bidone p,.dark .prose-bidone ul,.dark .prose-bidone ol{color:#bdb6af}
.modal-open{overflow:hidden}
.spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.5);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}
.admin-sidebar{background:#191817}
.admin-nav-link{color:#c6c0ba;transition:.12s}.admin-nav-link:hover,.admin-nav-link.active{background:#2a2826;color:white}
.kpi-card{background:white;border:1px solid #ebe5df;border-radius:18px}
.dark .kpi-card{background:#191817;border-color:#2b2927}
.chart-bar{background:linear-gradient(180deg,var(--brand),color-mix(in srgb,var(--brand) 55%,white))}
.status-captured{background:#e8f7ef;color:#23744f}.status-failed{background:#fff0ed;color:#9b4738}.status-pending,.status-authorized,.status-creating{background:#fff7df;color:#8c6a18}
.dark .status-captured{background:#173729;color:#91d9b4}.dark .status-failed{background:#3c211c;color:#f3a793}.dark .status-pending,.dark .status-authorized,.dark .status-creating{background:#3c341c;color:#e7cd7e}
@media(max-width:720px){.site-shell{width:calc(100% - 20px)}}