@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap');

:root { --ink:#14211e; --muted:#6a7773; --line:#dce5e1; --paper:#fbfdfc; --card:#ffffff; --green:#0b6e4f; --mint:#d9f4e8; --gold:#d9911c; --red:#b94e50; }
* { box-sizing:border-box; }
body { margin:0; color:var(--ink); background:linear-gradient(135deg,#edf6f0 0%,#f9faf6 48%,#f7f1e7 100%); font-family:Manrope,system-ui,sans-serif; min-height:100vh; }
.shell { width:min(1440px,calc(100% - 48px)); margin:0 auto; padding:54px 0 72px; }
.hero { display:flex; justify-content:space-between; align-items:flex-start; gap:32px; margin-bottom:34px; }
.eyebrow { color:var(--green); font:500 11px/1.2 'DM Mono',monospace; letter-spacing:.13em; margin:0 0 11px; }
h1,h2,p { margin-top:0; } h1 { letter-spacing:-.055em; font-size:clamp(34px,4.5vw,59px); line-height:1.02; margin-bottom:14px; } h2 { font-size:22px; letter-spacing:-.04em; margin:0; } .subtitle { max-width:670px; color:var(--muted); font-size:16px; line-height:1.7; margin:0; }
.connection { background:rgba(255,255,255,.7); border:1px solid var(--line); border-radius:999px; padding:10px 14px; white-space:nowrap; font-size:13px; color:var(--muted); box-shadow:0 6px 18px rgba(18,44,34,.04); }
#connection-dot { display:inline-block; width:8px; height:8px; margin-right:8px; background:#a3aca9; border-radius:50%; } #connection-dot.online { background:#25a471; box-shadow:0 0 0 4px #d9f4e8; } #connection-dot.offline { background:#d9911c; box-shadow:0 0 0 4px #fff0d3; }
.filter-card { display:grid; grid-template-columns:2fr 1fr 1fr auto; gap:14px; align-items:end; padding:19px; background:rgba(255,255,255,.9); border:1px solid var(--line); border-radius:18px; box-shadow:0 14px 35px rgba(29,62,48,.07); }
.field { min-width:0; } label { display:block; font:500 11px/1.2 'DM Mono',monospace; color:var(--muted); margin:0 0 7px; } input,select { height:44px; width:100%; padding:0 12px; color:var(--ink); background:#fbfdfc; border:1px solid #cfdad5; border-radius:9px; font:500 14px Manrope,sans-serif; outline:none; } input:focus,select:focus { border-color:var(--green); box-shadow:0 0 0 3px #d9f4e8; } button { height:44px; padding:0 18px; border:0; border-radius:9px; cursor:pointer; background:var(--green); color:white; font:700 13px Manrope,sans-serif; white-space:nowrap; } button:hover { background:#07573e; } button:disabled { opacity:.6; cursor:wait; }
.metrics { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; margin:25px 0; }.metrics article { min-height:126px; padding:20px; border:1px solid var(--line); border-radius:15px; background:rgba(255,255,255,.72); }.metrics span,.metrics small { display:block; color:var(--muted); font-size:12px; }.metrics strong { display:block; margin:9px 0 4px; font-size:32px; letter-spacing:-.06em; }.metrics small { line-height:1.5; }
.app-tabs { display:flex; gap:8px; margin:0 0 18px; }.app-tab { height:38px; color:#587068; background:rgba(255,255,255,.66); border:1px solid var(--line); }.app-tab.active { color:white; background:var(--green); border-color:var(--green); }.page-hidden { display:none!important; }
.quality-section,.lead-section,.profile-section,.workflow-section,.trade-section { background:var(--card); border:1px solid var(--line); border-radius:18px; overflow:hidden; box-shadow:0 14px 36px rgba(29,62,48,.06); }.profile-section,.workflow-section,.trade-section { margin-top:24px; }.section-heading { display:flex; justify-content:space-between; gap:24px; padding:25px 25px 17px; align-items:flex-end; }.section-heading>p { color:var(--muted); font-size:12px; line-height:1.6; max-width:330px; text-align:right; margin-bottom:0; }.dashboard-actions { display:flex; align-items:center; gap:12px; }.dashboard-actions span { color:var(--muted); font-size:11px; }.status,.recommendation-note { margin:0 25px 17px; padding:10px 12px; border-radius:8px; color:#416154; background:#f1f8f4; font-size:12px; }.recommendation-note { border-left:3px solid #91cbb1; background:#f7faf8; }.quality-summary { display:grid; grid-template-columns:repeat(6,1fr); border-top:1px solid var(--line); border-bottom:1px solid var(--line); }.quality-summary article { min-height:86px; padding:16px 20px; border-right:1px solid var(--line); }.quality-summary article:last-child { border-right:0; }.quality-summary span { display:block; color:var(--muted); font-size:11px; }.quality-summary strong { display:block; margin-top:6px; font-size:24px; letter-spacing:-.06em; }.quality-rules { margin:14px 25px; padding:10px 12px; border-left:3px solid #91cbb1; color:#597068; background:#f7faf8; font-size:11px; line-height:1.7; }.table-wrap { overflow:auto; } table { width:100%; min-width:1420px; border-collapse:collapse; }.quality-table-wrap table { min-width:1080px; } th { padding:13px 25px; background:#f5f8f6; color:#70807a; text-align:left; font:500 10px/1.2 'DM Mono',monospace; letter-spacing:.08em; } td { padding:17px 25px; border-top:1px solid #e6ede9; vertical-align:top; font-size:12px; } td strong,td span,td small { display:block; } td strong { font-size:13px; } td span,td small { color:var(--muted); margin-top:4px; line-height:1.45; }.type-pill,.flag,.evidence-chip,.reason-chip { display:inline-block; width:auto; }.type-pill { color:#185a45; padding:5px 8px; border-radius:6px; background:#e4f4ed; font-size:11px; }.score-badge { width:48px; padding:7px 5px; color:#547168; background:#eef4f1; border-radius:8px; text-align:center; font-weight:800; font-size:15px; }.score-badge.high { color:#08704d; background:#d9f5e9; }.score-badge.medium { color:#9a6610; background:#fff0d5; }.score-badge small { margin:0; font-size:9px; color:inherit; }.evidence-chip,.reason-chip { margin:0 4px 4px 0; padding:4px 6px; border-radius:5px; color:#596a63; font-size:10px; }.evidence-chip { background:#f4f6f5; }.reason-chip { background:#eaf5ef; color:#27624b; }.reason-chip.verified { background:#d9f5e9; color:#08704d; }.flag { padding:5px 7px; border-radius:5px; font-size:10px; }.flag.success { background:#d9f4e8; color:#0b6e4f; }.flag.warning { background:#fff0d5; color:#8c5b0b; }.muted { color:#98a39f; }.empty { padding:42px; text-align:center; color:var(--muted); }.table-action { display:block; height:auto; width:100%; min-width:88px; margin:0 0 7px; padding:7px 9px; border:1px solid #cde4d9; border-radius:6px; color:var(--green); background:#f4fbf7; font-size:10px; }.table-action.draft-action { color:#7c591e; border-color:#f1dfb9; background:#fff9ed; }
.profile-card { padding:0 25px 24px; }.profile-head { display:flex; justify-content:space-between; align-items:flex-start; gap:18px; padding:18px 0; border-bottom:1px solid var(--line); }.profile-head h3 { margin:0 0 6px; font-size:20px; letter-spacing:-.03em; }.profile-head p,.profile-block p { margin:0; color:var(--muted); font-size:12px; line-height:1.65; }.profile-data,.profile-score-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:1px; margin-top:16px; border:1px solid var(--line); border-radius:10px; overflow:hidden; background:var(--line); }.profile-data>div,.profile-score-grid>div { min-height:70px; padding:13px; background:#fff; }.profile-data span,.profile-score-grid span { display:block; color:var(--muted); font-size:10px; }.profile-data strong,.profile-score-grid strong { display:block; margin-top:7px; font-size:12px; line-height:1.35; }.profile-score-grid { grid-template-columns:repeat(4,1fr); margin-top:10px; }.profile-score-grid>div { background:#f8fbf9; }.profile-block { padding:16px 0 0; }.profile-block h4 { margin:0 0 8px; font-size:12px; }.profile-trade-note .evidence-chip { margin-bottom:0; }.profile-actions { display:flex; flex-wrap:wrap; gap:9px; margin-top:20px; }.profile-actions button { height:38px; font-size:12px; }.secondary-button { color:#7c591e; background:#fff9ed; border:1px solid #f1dfb9; }.outline-button { color:var(--green); background:white; border:1px solid #91cbb1; }
.source-status-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:10px; padding:0 25px 17px; }.source-status-card { padding:13px; border:1px solid #ead9bd; border-radius:10px; background:#fffaf1; }.source-status-card.connected { border-color:#cde4d9; background:#f4fbf7; }.source-status-card strong,.source-status-card span { display:block; }.source-status-card strong { font-size:12px; }.source-status-card span { margin-top:5px; color:#8c5b0b; font-size:10px; font-weight:700; }.source-status-card.connected span { color:#08704d; }.source-status-card p { margin:7px 0 0; color:var(--muted); font-size:10px; line-height:1.55; }.trade-grid { display:grid; grid-template-columns:.8fr 1.2fr; gap:1px; background:var(--line); }.trade-grid.single-column { grid-template-columns:1fr; }.trade-card { min-height:330px; padding:23px 25px; background:white; }.trade-card h3 { margin:0; font-size:14px; }.trade-card>p { margin:9px 0 17px; color:var(--muted); font-size:12px; line-height:1.6; }.trade-form { display:grid; gap:10px; max-width:900px; }.trade-form label { margin:0; color:#587068; font-size:10px; }.trade-form input,.trade-form select,.trade-form textarea { margin-top:5px; }.trade-form textarea { width:100%; min-height:66px; padding:10px 12px; resize:vertical; color:var(--ink); border:1px solid #cfdad5; border-radius:9px; background:#fbfdfc; font:500 13px Manrope,sans-serif; outline:none; }.trade-form textarea:focus { border-color:var(--green); box-shadow:0 0 0 3px #d9f4e8; }.trade-form-row { display:grid; grid-template-columns:1fr 1fr; gap:10px; }.checkbox-label { display:flex; align-items:center; gap:7px; color:#416154!important; font:600 11px Manrope!important; }.checkbox-label input { width:15px; height:15px; margin:0; }.workflow-grid { display:grid; grid-template-columns:1fr 1fr; gap:1px; background:var(--line); }.workflow-card { min-height:230px; padding:23px 25px; background:white; }.card-title { display:flex; gap:10px; align-items:center; }.card-title span { display:grid; place-items:center; width:25px; height:25px; color:white; background:var(--green); border-radius:50%; font:500 10px 'DM Mono',monospace; }.card-title h3 { margin:0; font-size:14px; }.workflow-card>p { margin:10px 0 17px; color:var(--muted); font-size:12px; line-height:1.6; }.workflow-list { display:grid; gap:8px; }.workflow-item { padding:10px; border:1px solid #e3ebe7; border-radius:8px; background:#fbfdfc; font-size:11px; }.workflow-item strong,.workflow-item span { display:block; }.workflow-item span { margin-top:3px; color:var(--muted); }.workflow-item code { display:block; margin-top:7px; color:#416154; font:400 9px/1.5 'DM Mono',monospace; white-space:normal; }.workflow-item summary { cursor:pointer; list-style:none; }.workflow-item summary::-webkit-details-marker { display:none; }.workflow-item pre { overflow:auto; margin:10px 0 0; padding-top:10px; border-top:1px solid #e3ebe7; color:#41514b; white-space:pre-wrap; font:400 11px/1.6 Manrope,sans-serif; }.empty-mini { margin:0; color:#98a39f; font-size:12px; }
.inline-detail-row td { padding:0 25px 22px; background:#f7fbf8; }.inline-detail-card { padding:20px; border:1px solid #cde4d9; border-radius:12px; background:white; }.inline-detail-head { display:flex; align-items:flex-start; justify-content:space-between; gap:18px; padding-bottom:15px; border-bottom:1px solid var(--line); }.inline-detail-head h3 { margin:0 0 6px; font-size:19px; letter-spacing:-.03em; }.inline-detail-head p,.inline-info-grid p,.inline-trade-result p { margin:0; color:var(--muted); font-size:12px; line-height:1.6; }.inline-detail-grid,.inline-score-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:1px; margin-top:14px; overflow:hidden; border:1px solid var(--line); border-radius:9px; background:var(--line); }.inline-detail-grid>div,.inline-score-grid>div { min-height:65px; padding:12px; background:white; }.inline-score-grid>div { background:#f8fbf9; }.inline-detail-grid span,.inline-score-grid span { display:block; color:var(--muted); font-size:10px; }.inline-detail-grid strong,.inline-score-grid strong { display:block; margin-top:6px; font-size:12px; }.inline-info-grid { display:grid; grid-template-columns:1fr 1fr; gap:18px; padding:16px 0; }.inline-info-grid h4,.inline-trade-result strong { margin:0 0 8px; font-size:12px; }.inline-trade-result { padding:13px; border:1px solid #dce8e1; border-radius:9px; background:#f7faf8; }.inline-trade-result a { display:inline-block; margin-top:9px; color:var(--green); font-size:11px; font-weight:700; }.inline-actions { display:flex; flex-wrap:wrap; gap:8px; margin-top:14px; }.inline-actions button { height:38px; font-size:11px; }.secondary-button { color:#7c591e; background:#fff9ed; border:1px solid #f1dfb9; }.outline-button { color:var(--green); background:white; border:1px solid #91cbb1; }
.inline-attachment { margin-top:12px; padding:13px; border:1px solid #dce8e1; border-radius:9px; background:#fbfdfc; }.inline-attachment strong { display:block; font-size:12px; }.inline-attachment p { margin:6px 0 10px; color:var(--muted); font-size:11px; }.inline-attachment a { display:inline-block; }.inline-attachment img { display:block; width:min(320px,100%); max-height:220px; object-fit:contain; border:1px solid var(--line); border-radius:7px; background:white; }.attachment-gallery { display:flex; flex-wrap:wrap; gap:10px; }.attachment-gallery a { width:180px; color:var(--ink); font-size:11px; }.attachment-gallery img { width:180px; height:120px; }.attachment-gallery span { display:block; margin-top:4px; }
.recognized-trade-fields { padding:0 0 14px; }.recognized-trade-fields h4 { margin:0 0 8px; font-size:12px; }.recognized-trade-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:1px; overflow:hidden; border:1px solid var(--line); border-radius:9px; background:var(--line); }.recognized-trade-grid>div { min-height:62px; padding:11px; background:#fbfdfc; }.recognized-trade-grid span { display:block; color:var(--muted); font-size:10px; }.recognized-trade-grid strong { display:block; margin-top:6px; color:var(--ink); font-size:11px; line-height:1.45; overflow-wrap:anywhere; }
.inline-draft { margin-top:14px; overflow:hidden; padding:0; border:1px solid #b9cbe0; border-radius:10px; background:#f7faff; }.inline-draft summary { display:flex; justify-content:space-between; align-items:center; gap:12px; padding:13px 15px; cursor:pointer; list-style:none; color:#fff; background:#274c77; }.inline-draft summary::-webkit-details-marker { display:none; }.inline-draft summary strong,.inline-draft summary span { display:block; }.inline-draft summary strong { font-size:12px; }.inline-draft summary span { color:#dbe8f6; font-size:11px; }.draft-basis,.draft-editor,.draft-playbook { margin-left:14px; margin-right:14px; }.draft-basis { margin-top:13px; }.draft-editor { display:grid; gap:10px; margin-top:12px; }.draft-editor label { color:#274c77; font:700 10px/1.4 Manrope,sans-serif; }.draft-editor input,.draft-editor textarea { display:block; width:100%; margin-top:5px; padding:10px 11px; color:#172332; background:#fff; border:1px solid #c6d6e6; border-radius:7px; font:500 12px/1.6 Manrope,sans-serif; outline:none; }.draft-editor textarea { min-height:170px; resize:vertical; }.draft-editor input:focus,.draft-editor textarea:focus { border-color:#4d78a7; box-shadow:0 0 0 3px #e2edf8; }.draft-editor-actions { display:flex; flex-wrap:wrap; gap:8px; }.draft-editor-actions .table-action { width:auto; min-width:112px; margin:0; padding:8px 10px; }.draft-editor-actions .save-draft-action { color:#274c77; border-color:#a8c0d9; background:#edf4fb; }.draft-editor-actions .copy-draft-action { color:#fff; border-color:#274c77; background:#274c77; }.draft-playbook { margin-top:14px; margin-bottom:14px; }
.workflow-grid { display:grid; grid-template-columns:1fr 1fr; gap:1px; background:var(--line); }.workflow-card { min-height:230px; padding:23px 25px; background:white; }.card-title { display:flex; gap:10px; align-items:center; }.card-title span { display:grid; place-items:center; width:25px; height:25px; color:white; background:var(--green); border-radius:50%; font:500 10px 'DM Mono',monospace; }.card-title h3 { margin:0; font-size:14px; }.workflow-card>p { margin:10px 0 17px; color:var(--muted); font-size:12px; line-height:1.6; }.workflow-list { display:grid; gap:8px; }.workflow-item { padding:10px; border:1px solid #e3ebe7; border-radius:8px; background:#fbfdfc; font-size:11px; }.workflow-item strong,.workflow-item span { display:block; }.workflow-item span { margin-top:3px; color:var(--muted); }.workflow-item code { display:block; margin-top:7px; color:#416154; font:400 9px/1.5 'DM Mono',monospace; white-space:normal; }.workflow-item summary { cursor:pointer; list-style:none; }.workflow-item summary::-webkit-details-marker { display:none; }.workflow-item pre { overflow:auto; margin:10px 0 0; padding-top:10px; border-top:1px solid #e3ebe7; color:#41514b; white-space:pre-wrap; font:400 11px/1.6 Manrope,sans-serif; }.empty-mini { margin:0; color:#98a39f; font-size:12px; }
.eyebrow,.status,.recommendation-note,.type-pill,.reason-chip,.reason-chip.verified,.inline-trade-result a { color:var(--ink); }
.draft-basis { display:flex; flex-wrap:wrap; gap:7px; align-items:center; margin:12px 0; color:var(--ink); font-size:12px; }.draft-basis span { background:#edf5f1; border-radius:5px; padding:4px 7px; }
.draft-playbook { margin-top:12px; padding-top:12px; border-top:1px solid #eee1c8; color:var(--ink); font-size:12px; }.draft-playbook strong,.draft-playbook span { display:block; }.draft-playbook p { margin:6px 0 10px; }.draft-playbook blockquote { margin:6px 0 0; padding:8px 10px; border-left:3px solid #b9d8c7; background:#fff; color:var(--ink); line-height:1.55; }
.inline-note { margin-top:12px; padding:13px; border:1px solid #d7e1eb; border-radius:9px; background:#f7f9fc; }.inline-note strong,.inline-note span { display:block; }.inline-note strong { font-size:12px; }.inline-note p { margin:7px 0; color:var(--ink); font-size:12px; line-height:1.6; white-space:pre-wrap; }.inline-note span { color:var(--muted); font-size:10px; }
.contact-total { margin:4px 0 6px; color:var(--muted); font-size:10px; }.company-contacts { display:grid; gap:7px; margin-top:10px; }.company-contacts.compact { margin-top:6px; gap:5px; }.company-contact { padding:8px 9px; border:1px solid #dce5ed; border-radius:7px; background:#f8fafc; }.company-contacts.compact .company-contact { padding:5px 6px; }.company-contact strong,.company-contact span { display:block; }.company-contact strong { color:var(--ink); font-size:11px; line-height:1.35; }.company-contact span { margin-top:3px; color:var(--muted); font-size:10px; overflow-wrap:anywhere; }.inline-contacts { padding:15px 0 0; }.inline-contacts h4 { margin:0; font-size:12px; }
:root { --ink:#172332; --muted:#647283; --line:#d8e0e8; --paper:#fbfcfe; --card:#ffffff; --green:#274c77; --mint:#e7eff8; --gold:#b7791f; --red:#b94e50; }
body { background:linear-gradient(135deg,#f0f4f8 0%,#fbfcfe 52%,#f4f2ee 100%); }.connection { box-shadow:0 6px 18px rgba(22,40,63,.05); } #connection-dot.online { background:#3d70a6; box-shadow:0 0 0 4px #e4eef8; }
button:hover { background:#1c3b5f; } input:focus,select:focus,.trade-form textarea:focus { border-color:#4d78a7; box-shadow:0 0 0 3px #e6eff9; }.filter-card,.quality-section,.lead-section,.profile-section,.workflow-section,.trade-section { box-shadow:0 14px 36px rgba(22,40,63,.06); }
.app-tab { color:#536579; }.status { color:var(--ink); background:#edf3f9; }.recommendation-note,.quality-rules { border-left-color:#8caeca; background:#f5f8fc; color:var(--ink); } th { background:#f4f7fa; color:#617286; } td { border-top-color:#e1e7ed; }.type-pill { color:#274c77; background:#e7eff8; }.score-badge { color:#4c627a; background:#edf2f7; }.score-badge.high { color:#274c77; background:#e0ecf8; }.reason-chip { color:#345a82; background:#eaf1f8; }.reason-chip.verified { color:#274c77; background:#e0ecf8; }.flag.success { color:#274c77; background:#e3edf8; }.table-action { border-color:#bfd0e1; color:#274c77; background:#f4f8fc; }.outline-button { color:#274c77; border-color:#9eb8d2; }.inline-detail-row td { background:#f6f9fc; }.inline-detail-card,.inline-trade-result,.inline-attachment { border-color:#d7e1eb; }.inline-trade-result,.inline-score-grid>div { background:#f7f9fc; }.inline-trade-result a { color:#274c77; }.draft-basis span { background:#e9f0f8; }.draft-playbook blockquote { border-left-color:#9eb8d2; }.source-status-card.connected { border-color:#c4d5e6; background:#f4f8fc; }.source-status-card.connected span { color:#274c77; }
.focused-lead-row td { background:#fff8e8; border-top-color:#f0d9a4; }.focused-lead-row .company-contact { border-color:#efd9a8; background:#fffcf5; }.focused-lead-row .table-action.focus-action { color:#8a5a00; border-color:#e6c879; background:#fff4d8; }.focus-marker { display:inline-block; margin-left:8px; padding:3px 6px; border-radius:5px; color:#7a5000; background:#ffe4a3; font:700 9px/1.2 Manrope,sans-serif; letter-spacing:.03em; vertical-align:middle; }
.actions { width:118px; padding-left:14px; padding-right:14px; }.action-stack { display:grid; grid-template-columns:1fr; gap:6px; min-width:90px; }.action-stack .table-action { width:100%; min-width:0; margin:0; padding:7px 5px; white-space:normal; line-height:1.25; }
.company-contacts.compact .company-contact.email-only { padding:5px 6px; }.company-contact.email-only span { margin:0; color:var(--ink); line-height:1.35; }
.focus-source-pill { display:inline-block; width:auto; margin:6px 0 2px; padding:3px 6px; border-radius:5px; color:#274c77; background:#e7eff8; font:700 9px/1.2 Manrope,sans-serif; }.focus-source-pill.imported { color:#7a5000; background:#fff0c9; }
.focus-action-stack { display:grid; gap:6px; min-width:100px; }.focus-action-stack .table-action { width:100%; min-width:0; margin:0; }.focus-action-stack .focus-sent-action { color:#7a5000; border-color:#e7c979; background:#fff4d8; }
@media (max-width:900px) { .shell { width:min(100% - 28px,1440px); padding-top:28px; }.hero,.section-heading { display:block; }.connection { display:inline-block; margin-top:20px; }.filter-card { grid-template-columns:1fr 1fr; }.wide { grid-column:span 2; }.filter-card button { width:100%; }.metrics,.workflow-grid,.quality-summary,.trade-grid,.source-status-grid,.profile-data,.profile-score-grid,.inline-detail-grid,.inline-score-grid,.inline-info-grid,.recognized-trade-grid { grid-template-columns:1fr; }.quality-summary article { border-right:0; border-bottom:1px solid var(--line); }.section-heading>p { text-align:left; margin-top:12px; }.dashboard-actions { margin-top:14px; } }
@media (max-width:520px) { .filter-card { grid-template-columns:1fr; }.wide { grid-column:auto; } }

/* Global LeagueShipping data-platform shell */
:root { --ink:#18263a; --muted:#6d7f95; --line:#d9e2ec; --paper:#f2f6fb; --card:#ffffff; --green:#1e4f86; --mint:#e8f1fb; --gold:#bd8421; --red:#b94e50; }
body { background:#071a33; }
.app-layout { display:grid; grid-template-columns:258px minmax(0,1fr); min-height:100vh; background:linear-gradient(120deg,#071a33 0,#0b2648 31%,#eaf0f7 31%,#f5f8fc 100%); }
.sidebar { display:flex; position:sticky; top:0; flex-direction:column; height:100vh; padding:30px 18px 24px; color:#d8e7fb; background:linear-gradient(180deg,#07162d 0%,#0b2b51 100%); border-right:1px solid rgba(184,210,241,.15); }
.sidebar-brand { display:block; padding:3px 10px 28px; color:#f8fbff; }.sidebar-brand strong { display:block; font-size:14px; letter-spacing:-.03em; white-space:nowrap; }
.brand-mark { display:grid; width:35px; height:35px; place-items:center; border:1px solid #5f9ed8; border-radius:9px; background:#174879; color:#f8fbff; font:700 12px 'DM Mono',monospace; letter-spacing:-.08em; }
.sidebar-brand strong,.sidebar-brand span { display:block; }.sidebar-brand strong { font-size:16px; line-height:1.05; letter-spacing:-.04em; }.sidebar-brand div span { margin-top:2px; color:#9bbce1; font-size:11px; font-weight:600; letter-spacing:.03em; }
.sidebar-label { margin:4px 10px 10px; color:#7fa6d1; font:500 10px/1.2 'DM Mono',monospace; letter-spacing:.16em; }
.app-tabs { display:grid; gap:7px; margin:0; }
.app-tab { display:flex; align-items:center; width:100%; height:46px; gap:10px; padding:0 11px; border:1px solid transparent; border-radius:8px; color:#b9cde5; background:transparent; font-size:12px; text-align:left; }
.app-tab span { width:22px; color:#749ac6; font:500 9px 'DM Mono',monospace; }
.app-tab:hover { color:#fff; background:rgba(88,144,203,.14); }
.app-tab.active { color:#fff; background:#1d568e; border-color:#427db6; box-shadow:0 7px 17px rgba(0,0,0,.18); }
.app-tab.active span { color:#b9d8f7; }.sidebar-foot { margin-top:auto; padding:18px 10px 0; border-top:1px solid rgba(174,204,236,.13); color:#7398c2; font:500 9px/1.7 'DM Mono',monospace; letter-spacing:.08em; }.sidebar-foot strong,.sidebar-foot span,.sidebar-foot a { display:block; }.sidebar-foot strong { color:#dceafd; font:700 12px Manrope,sans-serif; letter-spacing:0; }.sidebar-foot span { margin-top:2px; }.sidebar-foot a { margin-top:9px; color:#8fb8e5; text-decoration:none; font-size:10px; }
.shell { width:min(1480px,calc(100% - 58px)); margin:0 auto; padding:39px 0 66px; }
.hero { margin-bottom:28px; }.hero h1 { color:#f8fbff; font-size:clamp(29px,3.2vw,45px); margin:0; }.eyebrow { color:#55a1e8; }.connection { color:#4e6680; background:rgba(255,255,255,.88); border-color:#ccdae8; }
.filter-card,.quality-section,.lead-section,.profile-section,.workflow-section,.trade-section { border-color:#d7e2ee; border-radius:13px; box-shadow:0 12px 34px rgba(21,48,82,.09); }.filter-card { background:#fff; }.filter-card button,.exhibition-filter-grid button { background:#1e4f86; }.filter-card button:hover,.exhibition-filter-grid button:hover { background:#143d6b; }
.metrics article,.quality-summary article,.exhibition-summary article { background:#fff; border-color:#d9e3ee; box-shadow:0 8px 20px rgba(27,58,91,.04); }.status { color:#32475e; background:#edf4fb; border-left:3px solid #4b83bb; }.quality-rules { border-left-color:#4b83bb; background:#f3f7fc; }
.exhibition-heading { align-items:flex-start; padding-bottom:12px; }
.exhibition-filter-grid { display:grid; grid-template-columns:minmax(280px,1.7fr) minmax(180px,1fr) minmax(200px,1fr) auto; gap:11px; padding:0 25px 18px; align-items:end; border-bottom:1px solid var(--line); }.exhibition-filter-grid .wide { min-width:210px; }.exhibition-filter-grid button { height:44px; }
.exhibition-claim-tools { display:flex; align-items:center; gap:9px; padding:13px 25px; border-bottom:1px solid var(--line); background:#f8fbff; }.exhibition-claim-tools button { height:34px; padding:0 13px; background:#1e4f86; font-size:11px; }.exhibition-claim-tools span { color:#657b93; font-size:11px; }
.exhibition-table { width:max-content; min-width:100%; table-layout:auto; }.exhibition-table th,.exhibition-table td { width:auto!important; white-space:nowrap; }.exhibition-table td { padding-top:15px; padding-bottom:15px; }.exhibition-table td strong { color:#1c314a; }.exhibition-table .select-column,.exhibition-table .exhibition-action { position:sticky; background:#fff; }.exhibition-table th.select-column,.exhibition-table th.exhibition-action { z-index:5; background:#edf3fa; }.exhibition-table td.select-column,.exhibition-table td.exhibition-action { z-index:3; }.select-column { left:0; min-width:34px; width:34px!important; padding-left:13px!important; padding-right:5px!important; text-align:center; }.select-column input { width:14px; height:14px; margin:0; accent-color:#1e4f86; }.exhibition-action { left:34px; min-width:42px; }.tracking-status { min-width:92px; width:92px!important; }.tracking-status span,.tracking-status small { display:block; }.tracking-status small { margin-top:3px; color:#75869a; font-size:9px; }.tracking-pending { color:#778899; font-size:10px; }.claim-one-action { display:inline; height:auto; padding:0; border:0; border-radius:0; color:#1e4f86; background:transparent; font-size:11px; font-weight:700; }.claim-one-action:hover { color:#0e3863; background:transparent; text-decoration:underline; }.tracking-owner { display:inline-block; color:#7a5a15; font-size:10px; font-weight:700; }
.user-create-form { display:grid; grid-template-columns:1fr 1fr 1fr 130px auto; gap:11px; padding:0 25px 18px; align-items:end; border-bottom:1px solid var(--line); }.user-create-form button { height:44px; background:#1e4f86; }.users-table { min-width:800px; }.user-actions { display:flex; gap:7px; }.user-actions button { height:28px; padding:0 9px; border:1px solid #b8cce0; border-radius:6px; color:#1e4f86; background:#f7fbff; font-size:10px; }.user-actions button:hover { background:#e7f1fb; }
.permission-modal { position:fixed; z-index:20; inset:0; display:grid; place-items:center; padding:24px; background:rgba(5,21,41,.55); }.permission-dialog { width:min(600px,100%); padding:24px; border-radius:12px; background:#fff; box-shadow:0 24px 70px rgba(0,0,0,.28); }.permission-dialog-head { display:flex; justify-content:space-between; gap:20px; align-items:flex-start; }.permission-dialog-head h3 { margin:0; font-size:20px; }.permission-dialog-head button { height:30px; padding:0 10px; color:#52708e; border:1px solid #c6d6e6; background:#f7fafc; font-size:10px; }.permission-grid { display:grid; gap:8px; margin-top:20px; }.permission-row { display:grid; grid-template-columns:1fr 100px 110px; align-items:center; gap:10px; padding:12px; border:1px solid #dce5ee; border-radius:8px; background:#fbfcfe; }.permission-row strong { font-size:12px; }.permission-row label { display:flex; align-items:center; gap:6px; margin:0; color:#526a82; font:500 11px Manrope,sans-serif; }.permission-row input { width:14px; height:14px; margin:0; accent-color:#1e4f86; }.permission-dialog-actions { display:flex; justify-content:flex-end; margin-top:18px; }.permission-dialog-actions button { height:38px; background:#1e4f86; font-size:11px; }
.login-body { display:grid; min-height:100vh; place-items:center; padding:24px; background:radial-gradient(circle at 30% 20%,#174573 0,#071a33 55%,#06142a 100%); }.login-card { width:min(440px,100%); padding:35px; border:1px solid rgba(194,218,243,.3); border-radius:14px; color:#18263a; background:#fff; box-shadow:0 24px 60px rgba(0,0,0,.25); }.login-card h1 { margin:0 0 10px; font-size:30px; }.login-card>p:not(.eyebrow) { color:#60748a; font-size:13px; line-height:1.6; }.login-form { display:grid; gap:13px; margin-top:24px; }.login-form label { color:#51677e; }.login-form button { margin-top:4px; background:#1e4f86; }.login-error { margin:16px 0; padding:10px 12px; color:#9a3c42; border-radius:7px; background:#fff0f0; font-size:12px; }
.pagination { display:flex; justify-content:flex-end; align-items:center; gap:10px; padding:15px 25px; border-top:1px solid var(--line); color:#536b85; font-size:12px; }.pagination-button { height:32px; padding:0 12px; color:#1e4f86; border:1px solid #b8cce0; background:#f7fbff; font-size:11px; }.pagination-button:hover { background:#e9f2fb; }.pagination-button:disabled { color:#9baaba; border-color:#dbe4ed; background:#f5f7fa; cursor:not-allowed; }
.tracking-summary { grid-template-columns:repeat(5,1fr); }.tracking-table { min-width:860px; }.tracking-table td:nth-child(3),.tracking-table td:nth-child(4),.tracking-table td:nth-child(5) { text-align:center; }
.user-create-form { grid-template-columns:repeat(5,minmax(120px,1fr)) auto; }.users-table { min-width:1080px; }.user-team-leader-select { width:150px; max-width:100%; height:31px; padding:0 8px; border-radius:6px; color:#38516d; border:1px solid #bfd0e1; background:#f8fbff; font-size:10px; }
.exhibition-filter-grid { grid-template-columns:minmax(260px,1.7fr) minmax(160px,1fr) minmax(180px,1fr) minmax(140px,.8fr) auto; }.trade-information-table { min-width:max-content; }
.trade-information-filter-grid { grid-template-columns:minmax(260px,1.55fr) minmax(145px,.8fr) minmax(155px,.85fr) minmax(130px,.7fr) minmax(185px,.9fr) auto; }.score-range-inputs { display:grid; grid-template-columns:minmax(0,1fr) 16px minmax(0,1fr); align-items:center; gap:6px; }.score-range-inputs input { min-width:0; }.score-range-inputs span { color:#6d7f95; font-size:11px; text-align:center; }
.trade-information-table .trade-company { min-width:180px; white-space:normal; }.trade-information-table .trade-company strong,.trade-information-table .trade-company small { display:block; }.trade-information-table .trade-company small { margin-top:4px; color:#6d7f95; font-size:10px; }.trade-company-contact { min-width:145px; color:var(--ink); font-size:12px; font-weight:400; line-height:1.5; white-space:normal!important; word-break:break-all; }.trade-company-phone-list { display:grid; gap:6px; }.trade-company-phone-list > div { color:var(--ink); font-size:12px; font-weight:400; line-height:1.5; word-break:break-all; }.hs-code-preview { position:relative; cursor:help; border-bottom:1px dotted #6d7f95; }.hs-code-preview::after { content:attr(data-tooltip); position:absolute; z-index:20; left:0; bottom:calc(100% + 8px); width:max-content; max-width:360px; padding:8px 10px; border-radius:7px; background:#14233b; color:#fff; font-size:12px; line-height:1.45; white-space:normal; box-shadow:0 8px 18px rgba(12,28,52,.2); opacity:0; pointer-events:none; transform:translateY(4px); transition:opacity .15s ease,transform .15s ease; }.hs-code-preview:hover::after { opacity:1; transform:translateY(0); }.exhibition-company-phone { min-width:125px; white-space:normal!important; word-break:break-all; }.trade-information-table .trade-information-contact { min-width:135px; padding-top:9px; padding-bottom:9px; white-space:normal; }.trade-information-table .trade-contact-email { min-width:225px; }.trade-contact-list { display:grid; gap:6px; }.trade-contact-card { display:block; color:var(--ink); background:transparent; font-size:12px; font-weight:400; line-height:1.5; word-break:break-all; }#trade-information-country,#trade-information-tracking,#trade-information-country option,#trade-information-tracking option { font-weight:400; }
.exhibition-table td { vertical-align:middle; }
.exhibition-action-stack { display:grid; gap:6px; min-width:82px; }.exhibition-action-stack .claim-one-action { display:block; text-align:left; }.exhibition-email-dialog { width:min(760px,100%); max-height:calc(100vh - 48px); overflow:auto; }.exhibition-email-modal-content { display:grid; gap:12px; margin-top:20px; }.exhibition-email-copy { padding:16px 17px; border:1px solid #d8e3ee; border-radius:9px; background:#fbfdff; }.exhibition-email-copy h4 { margin:0 0 8px; color:#315d8c; font:700 10px/1.2 'DM Mono',monospace; letter-spacing:.08em; }.exhibition-email-copy strong { display:block; color:#18263a; font-size:13px; line-height:1.5; }.exhibition-email-copy p { margin:10px 0 0; color:#40566e; font-size:13px; line-height:1.75; white-space:normal; }.exhibition-email-modal-actions { display:flex; flex-wrap:wrap; justify-content:flex-end; gap:8px; margin-top:18px; }.exhibition-email-modal-actions button { height:38px; font-size:11px; }.exhibition-email-modal-actions .outline-button { border:1px solid #9eb8d2; background:#f7fbff; }
th { background:#edf3fa; color:#526a85; } td { border-top-color:#e1e8f0; }.score-badge.high { color:#174f86; background:#e3effb; }.reason-chip { color:#285c8e; background:#e8f1fb; }.flag.success { color:#22603f; background:#e5f4eb; }.flag.warning { color:#955f07; background:#fff1d6; }
@media (max-width:1180px) { .exhibition-filter-grid,.user-create-form { grid-template-columns:repeat(3,1fr); }.exhibition-filter-grid .wide { grid-column:span 2; }.exhibition-filter-grid button,.user-create-form button { width:100%; } }
@media (max-width:900px) { .app-layout { display:block; background:#f2f6fb; }.sidebar { position:relative; height:auto; min-height:0; padding:16px; }.sidebar-brand { padding:0 5px 13px; }.sidebar-label,.sidebar-foot { display:none; }.app-tabs { display:flex; overflow:auto; }.app-tab { width:auto; min-width:max-content; height:39px; }.shell { width:min(100% - 28px,1480px); padding-top:26px; }.exhibition-heading > p { text-align:left; }.exhibition-filter-grid { grid-template-columns:1fr 1fr; padding:0 16px 16px; }.exhibition-filter-grid .wide { grid-column:span 2; } }
@media (max-width:520px) { .exhibition-filter-grid { grid-template-columns:1fr; }.exhibition-filter-grid .wide { grid-column:auto; } }