:root{--navy:#102a43;--navy-2:#173f62;--gold:#d6a623;--gold-soft:#fff7dd;--ink:#172b3a;--muted:#6c7b88;--line:#dfe6ec;--panel:#fff;--bg:#f4f6f8;--shadow:0 8px 24px rgba(16,42,67,.07);--radius:16px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:"Cairo",Arial,sans-serif;font-size:14px}.container{width:min(1440px,calc(100% - 48px));margin:auto}.hero{background:var(--navy);color:#fff;border-bottom:5px solid var(--gold);padding:30px 0}.hero-inner{display:flex;align-items:center;justify-content:space-between;gap:24px}.eyebrow,.section-kicker{color:var(--gold);font-size:12px;font-weight:800;letter-spacing:.06em}.hero h1{margin:4px 0 3px;font-size:30px;line-height:1.35}.hero h1 span{color:var(--gold)}.hero p{margin:0;color:#cbd6df}.report-period{display:flex;flex-direction:column;min-width:170px;padding:13px 18px;border:1px solid rgba(255,255,255,.18);border-radius:12px;background:rgba(255,255,255,.06)}.report-period small{color:#bcc9d4}.report-period strong{font-size:17px}main{padding:24px 0 54px}.filter-panel,.chart-card,.table-card,.contract-lookup{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.filter-panel{padding:19px 22px;margin-bottom:20px}.section-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:16px}.section-heading.compact{align-items:center;margin-bottom:13px}.section-heading h2,.card-title h2{font-size:19px;margin:2px 0 0;color:var(--navy)}.section-heading p{margin:4px 0 0;color:var(--muted)}.filter-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.filter-grid label,.table-search{font-weight:700;color:var(--navy);font-size:12px}select,input{display:block;width:100%;font:inherit;color:var(--ink);background:#fff;border:1px solid #cfd9e1;border-radius:9px;padding:10px 12px;margin-top:5px;outline:none}select:focus,input:focus{border-color:var(--gold);box-shadow:0 0 0 3px rgba(214,166,35,.13)}button{font-family:inherit;cursor:pointer}.btn-secondary,.btn-primary,.pagination button{border-radius:9px;padding:9px 15px;font-weight:700}.btn-secondary{color:var(--navy);background:#fff;border:1px solid #c9d4dc}.btn-primary{color:#fff;background:var(--navy);border:1px solid var(--navy)}.filter-summary{margin-top:12px;color:var(--muted);font-size:12px}.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:28px}.kpi-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:17px 18px;box-shadow:var(--shadow);position:relative;overflow:hidden;min-height:120px}.kpi-card:before{content:"";position:absolute;right:0;top:0;width:4px;height:100%;background:var(--gold)}.kpi-card .label{color:var(--muted);font-size:12px;font-weight:700;min-height:39px}.kpi-card .value{font-size:27px;font-weight:800;color:var(--navy);line-height:1.25;margin-top:5px}.kpi-card .value.text{font-size:17px}.kpi-card .note{font-size:11px;color:#8a98a4;margin-top:3px}.section-block{margin-top:29px}.chart-card{padding:19px 20px}.chart-wide{padding:20px}.chart-wrap{position:relative;height:360px}.chart-wrap.tall{height:430px}.two-column{display:grid;grid-template-columns:1.35fr .65fr;gap:16px}.card-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.card-title h2{font-size:17px}.card-title span{font-size:11px;color:var(--muted);background:#f3f5f7;border-radius:20px;padding:4px 9px}.cross-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:14px}.mini-kpi{background:#fff;border:1px solid var(--line);border-radius:12px;padding:14px}.mini-kpi strong{font-size:23px;color:var(--navy);display:block}.mini-kpi span{font-size:12px;color:var(--muted)}.table-card{overflow:hidden}.table-toolbar{padding:15px 18px;display:flex;align-items:end;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line)}.table-toolbar>span{color:var(--muted);font-size:12px}.table-search{width:min(380px,100%)}.table-scroll{overflow:auto}table{width:100%;border-collapse:collapse;min-width:900px}th,td{text-align:right;padding:12px 14px;border-bottom:1px solid #e9eef2;vertical-align:top}th{background:#f7f9fa;color:var(--navy);font-size:12px;white-space:nowrap}th[data-sort]{cursor:pointer}tbody tr:hover{background:#fbfcfd}td{font-size:12px}.contract-code{font-family:Consolas,monospace;direction:ltr;text-align:left;display:inline-block;font-weight:700;color:var(--navy)}.source-pill,.status-badge{display:inline-block;border-radius:20px;padding:3px 9px;font-size:11px;font-weight:700;white-space:nowrap}.source-Tickets{background:#e8f0f7;color:#1f547d}.source-Survey{background:var(--gold-soft);color:#765600}.source-Google-Maps{background:#edf4ef;color:#346244}.status-same{background:#fff1c2;color:#745400;border:1px solid #efd67a}.status-different{background:#eef2f5;color:#50616f}.empty-state{padding:30px;text-align:center;color:var(--muted)}.contract-lookup{padding:20px}.lookup-controls{display:flex;gap:10px;max-width:600px}.lookup-controls input{margin:0}.lookup-result{margin-top:16px}.muted{color:var(--muted)}.lookup-header{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:12px}.lookup-header strong{font-size:18px}.record-list{display:grid;gap:9px}.record-item{border:1px solid var(--line);border-radius:10px;padding:12px 14px}.record-meta{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:6px}.record-item p{margin:0;color:#3d4c58;white-space:pre-line}.details-table td:nth-child(4){min-width:380px;max-width:650px;white-space:pre-line}.pagination{display:flex;align-items:center;justify-content:center;gap:14px;padding:14px}.pagination button{border:1px solid #ccd6de;background:#fff;color:var(--navy)}.pagination button:disabled{opacity:.4;cursor:not-allowed}footer{background:var(--navy);color:#c9d4dc;padding:18px 0;font-size:12px}@media(max-width:1050px){.kpi-grid{grid-template-columns:repeat(2,1fr)}.cross-kpis{grid-template-columns:repeat(2,1fr)}.filter-grid{grid-template-columns:repeat(2,1fr)}.two-column{grid-template-columns:1fr}.chart-wrap{height:340px}}@media(max-width:650px){.container{width:min(100% - 24px,1440px)}.hero-inner{align-items:flex-start;flex-direction:column}.hero h1{font-size:24px}.report-period{width:100%}.filter-grid,.kpi-grid,.cross-kpis{grid-template-columns:1fr}.table-toolbar{align-items:stretch;flex-direction:column}.table-search{width:100%}.lookup-controls{flex-direction:column}.chart-wrap.tall{height:520px}}