.audit-home { --home-ink: #203653; --home-muted: #7a8aa0; color: var(--home-ink); min-width: 0; max-width: 1920px; margin: 0 auto; }
.home-hero { position: relative; isolation: isolate; overflow: hidden; height: clamp(180px, 12vw, 200px); border-radius: 10px; background: #073268; box-shadow: 0 5px 16px #07326812; }
.home-hero > img { position: absolute; z-index: -2; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center 55%; }
.home-hero::after { content: ''; position: absolute; z-index: -1; inset: 0; background: linear-gradient(90deg, #062e6366 0%, #062e632e 31%, #07366b00 65%); }
.home-hero-date { position: absolute; top: 14px; right: 20px; padding: 4px 9px; border-radius: 4px; font-size: 11px; color: #e7f2ff; background: #062b5540; text-shadow: 0 1px 3px #08254880; }
.home-hero-copy { display: flex; flex-direction: column; justify-content: center; align-items: flex-start; height: 100%; padding: 20px 36px; color: #fff; text-shadow: 0 2px 7px #08254870; }
.home-hero-brand { font-size: 10px; font-weight: 600; letter-spacing: 2.2px; color: #cbe3ff; }
.home-hero-brand > span { display: inline-block; margin-left: 12px; padding-left: 14px; border-left: 1px solid #c1dafa70; font-size: 10px; letter-spacing: 2px; font-weight: 400; }
.home-hero h2 { margin: 10px 0 8px; font-size: clamp(28px, 1.9vw, 34px); line-height: 1.3; letter-spacing: 1.5px; font-weight: 700; }
.home-hero h2 > span { color: #a9e4ff; }
.home-hero-copy > p { margin: 0; font-size: 11px; letter-spacing: .5px; line-height: 1.7; color: #d1e3f6; }
.home-hero-values { display: flex; align-items: center; gap: 14px; margin-top: 13px; margin-left: 28px; font-size: 10px; letter-spacing: 2px; color: #c5d9ef; }
.home-hero-values > i { width: 3px; height: 3px; background: #78b9f5; border-radius: 50%; }
.home-grid { display: grid; grid-template-columns: minmax(0, 1.55fr) minmax(320px, 1fr); gap: 20px; margin-top: 18px; }
.home-card { min-width: 0; overflow: hidden; background: #fff; border: 1px solid #e5ebf3; border-radius: 10px; box-shadow: 0 3px 12px #244c7910; }
.home-card-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; min-height: 66px; padding: 20px 24px 16px; }
.home-card-head > div { min-width: 0; }
.home-card-head h2 { margin: 0; color: #203653; font-size: 16px; line-height: 1.5; font-weight: 700; }
.home-card-head p { margin: 5px 0 0; color: var(--home-muted); font-size: 12px; }
.home-link { display: inline-flex; align-items: center; justify-content: center; gap: 4px; flex-shrink: 0; min-height: 32px; padding: 4px 0 4px 8px; border: 0; background: transparent; color: #4072c0; font-size: 12px; }
.home-link svg { width: 16px; height: 16px; }
.home-link:hover { color: #164cbd; text-decoration: underline; }
.home-link:focus-visible, .home-shortcut:focus-visible { outline: 2px solid #3274de; outline-offset: -2px; border-radius: 6px; }
.home-section-note { color: var(--home-muted); font-size: 11px; white-space: nowrap; }
.home-risk { display: flex; flex-direction: column; }
.home-risk-metrics { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); margin: 0 24px; padding: 19px 0 16px; border: 1px solid #eaf0f8; border-radius: 8px; background: linear-gradient(125deg, #f6f9fd, #fcfdff); }
.home-risk-metric { min-width: 0; padding: 0 20px; border-right: 1px solid #e5ecf5; }
.home-risk-metric:last-child { border-right: 0; }
.home-risk-metric > span { display: flex; align-items: center; gap: 7px; color: #6a7d97; font-size: 12px; }
.home-risk-metric i { width: 5px; height: 5px; flex-shrink: 0; border-radius: 50%; background: #5487dc; }
.home-risk-metric.orange i { background: #d5a05c; }
.home-risk-metric.red i { background: #d98181; }
.home-risk-value { display: block; margin-top: 9px; color: #879bb6; font-size: 26px; font-weight: 500; line-height: 1.2; }
.home-risk-empty { flex: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; min-height: 220px; padding: 24px; text-align: center; }
.home-radar { display: grid; place-items: center; width: 110px; height: 110px; margin-bottom: 12px; border-radius: 50%; color: #acc6e6; background: radial-gradient(circle, #e9f2ff 0%, #f7faff 60%, #fff 72%); }
.home-radar svg { width: 100px; height: 100px; }
.home-risk-empty h3, .home-notice-empty h3 { margin: 0; color: #677e9b; font-size: 14px; font-weight: 500; }
.home-risk-empty p, .home-notice-empty p { margin: 8px 0 0; color: #8b9bb0; font-size: 12px; line-height: 1.7; }
.home-risk-foot { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 10px; margin: 0 24px; padding: 15px 0; border-top: 1px solid #edf1f7; font-size: 11px; color: #8192a9; }
.home-risk-foot > span { display: inline-flex; align-items: center; gap: 6px; }
.home-risk-foot i { width: 5px; height: 5px; border-radius: 50%; background: #aebaca; }
.home-aside { display: flex; flex-direction: column; gap: 18px; min-width: 0; }
.home-notices { min-height: 180px; }
.home-notices .home-card-head { border-bottom: 1px solid #f0f3f8; padding-bottom: 17px; }
.home-notice-empty { display: flex; align-items: center; justify-content: center; gap: 16px; min-height: 116px; padding: 18px 24px; }
.home-notice-icon { display: grid; place-items: center; width: 54px; height: 58px; flex-shrink: 0; border-radius: 12px; color: #a4b8d2; background: #f4f7fc; }
.home-notice-icon svg { width: 32px; height: 32px; }
.home-notice-empty h3 { font-size: 13px; }
.home-notice-empty p { margin-top: 5px; font-size: 11px; }
.home-shortcuts { flex: 1; }
.home-shortcuts .home-card-head { min-height: 62px; padding-bottom: 10px; }
.home-shortcut-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 7px 6px; padding: 0 15px 18px; }
.home-shortcut { display: flex; flex-direction: column; align-items: center; justify-content: center; min-width: 0; padding: 12px 4px; border: 1px solid transparent; border-radius: 8px; background: #fff; color: #405573; transition: background-color .15s, border-color .15s; }
.home-shortcut:hover { border-color: #e3ebf8; background: #f8faff; }
.home-shortcut-icon { display: grid; place-items: center; width: 36px; height: 36px; margin-bottom: 9px; border-radius: 10px; background: #edf3ff; color: #4f7ce1; }
.home-shortcut.orange .home-shortcut-icon { background: #fff4e9; color: #cc9246; }
.home-shortcut.cyan .home-shortcut-icon { background: #e9f7fd; color: #328fb7; }
.home-shortcut.purple .home-shortcut-icon { background: #f1edff; color: #8c70d8; }
.home-shortcut.indigo .home-shortcut-icon { background: #eef0ff; color: #6978d9; }
.home-shortcut.teal .home-shortcut-icon { background: #e9f7f5; color: #359b8f; }
.home-icon { width: 20px; height: 20px; background: currentColor; -webkit-mask: var(--home-icon) center / contain no-repeat; mask: var(--home-icon) center / contain no-repeat; }
.home-shortcut strong { font-size: 12px; font-weight: 500; line-height: 1.6; }
.home-shortcut-empty { grid-column: 1 / -1; padding: 20px; text-align: center; color: var(--home-muted); font-size: 12px; }
@media (min-width: 1800px) { .home-risk-empty { min-height: 270px; } .home-shortcut { padding-block: 17px; } }
@media (max-width: 1350px) { .home-grid { gap: 16px; grid-template-columns: minmax(0, 1.4fr) minmax(315px, 1fr); } .home-hero-copy { padding-inline: 30px; } .home-card-head { padding-inline: 20px; } .home-risk-metrics { margin-inline: 20px; } .home-risk-metric { padding-inline: 14px; } .home-section-note { font-size: 10px; } }
@media (max-width: 1100px) { .home-grid { grid-template-columns: minmax(0, 1fr); } .home-aside { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.3fr); gap: 16px; } .home-risk-empty { min-height: 210px; } .home-notice-empty { min-height: 180px; flex-direction: column; text-align: center; } }
@media (max-width: 700px) { .home-hero { height: 200px; } .home-hero > img { object-position: 35% center; } .home-hero::after { background: linear-gradient(90deg, #062e6380 0%, #07376d30 100%); } .home-hero-copy { padding: 30px 22px 14px; } .home-hero-date { top: 8px; right: 10px; font-size: 10px; } .home-hero h2 { font-size: 26px; } .home-hero-copy > p { max-width: 260px; font-size: 10px; } .home-hero-values { margin-top: 10px; } .home-aside { display: flex; } .home-notice-empty { min-height: 116px; flex-direction: row; text-align: left; } .home-risk-metric { padding-inline: 10px; } .home-risk-metric > span { font-size: 11px; gap: 4px; } .home-card-head { padding-inline: 16px; } .home-risk-metrics, .home-risk-foot { margin-inline: 16px; } }
@media (prefers-reduced-motion: reduce) { .home-shortcut { transition: none; } }