:root{font-family:Inter,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;color:#18243b;background:#f6f8fc;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-height:100vh}button,input{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible{outline:3px solid #c5b6f5;outline-offset:2px}.topbar{height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(22px,4vw,64px);background:#fff;border-bottom:1px solid #e8eaf1}.brand,.topbar-right{display:flex;align-items:center;gap:12px}.brand strong{font-size:16px;letter-spacing:-.3px}.brand strong span{font-weight:600;color:#6540a9}.brand-icon,.login-mark{display:grid;place-items:center;background:#5c35a4;color:#fff;font-weight:800;border-radius:11px}.brand-icon{width:34px;height:34px}.login-mark{width:46px;height:46px;margin:0 auto 18px}.secure-label{color:#728098;font-size:12px}.secure-label:first-letter{color:#25a06b}.signout{border:1px solid #e0e2eb;background:white;color:#3e3652;padding:9px 16px;border-radius:9px;font-size:13px}main{max-width:1500px;margin:0 auto;padding:40px clamp(20px,4vw,64px)}[hidden]{display:none!important}.login-card{max-width:430px;margin:9vh auto;background:white;padding:40px;border:1px solid #e9eaf0;border-radius:16px;box-shadow:0 18px 55px #2023400b;text-align:center}.login-card h1{font-size:24px;margin:0 0 10px}.login-card>p{font-size:14px;color:#7b8497;margin:0 0 30px}.login-card form{text-align:left}.login-card label{display:block;font-weight:600;font-size:13px;margin:18px 0}.login-card input{display:block;width:100%;padding:13px;margin-top:8px;border:1px solid #d9deea;border-radius:9px}.primary{width:100%;border:0;background:#5c35a4;color:white;padding:14px;border-radius:9px;font-weight:650;display:flex;justify-content:space-between}#loginError{color:#b42332;font-size:13px}.dashboard-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}.eyebrow,.nav-caption{color:#8a91a3;font-size:11px;letter-spacing:1.4px;font-weight:800}.dashboard-heading h1{font-size:32px;letter-spacing:-1px;margin:5px 0}.subheading{margin:0;color:#7c8799;font-size:14px}.period-badge{background:white;border:1px solid #e7e9f0;border-radius:25px;padding:10px 17px;color:#647084;font-size:13px}.workspace{display:grid;grid-template-columns:238px minmax(0,1fr);gap:24px;align-items:start}.sidebar{background:white;border:1px solid #e9eaf1;border-radius:14px;padding:18px 12px;display:flex;flex-direction:column;gap:5px}.nav-caption{padding:0 14px;margin:8px 0 12px}.sidebar button{display:flex;align-items:center;gap:12px;text-align:left;width:100%;border:0;border-radius:9px;background:transparent;color:#606d81;padding:14px;font-weight:600;font-size:13px}.sidebar button.active,.sidebar button:hover{background:#f1ecfa;color:#56309d}.sidebar button span{flex:1}.content-panel{min-width:0}#status{color:#657186}.module-card{background:#fff;border:1px solid #e9eaf1;border-radius:14px;margin-bottom:22px;overflow:hidden;box-shadow:0 4px 16px #18243b05}.module-head{padding:24px 26px 18px;border-bottom:1px solid #f0f1f5}.module-head h2{font-size:19px;letter-spacing:-.3px;margin:0 0 6px}.module-head p{font-size:12px;color:#8a91a3;margin:0}.metric-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;padding:24px}.metric-card{border:1px solid #e9ebf3;border-radius:11px;padding:20px;min-width:0}.metric-label{color:#788397;font-size:12px;font-weight:600;margin-bottom:11px}.metric-value{font-size:27px;font-weight:750;letter-spacing:-.7px}.metric-prev{font-size:12px;color:#8b94a4;margin-top:10px}.table-scroll{overflow-x:auto;padding:12px 24px 24px}table{width:100%;border-collapse:collapse;font-size:13px;text-align:left;white-space:nowrap}th{background:#f7f8fc;color:#647087;font-size:12px;font-weight:650}th,td{padding:13px 15px;border-bottom:1px solid #eef0f5}tbody tr:hover{background:#fafaff}.empty{padding:30px;color:#7d879a;font-size:14px}.order-count{padding:18px 26px;color:#68758a;font-size:14px}@media(max-width:850px){main{padding:25px 16px}.workspace{grid-template-columns:1fr;gap:16px}.sidebar{flex-direction:row;overflow-x:auto;padding:8px}.sidebar button{white-space:nowrap;width:auto}.nav-caption{display:none}.metric-grid{grid-template-columns:1fr 1fr}.dashboard-heading h1{font-size:26px}}@media(max-width:520px){.secure-label{display:none}.metric-grid{grid-template-columns:1fr}.dashboard-heading{align-items:flex-start;gap:12px}.period-badge{font-size:11px;white-space:nowrap}.topbar{padding:0 16px}.login-card{padding:28px}}
/* Original Copesetics Portal sidebar geometry and visual treatment */
.workspace{grid-template-columns:300px minmax(0,1fr)}.cp-sidebar{position:sticky;top:100px;width:300px;height:calc(100vh - 150px);min-height:450px;background:#fff;border:1px solid #ECEEF3;border-radius:20px;box-shadow:0 12px 32px rgba(16,24,40,.08),0 2px 8px rgba(16,24,40,.04);overflow:hidden}.cp-sidebar-inner{height:100%;overflow-y:auto;overflow-x:hidden;padding:10px 20px}.cp-sidebar-menu,.cp-sidebar-resources{display:flex;flex-direction:column;gap:6.5px}.cp-menu-item,.cp-resource-item{width:100%;display:flex;align-items:center;justify-content:space-between;gap:14px;border:0;background:transparent;color:#202124;border-radius:14px;text-align:left;font-size:15px;font-weight:600;cursor:pointer;text-decoration:none;transition:transform .25s ease}.cp-menu-item{padding:16px}.cp-resource-item{padding:9px 16px}.cp-menu-item:hover,.cp-resource-item:hover{transform:scale(1.05)}.cp-menu-item.active,.cp-resource-item.active{background:#4C489E;color:#fff}.cp-menu-item.active:hover,.cp-resource-item.active:hover{transform:none}.cp-menu-item-content{display:flex;align-items:center;gap:14px}.cp-menu-item img{width:22px;height:22px;object-fit:contain;flex-shrink:0}.cp-sidebar-resources{margin-top:11.7px}.cp-sidebar-heading{font-size:15px;font-weight:600;color:#202124;margin-bottom:2px;padding:0 4px}.cp-live-badge-wrapper{display:flex;align-items:center;gap:6px;background:#EF4444;padding:4px 8px;border-radius:20px}.cp-live-dot-container{position:relative;width:8px;height:8px;display:flex;align-items:center;justify-content:center}.cp-live-pulse-bg{position:absolute;width:14px;height:14px;background:#F3F4F6;border-radius:50%;animation:cp-pulse-grey 1.5s infinite ease-in-out}.cp-live-dot{position:relative;width:8px;height:8px;background:#EF4444;border-radius:50%;animation:cp-pulse-dot 1.5s infinite ease-in-out;z-index:2}.cp-live-text{font-size:11px;font-weight:700;color:white;letter-spacing:.5px;text-transform:uppercase;line-height:1}@keyframes cp-pulse-dot{0%{transform:scale(.95);box-shadow:0 0 0 0 rgba(239,68,68,.7)}70%{transform:scale(1.1);box-shadow:0 0 0 4px rgba(239,68,68,0)}100%{transform:scale(.95);box-shadow:0 0 0 0 rgba(239,68,68,0)}}@keyframes cp-pulse-grey{0%{transform:scale(1);opacity:.8}70%{transform:scale(1.8);opacity:0}100%{transform:scale(1);opacity:0}}.cp-sidebar-inner::-webkit-scrollbar{width:8px}.cp-sidebar-inner::-webkit-scrollbar-thumb{background:#D7DCE5;border-radius:20px}@media(max-width:850px){.workspace{grid-template-columns:1fr}.cp-sidebar{position:relative;top:auto;width:100%;height:auto;min-height:0}.cp-sidebar-inner{padding:10px}.cp-sidebar-menu,.cp-sidebar-resources{flex-direction:row;overflow-x:auto}.cp-menu-item,.cp-resource-item{width:auto;white-space:nowrap}.cp-sidebar-heading{display:none}}
/* Ported from supplied original Overall Results, Google, Meta and SEO WPCode styles */
:root{color:#101828;background:#f8f9fc}body{background:#f8f9fc}.content-panel{background:#fff;border:0;border-radius:15px;padding:5px 16px;min-height:calc(100vh - 160px);max-height:calc(100vh - 160px);overflow:auto}.cp-results-section{display:block;width:100%;min-width:0;margin-bottom:24px;padding:0 10px 20px 0}.cp-results-heading{padding:14px 0 18px}.cp-results-heading h2{font-size:19px;color:#101828;margin:0 0 6px;font-weight:700}.cp-results-heading p{font-size:13px;color:#667085;margin:0}.cp-overall-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;width:100%}.cp-overall-card{background:#fff;border:1px solid #eaecf0;border-radius:12px;box-shadow:0 1px 3px rgba(16,24,40,.04),0 1px 2px rgba(16,24,40,.02);padding:15px;position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:115px;overflow:hidden;transition:all .2s ease-in-out}.cp-overall-label{color:#475467;font-size:15px;font-weight:600;margin:0 0 8px;line-height:1.3;text-align:center}.cp-overall-value{color:#101828;font-size:24px;font-weight:700;letter-spacing:-.03em;line-height:1.15;margin:0 0 10px;text-align:center}.cp-overall-change{color:#101828;font-size:12px;font-weight:600;line-height:1.2;display:flex;align-items:center;justify-content:center;gap:4px;text-align:center}.cp-lead-count{color:#475467;font-size:15px;font-weight:600;padding:15px}.cp-results-section .table-scroll{border:1px solid #eaecf0;border-radius:12px;padding:10px;overflow:auto}@media(max-width:1200px){.cp-overall-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.cp-overall-grid{grid-template-columns:1fr}.content-panel{max-height:none;min-height:300px}}
/* Original Lead Centre card pattern migrated from Hot Print WPCode */
.cp-leads-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:stretch;margin:0;padding:0}.cp-lead-card{position:relative;background:#fff;border:1px solid #eaecf3;border-radius:12px;padding:16px;min-height:280px;transition:border-color .2s,box-shadow .2s,transform .2s;cursor:pointer;overflow:hidden}.cp-lead-card:hover{border-color:#cbd5e1;box-shadow:0 10px 22px -4px rgba(0,0,0,.1);transform:translateY(-2px)}.cp-card-inner-body{display:flex;flex-direction:column;height:100%}.cp-lead-card.is-active .cp-card-inner-body{opacity:0;pointer-events:none}.cp-card-top{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:18px}.cp-card-number-label{font-size:12px;font-weight:700;color:#4c489e}.cp-card-date{font-size:11px;color:#667085}.cp-card-name{font-size:18px;color:#101828;margin:0 0 18px}.cp-card-detail{font-size:13px;color:#475467;margin:0 0 10px;overflow-wrap:anywhere}.cp-card-detail strong{color:#101828}.cp-card-actions-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;background:#fff;padding:16px;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s,visibility .2s}.cp-lead-card.is-active .cp-card-actions-overlay{opacity:1;visibility:visible;pointer-events:auto}.cp-card-actions-overlay h4{font-size:16px;margin:0}.cp-action-buttons-box{display:flex;flex-direction:column;gap:8px;width:100%}.cp-action-btn{display:block;text-align:center;border:1px solid #e2e5ee;border-radius:10px;padding:9px 12px;color:#4c489e;font-size:13px;font-weight:650;text-decoration:none}.cp-action-btn:hover{background:#f4f1fb}@media(max-width:1150px){.cp-leads-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:650px){.cp-leads-grid{grid-template-columns:1fr}}
/* Keep the app within one viewport: no main/page vertical scrollbar. Reporting panel scrolls independently. */
@media(min-width:851px){html,body{height:100%;overflow:hidden}main{height:calc(100dvh - 72px);overflow:hidden;padding-top:20px;padding-bottom:20px}#dashboard,.workspace{height:100%;min-height:0}.workspace{align-items:stretch}.cp-sidebar{position:relative;top:auto;height:100%;min-height:0}.content-panel{height:100%;min-height:0;max-height:none;overflow-y:auto;overscroll-behavior:contain}}

/* Sidebar: resource rows share the exact alignment and padding of reporting rows. */
.cp-sidebar-resources .cp-resource-item{justify-content:flex-start;padding:16px;gap:14px;min-height:51px}.cp-sidebar-resources .cp-resource-item .cp-menu-item-content{display:flex;align-items:center;justify-content:flex-start;gap:14px;min-width:0;text-align:left}.cp-resource-icon{display:inline-flex;width:22px;min-width:22px;align-items:center;justify-content:center;text-align:center}.cp-menu-item img{display:block;max-width:22px;max-height:22px;object-fit:contain}.cp-menu-item[data-view="meta"] img{width:22px;height:auto}