:root{
  --brand:#B91C1C;
  --brand-700:#8F1414;
  --brand-100:#F7E8E8;
  --ink:#111111;
  --muted:#6B6B6B;
  --bg:#F5F5F5;
  --card:#FFFFFF;
  --border:#E6E6E6;
  --line:#E6E6E6;
  --focus:rgba(185,28,28,.35);
  --radius:16px;
  --radius-sm:12px;
  --shadow-xs:0 2px 8px rgba(0,0,0,.05);
  --shadow:0 14px 34px rgba(0,0,0,.09);
  --shadow-lg:0 22px 52px rgba(0,0,0,.14);
}

html,body{
  background-color:var(--bg);
  background-image:
    radial-gradient(70rem 38rem at -10% -20%, rgba(185,28,28,.10) 0%, rgba(185,28,28,0) 55%),
    radial-gradient(48rem 24rem at 110% 120%, rgba(143,20,20,.08) 0%, rgba(143,20,20,0) 60%),
    linear-gradient(180deg,#ffffff 0%,#f7f7f7 62%,#eeeeee 100%);
  background-attachment:fixed;
}

header.site-header{
  background:linear-gradient(180deg,#ffffff 0%,#fbfbfb 100%);
  box-shadow:0 8px 24px rgba(0,0,0,.08);
  border-top:4px solid var(--brand);
}

.wrap{max-width:1120px}
.brand-title{letter-spacing:-.01em}
.brand-tags span:not(.dot){background:#f7f7f7}
.brand-logo-img{filter:drop-shadow(0 6px 14px rgba(0,0,0,.10))}

.card,.content-card,.print-area,.chart-card,.kpi,.app-modal{
  background:linear-gradient(180deg,#ffffff 0%,#fcfcfc 100%);
  border-radius:var(--radius);
  border:1px solid var(--border);
  box-shadow:var(--shadow);
}

.card:hover{box-shadow:var(--shadow-lg)}

.hero{
  background:
    radial-gradient(36rem 24rem at 92% 0%, rgba(185,28,28,.16) 0%, rgba(185,28,28,0) 62%),
    linear-gradient(140deg,#ffffff 0%,#f7f7f7 55%,var(--brand-100) 100%);
  border-bottom:1px solid var(--border);
}

.btn{
  background:linear-gradient(180deg,var(--brand) 0%,var(--brand-700) 100%);
  box-shadow:var(--shadow-xs);
  transition:transform .2s ease, box-shadow .2s ease, filter .2s ease;
}
.btn:hover{transform:translateY(-2px);box-shadow:var(--shadow);filter:saturate(1.02);text-decoration:none}
.btn-secondary,.btn-outline{background:#fff;border-color:var(--brand);color:var(--brand)}
.btn-secondary:hover,.btn-outline:hover{background:var(--brand-700);color:#fff;text-decoration:none}

.input,.select,.textarea,input[type=text],input[type=password],input[type=date],select,textarea{
  border-radius:12px;
  border:1px solid var(--border);
  transition:border-color .2s ease, box-shadow .2s ease;
}
.input:focus,.select:focus,.textarea:focus,input[type=text]:focus,input[type=password]:focus,input[type=date]:focus,select:focus,textarea:focus{
  box-shadow:0 0 0 1px rgba(185,28,28,.15);
}

.table{border-collapse:separate;border-spacing:0}
.table th,th{background:#fbfbfb}
.table tbody tr:hover,tbody tr:hover{background:#f4f4f4}

.summary-group{
  background:linear-gradient(180deg,#ffffff 0%,#fafafa 100%);
  box-shadow:var(--shadow-xs);
}
.summary-item strong{letter-spacing:-.01em}
.chip{
  background:#fff;
  border:1px solid var(--border);
  border-radius:999px;
  transition:background .2s ease,border-color .2s ease,transform .2s ease;
}
.chip:hover{background:#f6f6f6;border-color:#d8d8d8;transform:translateY(-1px)}

.alert{border-radius:12px}

.footer,.footer-content small{color:var(--muted)}