.ghost-button{margin-left:auto}
@media(max-width:760px){.topbar{justify-content:space-between}.ghost-button{margin-left:0}}
@font-face{font-family:"Instrument Serif";font-style:normal;font-weight:400;font-display:swap;src:url("/assets/fonts/instrument-serif-regular.woff2") format("woff2")}
@font-face{font-family:"Instrument Serif";font-style:italic;font-weight:400;font-display:swap;src:url("/assets/fonts/instrument-serif-italic.woff2") format("woff2")}
@font-face{font-family:Inter;font-style:normal;font-weight:400 900;font-display:swap;src:url("/assets/fonts/inter-latin.woff2") format("woff2")}
:root{--ink:#171411;--paper:#fffaf3;--soft:#f4ece1;--line:#ded2c4;--green:#2e5941;--muted:#6d6259;--sage:#c8d3bd;--gold:#c99a3c;--gold-green:#e4c77f;--coral:#c9543d;--coral-paper:#b84430;--clay:#e8b79c;--white:#fff;--display:"Instrument Serif",Georgia,"Times New Roman",serif;--body:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
*{box-sizing:border-box}html{background:var(--paper)}body{margin:0;min-height:100vh;background:var(--paper);color:var(--ink);font-family:var(--body)}button,input,select{font:inherit}.hidden{display:none!important}.till-logo{display:block;width:116px;height:auto}.login-logo{width:146px}.login-shell{display:grid;min-height:100vh;place-items:center;padding:28px;background:linear-gradient(115deg,transparent 0 68%,rgba(200,211,189,.36) 68% 84%,transparent 84%),var(--paper)}.login-card{width:min(610px,100%);padding:58px 60px;border:1px solid var(--line);border-radius:2px;background:rgba(255,250,243,.96);box-shadow:0 24px 70px rgba(23,20,17,.09)}.client-chip{display:inline-flex;margin:42px 0 18px;padding:8px 11px;border-left:3px solid var(--coral-paper);background:var(--soft);color:var(--muted);font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.login-card h1,.hero-row h1{margin:0;font:400 clamp(45px,6vw,68px)/.98 var(--display);letter-spacing:-.035em}.login-copy{max-width:470px;margin:22px 0 36px;color:var(--muted);font-size:16px;line-height:1.65}.login-card label{display:block;margin-bottom:10px;color:var(--ink);font-size:12px;font-weight:800}.password-row{display:flex;gap:10px}.password-row input,.table-tools input,.table-tools select,.date-controls input{border:1px solid var(--line);border-radius:2px;outline:none;background:var(--white);color:var(--ink)}.password-row input{min-width:0;flex:1;padding:15px 16px}.password-row input:focus,.table-tools input:focus,.table-tools select:focus,.date-controls input:focus,.metric-picker select:focus{border-color:var(--green);box-shadow:0 0 0 3px rgba(46,89,65,.13)}.password-row button{min-height:50px;padding:0 22px;border:1px solid var(--ink);border-radius:2px;background:var(--ink);color:var(--white);font-weight:800;cursor:pointer;transition:background .18s,border-color .18s,transform .18s}.password-row button:hover{border-color:var(--green);background:var(--green);transform:translateY(-1px)}.form-error{min-height:20px;color:var(--coral-paper);font-size:13px}.secure-note{display:flex;align-items:center;gap:9px;margin:17px 0 0;color:var(--muted);font-size:11px}.secure-note span,.status i{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 0 4px rgba(46,89,65,.1)}.topbar{position:sticky;z-index:10;top:0;display:flex;height:80px;align-items:center;gap:24px;padding:0 42px;border-bottom:1px solid var(--line);background:rgba(255,250,243,.94);backdrop-filter:blur(14px)}.identity{display:flex;align-items:center;gap:16px}.identity-rule{width:1px;height:34px;background:var(--line)}.identity strong,.identity span{display:block}.identity strong{font-size:13px}.identity div span{margin-top:3px;color:var(--muted);font-size:10px}.status{display:flex;align-items:center;gap:9px;margin-left:auto;color:var(--muted);font-size:11px}.ghost-button{min-height:44px;padding:9px 14px;border:1px solid var(--ink);border-radius:2px;background:transparent;color:var(--ink);font-weight:750;cursor:pointer}.ghost-button:hover{background:var(--ink);color:var(--paper)}.content{max-width:1460px;margin:auto;padding:54px 42px 30px}.hero-row{display:flex;align-items:flex-end;justify-content:space-between;gap:32px;margin-bottom:38px}.hero-row .eyebrow{margin-top:0}.hero-row h1{max-width:720px;font-size:clamp(42px,5vw,68px)}.eyebrow{margin:22px 0 10px;color:var(--coral-paper);font-size:10px;font-weight:850;letter-spacing:.1em;text-transform:uppercase}.muted{margin:13px 0 0;color:var(--muted)}.date-controls{display:flex;align-items:flex-end;gap:10px}.date-controls label{color:var(--muted);font-size:9px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.date-controls input{display:block;margin-top:7px;padding:10px;color-scheme:light}.range-presets{display:flex;padding:3px;border:1px solid var(--line);border-radius:2px;background:var(--soft)}.range-presets button{min-width:42px;min-height:38px;padding:8px 10px;border:0;border-radius:1px;background:transparent;color:var(--muted);font-size:11px;font-weight:800;cursor:pointer}.range-presets button.active{background:var(--green);color:var(--paper)}.kpi-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:1px;margin-bottom:18px;border:1px solid var(--line);background:var(--line)}.kpi{min-height:142px;padding:22px;background:var(--paper)}.kpi .label{color:var(--muted);font-size:11px;font-weight:750}.kpi strong{display:block;margin:20px 0 12px;font:400 34px/1 var(--display);letter-spacing:-.025em}.kpi .sub{color:var(--muted);font-size:10px;line-height:1.4}.kpi.primary{background:var(--green);color:var(--paper)}.kpi.primary .label,.kpi.primary .sub{color:#e8dccd}.analytics-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(340px,.8fr);gap:18px;margin-bottom:18px}.panel{padding:26px;border:1px solid var(--line);border-radius:2px;background:var(--paper)}.panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.panel-head .eyebrow{margin:0 0 8px}.panel h2{margin:0;font:400 28px/1.05 var(--display);letter-spacing:-.015em}.trend-panel{background:var(--soft)}.funnel-panel{background:var(--green);color:var(--paper)}.funnel-panel .eyebrow{color:var(--gold-green)}.trend-chart{position:relative;display:block;height:250px;margin-top:14px;border:0}.trend-chart canvas{display:block;width:100%;height:100%}.trend-head{align-items:center}.metric-picker{display:flex;align-items:center;gap:9px;color:var(--muted);font-size:9px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.metric-picker select{appearance:none;padding:10px 35px 10px 12px;border:1px solid var(--line);border-radius:2px;background:var(--paper);background-image:linear-gradient(45deg,transparent 50%,var(--muted) 50%),linear-gradient(135deg,var(--muted) 50%,transparent 50%);background-position:calc(100% - 15px) 15px,calc(100% - 11px) 15px;background-repeat:no-repeat;background-size:4px 4px;color:var(--ink);font-size:11px;letter-spacing:0;text-transform:none}.chart-summary{display:flex;align-items:baseline;gap:10px;margin-top:26px}.chart-summary strong{font:400 35px/1 var(--display);letter-spacing:-.025em}.chart-summary span{color:var(--muted);font-size:10px}.chart-tooltip{position:absolute;z-index:3;padding:8px 10px;transform:translate(-50%,-115%);border:1px solid var(--ink);border-radius:2px;background:var(--ink);box-shadow:0 10px 30px rgba(23,20,17,.16);color:var(--paper);font-size:10px;line-height:1.5;pointer-events:none;white-space:nowrap}.funnel{margin-top:32px}.funnel-step{margin-bottom:25px}.funnel-step-top{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:10px}.funnel-step-top span{color:#e8dccd;font-size:11px}.funnel-step-top strong{font:400 26px var(--display)}.funnel-track{height:8px;overflow:hidden;border-radius:0;background:rgba(255,250,243,.13)}.funnel-fill{height:100%;min-width:3px;border-radius:0}.funnel-rate{margin-top:9px;color:#e8dccd;font-size:10px}.table-panel{padding-bottom:12px}.table-head{align-items:center}.table-tools{display:flex;gap:8px}.table-tools input,.table-tools select{min-height:44px;padding:10px 12px;font-size:11px}.table-tools input{width:230px}.table-wrap{overflow:auto;margin:22px -26px 0}table{width:100%;min-width:1050px;border-collapse:collapse}th,td{padding:15px 16px;border-top:1px solid var(--line);font-size:11px;text-align:right}th{color:var(--muted);font-size:9px;font-weight:850;letter-spacing:.08em;text-transform:uppercase}th:first-child,td:first-child,th:nth-child(2),td:nth-child(2){text-align:left}td{color:#4f443c}td:first-child{padding-left:26px;color:var(--ink);font-weight:700}th:first-child{padding-left:26px}.ad-title{max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.adset{max-width:330px;overflow:hidden;color:var(--muted);text-overflow:ellipsis;white-space:nowrap}.metric-good{color:var(--green);font-weight:800}.empty{padding:30px;color:var(--muted);text-align:center}footer{display:flex;justify-content:space-between;padding:20px 3px 0;color:var(--muted);font-size:9px}.skeleton:empty{min-height:142px;background:linear-gradient(90deg,var(--soft),var(--paper),var(--soft));background-size:200% 100%;animation:shimmer 1.4s infinite}@keyframes shimmer{to{background-position:-200% 0}}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid rgba(201,154,60,.5);outline-offset:2px}@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media(max-width:1100px){.kpi-grid{grid-template-columns:repeat(3,1fr)}.analytics-grid{grid-template-columns:1fr}.funnel-panel{min-height:360px}}@media(max-width:760px){.topbar{height:72px;padding:0 18px}.topbar .till-logo{width:92px}.identity{gap:10px}.identity-rule{height:28px}.identity strong{font-size:11px}.status{display:none}.content{padding:34px 16px}.hero-row{align-items:flex-start;flex-direction:column}.date-controls{width:100%;flex-wrap:wrap}.kpi-grid{grid-template-columns:repeat(2,1fr)}.kpi{min-height:125px;padding:17px}.kpi strong{font-size:29px}.trend-head,.table-head{align-items:flex-start;flex-direction:column}.metric-picker{width:100%;justify-content:space-between}.metric-picker select{flex:1}.table-tools{width:100%;flex-direction:column}.table-tools input{width:100%}.login-card{padding:40px 26px}.password-row{flex-direction:column}.password-row button{padding:14px}.hero-row h1{font-size:47px}}@media(max-width:420px){.identity div{display:none}.identity-rule{display:none}.kpi-grid{grid-template-columns:1fr 1fr}.date-controls label{width:calc(50% - 5px)}.date-controls input{width:100%}}
