:root {
    --ink: #152238;
    --muted: #6f7b8f;
    --line: #e6eaf0;
    --canvas: #f4f6fa;
    --card: #ffffff;
    --nav: #111a2e;
    --blue: #3867ed;
    --blue-dark: #2854cf;
    --purple: #6d5dfc;
    --green: #16a66a;
    --amber: #f59e0b;
    --red: #e54865;
    --shadow: 0 14px 38px rgba(20, 34, 56, .07);
    --radius: 18px;
}

* { box-sizing: border-box; }
html { color-scheme: light; }
body { margin: 0; color: var(--ink); background: var(--canvas); font-family: "DM Sans", sans-serif; font-size: 14px; }
a { color: inherit; text-decoration: none; }
button, input, select, textarea { font: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }
h1, h2, h3, p { margin-top: 0; }
h1, h2, h3, .brand strong { font-family: Manrope, sans-serif; }
h1 { margin-bottom: 0; font-size: 22px; letter-spacing: -.03em; }
h2 { margin-bottom: 6px; font-size: 24px; letter-spacing: -.035em; }
h3 { margin-bottom: 6px; font-size: 16px; letter-spacing: -.02em; }
p { color: var(--muted); line-height: 1.55; }

.app-shell { display: flex; min-height: 100vh; }
.sidebar { position: fixed; inset: 0 auto 0 0; z-index: 20; display: flex; width: 260px; flex-direction: column; padding: 28px 20px 22px; color: #e8ecf6; background: var(--nav); }
.brand { display: flex; align-items: center; gap: 12px; padding: 0 10px 30px; }
.brand-mark { display: grid; width: 42px; height: 42px; place-items: center; border-radius: 13px; color: #fff; background: linear-gradient(145deg, #6d5dfc, #3867ed); box-shadow: 0 8px 22px rgba(87, 91, 238, .35); font: 800 20px Manrope, sans-serif; }
.brand strong { display: block; font-size: 17px; }
.brand small { display: block; margin-top: 2px; color: #8f9ab2; font-size: 11px; }
.nav-list { display: grid; gap: 6px; }
.nav-link { display: flex; width: 100%; align-items: center; gap: 12px; padding: 11px 13px; border: 0; border-radius: 11px; color: #aeb8ca; background: transparent; cursor: pointer; font-weight: 600; text-align: left; transition: .18s ease; }
.nav-link span { display: grid; width: 22px; height: 22px; place-items: center; color: #8290a9; font-size: 16px; }
.nav-link:hover, .nav-link.active { color: #fff; background: rgba(255,255,255,.08); }
.nav-link.active span { color: #8f84ff; }
.sidebar-note { margin-top: auto; padding: 16px; border: 1px solid rgba(255,255,255,.08); border-radius: 14px; background: rgba(255,255,255,.04); }
.sidebar-note strong { font-size: 13px; }
.sidebar-note p { margin: 6px 0 0; color: #8f9ab2; font-size: 11px; line-height: 1.5; }
.logout { margin-top: 12px; }
.main-panel { width: calc(100% - 260px); margin-left: 260px; }
.topbar { display: flex; height: 92px; align-items: center; padding: 0 36px; border-bottom: 1px solid var(--line); background: rgba(255,255,255,.93); backdrop-filter: blur(12px); }
.eyebrow { margin: 0 0 3px; color: #8a96a8; font-size: 10px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; }
.user-chip { display: flex; align-items: center; gap: 10px; margin-left: auto; }
.user-chip > span { display: grid; width: 38px; height: 38px; place-items: center; border-radius: 12px; color: #fff; background: #2b3950; font-weight: 700; }
.user-chip strong, .user-chip small { display: block; }
.user-chip strong { font-size: 12px; }
.user-chip small { margin-top: 2px; color: var(--muted); font-size: 10px; }
.menu-button { display: none; margin-right: 16px; border: 0; background: transparent; font-size: 22px; }
.content-wrap { max-width: 1480px; margin: 0 auto; padding: 32px 36px 56px; }
.page-actions { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin-bottom: 24px; }
.page-actions p { margin-bottom: 0; }
.breadcrumbs { margin-bottom: 8px !important; font-size: 12px; }
.breadcrumbs a { color: var(--blue); }

.button { display: inline-flex; min-height: 42px; align-items: center; justify-content: center; gap: 8px; padding: 0 17px; border: 1px solid transparent; border-radius: 11px; cursor: pointer; font-weight: 700; transition: .18s ease; }
.button:hover { transform: translateY(-1px); }
.button.primary { color: #fff; background: var(--blue); box-shadow: 0 8px 18px rgba(56,103,237,.2); }
.button.primary:hover { background: var(--blue-dark); }
.button.secondary { border-color: var(--line); color: #344159; background: #fff; }
.button.ghost { color: var(--muted); background: transparent; }
.button.danger { color: #c83150; border-color: #f7cbd4; background: #fff5f7; }
.button.full { width: 100%; }
.icon-button { display: grid; width: 42px; height: 42px; place-items: center; border: 1px solid var(--line); border-radius: 11px; background: #fff; }
.text-action { color: var(--blue); font-weight: 700; white-space: nowrap; }
.text-danger { border: 0; color: var(--red); background: transparent; cursor: pointer; font-weight: 700; }

.card { border: 1px solid #e9edf3; border-radius: var(--radius); background: var(--card); box-shadow: var(--shadow); }
.card-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; padding: 22px 24px; border-bottom: 1px solid var(--line); }
.card-head h3, .card-head p { margin-bottom: 0; }
.card-head p { margin-top: 4px; font-size: 12px; }
.card-head > a { color: var(--blue); font-weight: 700; }
.stats-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 18px; margin-bottom: 22px; }
.stat-card { position: relative; display: flex; min-height: 146px; align-items: flex-start; gap: 16px; overflow: hidden; padding: 22px; border: 1px solid #e9edf3; border-radius: var(--radius); background: #fff; box-shadow: var(--shadow); }
.stat-card::after { position: absolute; right: -24px; bottom: -34px; width: 100px; height: 100px; border-radius: 50%; content: ""; opacity: .08; background: currentColor; }
.stat-icon { display: grid; flex: 0 0 45px; height: 45px; place-items: center; border-radius: 13px; color: currentColor; background: currentColor; font-size: 0; }
.stat-icon::after { color: #fff; content: attr(data-icon); font-size: 18px; }
.stat-card small { display: block; margin-bottom: 5px; color: var(--muted); font-weight: 600; }
.stat-card strong { display: block; font: 800 30px Manrope, sans-serif; }
.stat-card p { margin: 3px 0 0; font-size: 11px; }
.accent-blue { color: var(--blue); }.accent-amber { color: var(--amber); }.accent-purple { color: var(--purple); }.accent-green { color: var(--green); }
.accent-blue .stat-icon { background: #eaf0ff; }.accent-amber .stat-icon { background: #fff3d9; }.accent-purple .stat-icon { background: #efedff; }.accent-green .stat-icon { background: #e5f7ef; }
.accent-blue .stat-icon::before, .accent-amber .stat-icon::before, .accent-purple .stat-icon::before, .accent-green .stat-icon::before { color: currentColor; content: inherit; font-size: 18px; }
.stat-icon { font-size: 18px; }
.dashboard-grid { display: grid; grid-template-columns: minmax(0, 2fr) minmax(280px, .8fr); gap: 22px; }
.span-2 { min-width: 0; }
.table-card { overflow: hidden; }
.table-responsive { overflow-x: auto; }
table { width: 100%; border-collapse: collapse; }
th { padding: 13px 18px; color: #8a95a7; background: #fafbfc; font-size: 10px; letter-spacing: .08em; text-align: left; text-transform: uppercase; }
td { padding: 15px 18px; border-top: 1px solid #edf0f4; color: #465267; vertical-align: middle; }
.table-title { display: block; color: var(--ink); font-weight: 700; }
td small { display: block; max-width: 360px; margin-top: 4px; color: var(--muted); }
.stars { display: inline-flex; gap: 1px; color: #d9dfe9; font-size: 14px; white-space: nowrap; }
.stars .filled { color: #f6ad22; }
.score { display: inline-flex; min-width: 44px; justify-content: center; padding: 5px 8px; border-radius: 8px; font-size: 11px; font-weight: 800; }
.score.high { color: #c83150; background: #fff0f3; }.score.medium { color: #a26605; background: #fff7df; }.score.low { color: #3872a3; background: #edf6ff; }
.badge { display: inline-flex; align-items: center; padding: 5px 9px; border-radius: 999px; color: #617087; background: #edf1f5; font-size: 10px; font-weight: 800; white-space: nowrap; }
.badge.large { padding: 8px 13px; font-size: 11px; }
.status-ready, .status-case_ready { color: #5144ca; background: #efedff; }.status-submitted { color: #147f7c; background: #e7f7f6; }.status-decision_pending { color: #986005; background: #fff3d9; }.status-appealed { color: #b3286c; background: #ffedf6; }.status-removed { color: #0d7a4c; background: #e5f7ef; }.status-rejected { color: #bf334e; background: #fff0f3; }.status-closed, .status-new, .status-draft { color: #617087; background: #edf1f5; }
.workflow-card { padding-bottom: 20px; }
.workflow-list { display: grid; gap: 18px; padding: 22px 24px; }
.workflow-row > div:first-child { display: flex; align-items: center; gap: 8px; }
.workflow-row span { width: 8px; height: 8px; border-radius: 50%; }
.workflow-row strong { font-size: 12px; }.workflow-row b { margin-left: auto; }
.progress { height: 5px; margin-top: 9px; overflow: hidden; border-radius: 4px; background: #edf0f4; }.progress i { display: block; height: 100%; border-radius: inherit; }
.workflow-card > .button { width: calc(100% - 48px); margin: 0 24px; }
.notice-card { display: flex; align-items: center; gap: 15px; margin-top: 22px; padding: 18px 20px; border: 1px solid #d7e2ff; border-radius: 15px; background: #eef3ff; }
.notice-card.warning { border-color: #ffe3a6; background: #fff9e9; }
.notice-icon { display: grid; flex: 0 0 34px; height: 34px; place-items: center; border-radius: 10px; color: var(--blue); background: #fff; font-weight: 800; }
.notice-card strong { display: block; }.notice-card p { margin: 3px 0 0; font-size: 12px; }.notice-card > a { margin-left: auto; color: var(--blue); font-weight: 700; white-space: nowrap; }

.business-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
.business-card { padding: 22px; border: 1px solid #e9edf3; border-radius: var(--radius); background: #fff; box-shadow: var(--shadow); }
.business-head { display: flex; align-items: flex-start; justify-content: space-between; }
.business-avatar, .reviewer-avatar { display: grid; width: 48px; height: 48px; place-items: center; border-radius: 14px; color: #fff; background: linear-gradient(145deg, #263957, #46638e); font: 800 18px Manrope, sans-serif; }
.business-avatar.large { width: 68px; height: 68px; border-radius: 18px; font-size: 25px; }
.business-card h3 { margin: 18px 0 5px; font-size: 18px; }.external-link { color: var(--blue); font-size: 12px; font-weight: 700; }
.business-stats { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; margin: 22px 0; padding: 15px 0; border-block: 1px solid var(--line); }
.business-stats small, .business-stats strong { display: block; }.business-stats small { margin-bottom: 6px; color: var(--muted); font-size: 9px; text-transform: uppercase; }.business-stats strong { font: 700 16px Manrope, sans-serif; }
.card-actions { display: flex; gap: 8px; }.card-actions .button { flex: 1; }
.empty-page { grid-column: 1 / -1; padding: 70px 20px; text-align: center; }.empty-icon { display: block; margin-bottom: 12px; color: var(--blue); font-size: 36px; }
.profile-hero { display: flex; align-items: center; justify-content: space-between; gap: 22px; margin-bottom: 20px; padding: 24px 26px; border-radius: var(--radius); color: #fff; background: linear-gradient(120deg, #1a2943, #243d66); box-shadow: var(--shadow); }
.profile-main, .profile-actions { display: flex; align-items: center; gap: 16px; }.profile-main h2 { margin: 6px 0 3px; }.profile-main a { color: #adc4ff; font-size: 12px; }.profile-hero .button.secondary { color: #fff; border-color: rgba(255,255,255,.25); background: rgba(255,255,255,.08); }
.mini-stats { display: grid; grid-template-columns: repeat(4, 1fr); margin-bottom: 22px; border: 1px solid var(--line); border-radius: var(--radius); background: #fff; box-shadow: var(--shadow); }
.mini-stats > div { padding: 20px 24px; border-right: 1px solid var(--line); }.mini-stats > div:last-child { border: 0; }.mini-stats small, .mini-stats strong { display: block; }.mini-stats small { margin-bottom: 7px; color: var(--muted); font-size: 10px; text-transform: uppercase; }.mini-stats strong { font: 700 17px Manrope, sans-serif; }
.tool-stack { display: grid; align-content: start; gap: 16px; }.tool-card, .danger-zone { padding: 21px; }.tool-card p, .danger-zone p { font-size: 12px; }.tool-icon { display: grid; width: 42px; height: 42px; margin-bottom: 15px; place-items: center; border-radius: 12px; font-size: 19px; }.tool-icon.blue { color: var(--blue); background: #eaf0ff; }.tool-icon.purple { color: var(--purple); background: #efedff; }.file-input { width: 100%; margin: 5px 0 12px; color: var(--muted); font-size: 11px; }

.narrow-page { max-width: 920px; margin: 0 auto; }.form-card { padding: 26px; }.section-title { display: flex; align-items: flex-start; gap: 12px; margin: 4px 0 20px; padding-top: 20px; border-top: 1px solid var(--line); }.section-title:first-child { padding-top: 0; border: 0; }.section-title > span { display: grid; width: 30px; height: 30px; place-items: center; border-radius: 9px; color: var(--blue); background: #eaf0ff; font-size: 10px; font-weight: 800; }.section-title h3, .section-title p { margin-bottom: 0; }.section-title p { margin-top: 3px; font-size: 11px; }
.form-grid { display: grid; gap: 17px; margin-bottom: 28px; }.form-grid.two { grid-template-columns: repeat(2, 1fr); }.field.full { grid-column: 1 / -1; }.field label, .field-label { display: block; margin-bottom: 7px; color: #3f4b60; font-size: 11px; font-weight: 700; }.field label span { color: #9aa3b2; font-weight: 500; }.form-control { width: 100%; min-height: 44px; padding: 10px 12px; border: 1px solid #dce2ea; border-radius: 10px; outline: none; color: var(--ink); background: #fff; transition: .18s ease; }.form-control:focus { border-color: #7d9df4; box-shadow: 0 0 0 3px rgba(56,103,237,.1); }.form-control::placeholder { color: #a8b0bd; }textarea.form-control { resize: vertical; }.field-help { display: block; margin-top: 6px; color: var(--muted); font-size: 10px; }.check-field { display: flex; align-items: end; padding-bottom: 12px; }.check-row { display: flex !important; align-items: center; gap: 8px; color: #58657a !important; font-size: 11px !important; }.check-row input { accent-color: var(--blue); }.form-actions { display: flex; align-items: center; justify-content: flex-end; gap: 9px; padding-top: 20px; border-top: 1px solid var(--line); }
.filter-bar { display: grid; grid-template-columns: 1.4fr 1fr 1fr auto auto; align-items: center; gap: 10px; margin-bottom: 18px; padding: 13px; }.compact-filter { grid-template-columns: 250px auto; justify-content: start; }
.selection-bar { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 16px 18px; border-bottom: 1px solid var(--line); background: #f8faff; }.selection-bar strong, .selection-bar small { display: block; }.selection-bar small { margin-top: 3px; color: var(--muted); }
.empty-state { padding: 45px 20px; text-align: center; }.empty-state > span { display: block; margin-bottom: 8px; color: #9ca8ba; font-size: 25px; }.empty-state strong { display: block; }.empty-state p { margin: 5px 0 0; font-size: 12px; }

.assessment-grid { display: grid; grid-template-columns: minmax(0, 1.55fr) minmax(300px, .65fr); gap: 20px; }.review-detail, .risk-panel { padding: 25px; }.review-meta { display: flex; align-items: center; gap: 12px; }.review-meta > .stars { margin-left: auto; }.review-meta h3, .review-meta p { margin-bottom: 0; }.review-meta p { margin-top: 4px; font-size: 11px; }.review-detail blockquote { margin: 24px 0; padding: 20px; border-left: 3px solid var(--blue); border-radius: 0 12px 12px 0; color: #39465b; background: #f7f9fc; font-size: 15px; line-height: 1.65; }.link-row { display: flex; gap: 16px; }.link-row a { color: var(--blue); font-size: 11px; font-weight: 700; }
.risk-score { display: flex; align-items: center; gap: 14px; }.score-ring { --score: 0; display: grid; width: 86px; height: 86px; flex: 0 0 86px; place-items: center; border-radius: 50%; background: conic-gradient(var(--purple) calc(var(--score) * 1%), #e8ebf1 0); }.score-ring::before { position: absolute; width: 68px; height: 68px; border-radius: 50%; content: ""; background: #fff; }.score-ring span { position: relative; z-index: 1; }.score-ring strong { font: 800 21px Manrope, sans-serif; }.score-ring small { color: var(--muted); }.risk-score h3 { margin-bottom: 0; }.signal-list { display: grid; gap: 10px; margin: 22px 0; padding: 0; list-style: none; }.signal-list li { display: flex; gap: 9px; padding: 10px; border-radius: 9px; color: #59677b; background: #f7f8fb; font-size: 11px; line-height: 1.45; }.signal-list span { color: var(--purple); font-weight: 800; }.decision-card { display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 16px; margin-top: 20px; padding: 22px; }.decision-card h3, .decision-card p { margin-bottom: 0; }.decision-card p { margin-top: 4px; font-size: 12px; }.decision-icon { display: grid; width: 44px; height: 44px; place-items: center; border-radius: 12px; color: var(--purple); background: #efedff; font-size: 20px; }.danger-row { margin-top: 20px; text-align: right; }
.review-summary { display: grid; grid-template-columns: auto 1fr auto; align-items: start; gap: 14px; margin-bottom: 18px; padding: 20px; }.review-summary h3, .review-summary p { margin-bottom: 0; }.review-summary .eyebrow { margin-bottom: 3px; }.review-summary div p:last-child { margin-top: 8px; }.consent-box { display: flex; align-items: flex-start; gap: 11px; margin: 20px 0; padding: 15px; border: 1px solid #dce4f6; border-radius: 12px; background: #f7f9ff; }.consent-box input { margin-top: 3px; accent-color: var(--blue); }.consent-box strong, .consent-box small { display: block; }.consent-box small { margin-top: 4px; color: var(--muted); }
.batch-header { margin-bottom: 18px; }.batch-header .form-grid { margin-bottom: 0; }.bulk-case-list { display: grid; gap: 18px; }.bulk-case-card { display: grid; grid-template-columns: minmax(0, .8fr) minmax(360px, 1.2fr); overflow: hidden; }.bulk-case-review, .bulk-case-evidence { padding: 24px; }.bulk-case-review { border-right: 1px solid var(--line); background: #fafbfe; }.review-meta.compact { margin: 18px 0; }.bulk-case-review blockquote { margin: 0 0 16px; color: #435168; line-height: 1.6; }.bulk-case-evidence { display: grid; gap: 17px; }.field-error { display: block; margin-top: 5px; color: var(--red); font-size: 11px; }.sticky-actions { position: sticky; bottom: 16px; z-index: 5; display: flex; align-items: center; justify-content: flex-end; gap: 18px; margin-top: 20px; padding: 15px 18px; border: 1px solid #dce3f0; border-radius: 14px; background: rgba(255,255,255,.95); box-shadow: 0 16px 40px rgba(20,34,56,.16); backdrop-filter: blur(10px); }.sticky-actions span { color: var(--muted); font-size: 11px; }
.bulk-case-evidence.case-excluded { opacity: .45; background: #f3f4f7; }
.batch-strip { display: grid; grid-template-columns: repeat(2, 1fr); gap: 14px; margin-bottom: 18px; }.batch-card { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 18px; }.batch-card h3 { margin: 8px 0 2px; }.batch-card p { margin: 0; font-size: 10px; }.batch-counts { display: flex; gap: 16px; }.batch-counts span, .batch-counts strong { display: block; text-align: center; }.batch-counts span { color: var(--muted); font-size: 9px; }.batch-counts strong { margin-bottom: 3px; color: var(--ink); font-size: 16px; }
.activity-card { margin-top: 20px; overflow: hidden; }.activity-list { display: grid; padding: 8px 24px 18px; }.activity-list > div { display: flex; gap: 12px; padding: 14px 0; border-bottom: 1px solid var(--line); }.activity-list > div:last-child { border: 0; }.activity-list > div > span { width: 9px; height: 9px; flex: 0 0 9px; margin-top: 4px; border-radius: 50%; background: var(--blue); }.activity-list strong, .activity-list small { display: block; }.activity-list strong { font-size: 12px; }.activity-list small { margin-top: 4px; color: var(--muted); font-size: 10px; }.activity-list > p { margin: 12px 0 0; }.settings-form { display: flex; align-items: flex-end; gap: 12px; padding-top: 20px; }.settings-form .field { flex: 1; }.metadata { max-width: 520px; word-break: break-word; }
.case-layout { display: grid; grid-template-columns: minmax(0, 1.5fr) minmax(300px, .6fr); gap: 20px; }.report-draft-card { overflow: hidden; }.report-draft-card pre { margin: 0; padding: 25px; white-space: pre-wrap; color: #3f4c60; font: 13px/1.7 "DM Sans", sans-serif; }.evidence-box { margin: 0 24px 24px; padding: 16px; border: 1px solid #e0e5ed; border-radius: 12px; background: #f8f9fb; }.evidence-box p { margin: 6px 0 0; }.report-actions { display: flex; justify-content: flex-end; gap: 9px; padding: 18px 24px; border-top: 1px solid var(--line); }.case-status-card { padding: 23px; }.case-status-card > p { font-size: 12px; }.timeline { display: grid; gap: 0; margin-top: 24px; }.timeline > div { position: relative; display: flex; gap: 12px; padding-bottom: 22px; }.timeline > div:not(:last-child)::before { position: absolute; top: 13px; bottom: -1px; left: 5px; width: 2px; content: ""; background: #e2e6ed; }.timeline > div > span { position: relative; z-index: 1; width: 12px; height: 12px; flex: 0 0 12px; margin-top: 2px; border: 3px solid #c9d0db; border-radius: 50%; background: #fff; }.timeline > div.done > span { border-color: var(--green); background: var(--green); }.timeline strong, .timeline small { display: block; }.timeline strong { font-size: 11px; }.timeline small { margin-top: 3px; color: var(--muted); font-size: 9px; }

.calculator-layout { display: grid; grid-template-columns: minmax(0, .9fr) minmax(320px, .7fr); gap: 24px; max-width: 1000px; margin: 30px auto; }.calculator-card { padding: 30px; }.calculator-card > p { margin-bottom: 25px; }.big-input { min-height: 52px; font-size: 17px; font-weight: 700; }.calculator-result { display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 40px; border-radius: var(--radius); color: #fff; background: linear-gradient(145deg, #192941, #304e7d); text-align: center; box-shadow: var(--shadow); }.calculator-result p { color: #b9c7dc; }.result-orb { display: grid; width: 150px; height: 150px; margin-bottom: 24px; place-content: center; border: 1px solid rgba(255,255,255,.22); border-radius: 50%; background: rgba(255,255,255,.07); box-shadow: inset 0 0 0 12px rgba(255,255,255,.035); }.result-orb span, .result-orb small { display: block; color: #b9c7dc; font-size: 11px; }.result-orb strong { display: block; margin: 2px 0; font: 800 39px Manrope, sans-serif; }.settings-layout { display: grid; gap: 20px; max-width: 1000px; margin: 0 auto; }.connection-card { display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 20px; padding: 28px; }.google-mark { display: grid; width: 60px; height: 60px; place-items: center; border: 1px solid var(--line); border-radius: 17px; color: #4285f4; background: #fff; box-shadow: var(--shadow); font: 800 26px Manrope, sans-serif; }.connection-copy h2 { margin: 8px 0 4px; }.connection-copy p { margin: 0; }.setup-guide { overflow: hidden; }.numbered-steps { display: grid; gap: 0; margin: 0; padding: 6px 24px 20px; list-style: none; }.numbered-steps li { display: flex; gap: 14px; padding: 16px 0; border-bottom: 1px solid var(--line); }.numbered-steps li:last-child { border: 0; }.numbered-steps li > span { display: grid; width: 31px; height: 31px; flex: 0 0 31px; place-items: center; border-radius: 10px; color: var(--blue); background: #eaf0ff; font-weight: 800; }.numbered-steps strong { display: block; }.numbered-steps p { margin: 3px 0 0; font-size: 12px; }.numbered-steps code { padding: 2px 5px; border-radius: 4px; background: #eef1f5; font-size: 10px; word-break: break-all; }

.alert { display: flex; align-items: center; gap: 10px; margin-bottom: 18px; padding: 13px 15px; border: 1px solid; border-radius: 12px; }.alert > span { display: grid; width: 26px; height: 26px; place-items: center; border-radius: 8px; font-weight: 800; }.alert button { margin-left: auto; border: 0; background: transparent; cursor: pointer; font-size: 20px; }.alert.success { color: #0d7148; border-color: #bee7d4; background: #effaf5; }.alert.success > span { background: #d5f3e5; }.alert.danger { color: #a82d46; border-color: #f3c5ce; background: #fff3f5; }.alert.danger > span { background: #fbe0e5; }.alert.compact { margin: 18px 0; }
.guest-body { min-height: 100vh; background: #fff; }.login-layout { display: grid; min-height: 100vh; grid-template-columns: minmax(420px, 1.1fr) minmax(430px, .9fr); }.login-story { position: relative; display: flex; overflow: hidden; flex-direction: column; padding: 42px 54px; color: #fff; background: radial-gradient(circle at 80% 20%, rgba(106,91,252,.35), transparent 30%), linear-gradient(145deg, #111a2e, #20395f); }.login-story::after { position: absolute; right: -90px; bottom: -120px; width: 440px; height: 440px; border: 1px solid rgba(255,255,255,.08); border-radius: 50%; content: ""; box-shadow: 0 0 0 55px rgba(255,255,255,.025), 0 0 0 110px rgba(255,255,255,.018); }.login-brand { display: flex; align-items: center; gap: 12px; font: 700 18px Manrope, sans-serif; }.story-content { position: relative; z-index: 1; max-width: 650px; margin: auto 0; }.story-label { display: inline-flex; margin-bottom: 22px; padding: 6px 10px; border: 1px solid rgba(255,255,255,.14); border-radius: 999px; color: #bfcaff; background: rgba(255,255,255,.05); font-size: 10px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; }.story-content h1 { max-width: 630px; margin-bottom: 20px; font-size: clamp(34px, 4vw, 56px); line-height: 1.08; }.story-content > p { max-width: 580px; color: #b4c0d2; font-size: 16px; }.story-metrics { display: flex; gap: 50px; margin-top: 40px; }.story-metrics strong, .story-metrics span { display: block; }.story-metrics strong { font: 800 25px Manrope, sans-serif; }.story-metrics span { margin-top: 3px; color: #8998b0; font-size: 10px; text-transform: uppercase; }.story-foot { position: relative; z-index: 1; margin: 0; color: #7687a3; font-size: 11px; }.login-form-panel { display: grid; place-items: center; padding: 40px; }.login-card { width: 100%; max-width: 410px; }.login-card h2 { margin-bottom: 5px; font-size: 31px; }.login-card > .muted { margin-bottom: 28px; }.login-card .field-label { margin-top: 17px; }.password-wrap { position: relative; }.password-wrap input { padding-right: 60px; }.password-wrap button { position: absolute; top: 0; right: 8px; height: 100%; border: 0; color: var(--blue); background: transparent; cursor: pointer; font-size: 11px; font-weight: 700; }.login-card .check-row { margin: 17px 0 23px; }

.pagination { display: flex; justify-content: flex-end; gap: 5px; margin: 18px; }.pagination svg { width: 18px; }.pagination a, .pagination span { display: inline-flex; min-width: 34px; height: 34px; align-items: center; justify-content: center; padding: 0 8px; border: 1px solid var(--line); border-radius: 8px; background: #fff; }

@media (max-width: 1120px) {
    .stats-grid { grid-template-columns: repeat(2, 1fr); }.business-grid { grid-template-columns: repeat(2, 1fr); }.dashboard-grid, .assessment-grid, .case-layout, .bulk-case-card { grid-template-columns: 1fr; }.bulk-case-review { border-right: 0; border-bottom: 1px solid var(--line); }.tool-stack { grid-template-columns: repeat(3, 1fr); }.login-story { padding: 36px; }.story-content h1 { font-size: 38px; }
}
@media (max-width: 780px) {
    .sidebar { transform: translateX(-100%); transition: transform .2s ease; }.sidebar.open { transform: translateX(0); }.main-panel { width: 100%; margin-left: 0; }.menu-button { display: block; }.topbar { height: 78px; padding: 0 18px; }.topbar .eyebrow, .user-chip div { display: none; }.content-wrap { padding: 24px 16px 40px; }.page-actions { align-items: flex-start; }.stats-grid, .business-grid, .mini-stats, .calculator-layout, .login-layout, .batch-strip { grid-template-columns: 1fr; }.business-grid { gap: 14px; }.mini-stats > div { border-right: 0; border-bottom: 1px solid var(--line); }.profile-hero, .profile-actions, .page-actions, .selection-bar, .batch-card, .settings-form { flex-wrap: wrap; }.profile-actions { width: 100%; }.profile-actions .button { flex: 1; }.tool-stack { grid-template-columns: 1fr; }.filter-bar { grid-template-columns: 1fr; }.form-grid.two { grid-template-columns: 1fr; }.field.full { grid-column: auto; }.decision-card, .connection-card { grid-template-columns: 1fr; }.review-summary { grid-template-columns: auto 1fr; }.review-summary > .stars { grid-column: 2; }.report-actions { flex-direction: column; }.login-story { min-height: 440px; padding: 28px; }.story-content h1 { font-size: 34px; }.story-metrics { gap: 28px; }.login-form-panel { padding: 50px 24px; }
}
@media (max-width: 520px) {
    .stats-grid { grid-template-columns: 1fr; }.user-chip > span { width: 34px; height: 34px; }.page-actions > .button { width: 100%; }.notice-card { align-items: flex-start; flex-wrap: wrap; }.notice-card > a { margin-left: 49px; }.review-meta { flex-wrap: wrap; }.review-meta > .stars { width: 100%; margin-left: 60px; }.calculator-result { padding: 30px 20px; }
}