@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800&family=DM+Sans:wght@400;500;600;700&display=swap');
:root{--ink:#111c30;--blue:#3c60c1;--muted:#657084;--line:#dfe4ed;--paper:#f1f3f8}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:14px 'DM Sans',sans-serif}button,input,select{font:inherit}button{cursor:pointer;background:white;color:var(--ink);border:1px solid var(--line);border-radius:6px;padding:10px 15px;font-weight:600;transition:background .15s,transform .15s}button:hover{background:#eef3ff}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{outline:3px solid #75a7ff;outline-offset:3px}button:active{transform:translateY(1px)}aside{height:84px;background:#101725;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 max(5vw,24px);gap:30px;border-bottom:1px solid #26334c}.brand{display:flex;align-items:center;gap:12px;color:white;text-decoration:none;white-space:nowrap}.monogram{display:grid;place-items:center;width:44px;height:44px;background:var(--blue);border-radius:6px;font:800 italic 28px 'Barlow Condensed',sans-serif;letter-spacing:-2px;box-shadow:4px 4px 0 #253553}.brand b{font:700 25px 'Barlow Condensed',sans-serif;letter-spacing:1px}.brand b span{display:block;font:500 8px 'DM Sans',sans-serif;letter-spacing:2.7px;color:#96a8c9;margin-top:2px}nav{height:100%;display:flex;gap:30px;align-items:stretch}nav button{border:0;border-bottom:3px solid transparent;background:transparent;color:#9eacc2;border-radius:0;font-size:13px;padding:0 4px}nav button:hover{background:transparent;color:#fff}nav button.active{color:#fff;border-bottom-color:#6291ff}.workspace{font-size:11px;color:#a9b6cd;display:flex;gap:10px;align-items:center}.workspace small{display:block;font-size:9px;margin-top:3px}.workspace>span:first-child{background:#283750;border:1px solid #405273;border-radius:50%;padding:9px;color:white;font-weight:700}.aside-bottom{display:none}main{max-width:1440px;margin:auto;padding:0 5vw 35px}header{display:flex;justify-content:space-between;align-items:center;padding:22px 0;color:var(--muted);font-size:9px;letter-spacing:1.3px}header b{color:var(--ink);margin-left:9px}header button{font-size:11px;letter-spacing:0;margin-left:6px;background:transparent}.heading{position:relative;overflow:hidden;border-radius:12px;background:#172747;min-height:232px;display:flex;align-items:center;justify-content:space-between;padding:32px 40px;color:white;margin-bottom:26px;background-image:radial-gradient(ellipse at 85% 0%,#3562b888,transparent 65%)}.heading:after{content:'';position:absolute;right:20%;top:-40%;width:160px;height:500px;background:#3c60c122;transform:rotate(30deg)}.eyebrow{font-size:9px;font-weight:700;letter-spacing:2.3px;color:#9bbdff;display:flex;gap:9px;align-items:center}.eyebrow:before{content:'';width:18px;height:2px;background:#70a0ff}h1{font:700 53px/.98 'Barlow Condensed',sans-serif;letter-spacing:-.5px;text-transform:uppercase;margin:17px 0}h1 em{font-style:normal;color:#8ab2ff}.sub{color:#aabbd7;font-size:12px;line-height:1.6;max-width:430px}.hero-mark{position:relative;z-index:1;border:1px solid #81a4e252;border-radius:12px;transform:rotate(10deg);width:140px;height:178px;margin-right:22px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(145deg,#426ecb,#192f59);box-shadow:12px 12px 0 -3px #1b2b4a,12px 12px 0 -2px #5574a9}.hero-mark b{font:800 italic 64px 'Barlow Condensed',sans-serif;letter-spacing:-4px}.hero-mark span{font:600 12px 'Barlow Condensed',sans-serif;letter-spacing:5px}.hero-mark small{font:7px 'DM Sans',sans-serif;letter-spacing:2px;margin-top:18px;color:#b4caef}.report-controls{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:0 0 17px;font-size:11px}.report-controls>b{margin-right:auto;text-transform:uppercase;letter-spacing:1.6px;font-size:10px}.report-controls label{color:var(--muted)}input,select{color:var(--ink);background:white;border:1px solid var(--line);border-radius:5px;padding:10px}.report-controls input{padding:7px;margin-left:6px;font-size:11px}.report-controls button{padding:8px 12px;font-size:11px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.stat{background:white;border:1px solid var(--line);border-radius:8px;padding:22px 25px;position:relative}.stat:before{content:'';display:block;width:21px;height:3px;background:#d6e0f6;margin-bottom:13px}.stat:first-child{border-top:3px solid var(--blue);padding-top:20px}.stat:first-child:before{background:var(--blue)}.stat label{text-transform:uppercase;font-size:9px;letter-spacing:1.4px;color:var(--muted);font-weight:700}.stat strong{display:block;font-size:30px;letter-spacing:-1px;font-weight:600;margin:10px 0 5px;font-variant-numeric:tabular-nums}.stat small{font-size:10px;color:var(--muted)}.sales-summary{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin:20px 0 0;font-size:11px;color:var(--muted)}.sales-summary b{color:var(--ink);margin-left:7px}.sales-summary span:last-child{margin-left:auto;font-size:10px}.formula{font-size:10px;color:var(--muted);margin:10px 0 25px}.panel{background:white;border:1px solid var(--line);border-radius:10px;overflow:hidden}.panel-top{display:flex;justify-content:space-between;align-items:center;padding:24px 25px}h2{font:700 25px 'Barlow Condensed',sans-serif;letter-spacing:.4px;margin:0}.panel-top p{margin:5px 0 0;font-size:11px;color:var(--muted)}.primary{background:var(--blue);color:#fff;border-color:var(--blue);box-shadow:0 3px 7px #3c60c11a}.primary:hover{background:#294ea8}.filters{display:flex;gap:10px;padding:0 25px 22px}.filters input{flex:1;min-width:120px}.filters input,.filters select{font-size:12px;background:#f9fafc}.filters button{font-size:11px}.table-wrap{overflow:auto;min-height:190px}table{border-collapse:collapse;width:100%;text-align:left;white-space:nowrap}th{background:#f5f7fb;color:#657084;padding:13px 22px;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:1px;border-block:1px solid #e8ecf3}td{padding:19px 22px;font-size:12px;border-bottom:1px solid #edf0f5}td:first-child{border-left:3px solid transparent}tr:hover td{background:#fafbff}tr:hover td:first-child{border-left-color:var(--blue)}td small{display:block;color:var(--muted);font-size:10px;margin-top:5px}.badge{background:#edf2ff;color:#345ba9;border:1px solid #dae5ff;border-radius:4px;font-size:10px;padding:4px 8px;font-weight:700}.actions button{padding:7px 10px;font-size:10px;margin:2px}.actions button[data-action="sell"]{color:var(--blue);border-color:#cbd8f7;background:#f2f6ff}.empty{padding:40px 20px;text-align:center;color:var(--muted);font-size:12px}.empty:before{content:'MC';font:700 italic 26px 'Barlow Condensed',sans-serif;display:grid;place-items:center;width:45px;height:52px;margin:0 auto 15px;border:1px solid #c7d5f1;border-radius:5px;background:#f0f4fd;color:#6583bc;transform:rotate(-7deg)}.empty b{display:block;font-size:16px;color:var(--ink);margin-bottom:8px}footer{display:flex;justify-content:space-between;gap:15px;color:var(--muted);font-size:9px;margin-top:22px;line-height:1.6}i{display:inline-block;width:5px;height:5px;border-radius:50%;background:#3c60c1;margin-right:5px}dialog{border:1px solid #ccd7ee;border-radius:12px;padding:25px;width:min(570px,95vw);color:var(--ink);box-shadow:0 25px 100px #07132e44}dialog::backdrop{background:#0c162db3;backdrop-filter:blur(4px)}.dialog-head{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:16px;margin-bottom:20px}.dialog-head h2{font-size:28px}#fields{display:grid;grid-template-columns:1fr 1fr;gap:15px}#fields label{font-size:11px;font-weight:600;color:#46536b}#fields input,#fields select{display:block;width:100%;margin-top:7px;font-size:13px;padding:11px}#fields .wide{grid-column:1/-1;color:var(--muted);font-size:11px;line-height:1.6}dialog .primary{width:100%;margin-top:12px;padding:13px}#error,#period-error{color:#b52d45;font-size:12px}#notice{color:var(--blue);font-size:12px}[hidden]{display:none!important}@media(min-width:1600px){main{padding-inline:60px}}@media(max-width:900px){aside{padding:0 22px;gap:15px}nav{gap:20px}.workspace{display:none}main{padding-inline:22px}.stats{grid-template-columns:repeat(2,1fr)}.heading{padding:28px}.sales-summary span:last-child{margin-left:0}.hero-mark{margin-right:10px}.report-controls>b{flex-basis:100%}}@media(max-width:560px){aside{height:auto;flex-wrap:wrap;padding:18px 18px 0;gap:18px}.brand{width:100%}.brand b{font-size:24px}.monogram{width:38px;height:38px;font-size:25px}nav{width:100%;gap:0;justify-content:space-between;height:45px}nav button{font-size:12px;flex:1}main{padding:0 14px 25px}header{padding:17px 0}header>span{font-size:8px;letter-spacing:.7px}header button{padding:8px;font-size:10px}.heading{min-height:200px;padding:24px;margin-bottom:22px}.hero-mark{display:none}h1{font-size:43px}.sub{font-size:11px}.stats{gap:10px}.stat{padding:16px}.stat:first-child{padding-top:14px}.stat strong{font-size:25px}.stat small{font-size:9px}.stat label{font-size:8px;letter-spacing:1px}.report-controls{gap:8px}.report-controls input{width:119px;margin-left:3px}.report-controls button{padding:7px}.sales-summary{gap:10px 17px;font-size:10px}.panel-top{padding:20px 16px}.panel-top h2{font-size:23px}.panel-top p{max-width:170px;line-height:1.5}.panel-top button{font-size:12px;padding:10px}.filters{flex-wrap:wrap;padding:0 16px 18px}.filters input{flex-basis:100%}.filters select{flex:1}td,th{padding:15px}footer{flex-direction:column;gap:4px}#fields{grid-template-columns:1fr}#fields .wide{grid-column:auto}dialog{padding:20px}}

/* Show planning and sales performance */
button:disabled{cursor:not-allowed;opacity:.45;transform:none}.panel-buttons{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.filters{flex-wrap:wrap}.filters input{flex:2;min-width:200px}.filters select{max-width:180px}.result-count{padding:0 25px 16px;margin:0;font-size:10px;color:var(--muted)}.insights{display:flex;gap:14px 28px;align-items:center;flex-wrap:wrap;margin:18px 0 0;padding:15px 20px;background:#e8edf8;border:1px solid #dae3f4;border-radius:8px;font-size:11px;color:#51617d}.insights b{font-size:16px;color:#1f3d7a;margin-right:5px}.insights small{display:block;font-size:9px;margin-top:3px}.show-summary{display:flex;flex-wrap:wrap;gap:12px 24px;align-items:center;margin:0 25px 20px;padding:16px 20px;border:1px solid #d5e0f7;border-radius:8px;background:#f0f5ff;font-size:12px}.show-summary b{font-size:20px;color:#294ea8;margin-right:6px}.show-summary small{flex-basis:100%;color:var(--muted);line-height:1.6}.show-badge{display:inline-block;margin-top:8px;padding:4px 7px;border-radius:4px;background:#e8f2eb;color:#23633c;font-size:10px}.sold-badge{color:var(--muted);font-size:11px}.positive{color:#246b46}.negative{color:#b52d45}.sale-preview{background:#f2f5fb;border:1px solid var(--line);border-radius:8px;padding:15px}.sale-preview strong{display:block;font-size:27px}.sale-preview small{display:block;margin-top:5px}td:first-child{min-width:200px;max-width:360px;white-space:normal;overflow-wrap:anywhere}.actions{min-width:230px;white-space:normal;max-width:310px}#print-sheet{display:none}nav{gap:22px}
@media(max-width:650px){.panel-top{gap:14px;align-items:flex-start;flex-wrap:wrap}.panel-buttons{justify-content:flex-start}.show-summary{margin:0 16px 18px}.result-count{padding-inline:16px;line-height:1.5}.insights{gap:12px 20px;padding:14px}.filters select{max-width:none;min-width:100px}nav{gap:0}nav button{font-size:11px}.actions{min-width:210px}}
@media print{body{background:white;color:black;font-family:Arial,sans-serif}body>aside,body>main,body>dialog{display:none!important}#print-sheet{display:block;padding:15px}#print-sheet h1{font:bold 24px Arial,sans-serif;color:black;letter-spacing:0}#print-sheet p{font-size:12px}#print-sheet th,#print-sheet td{padding:10px;border:1px solid #999;white-space:normal;color:black;font-size:11px}#print-sheet td small{color:#333}#print-sheet tr{break-inside:avoid}#print-sheet th{background:#eee}#print-sheet thead{display:table-header-group}@page{margin:15mm}}



.cloud-panel{margin:24px 0;padding:22px;border:1px solid #cddbeb;border-radius:14px;background:#f4f8fd}.cloud-panel form,.cloud-actions{display:flex;gap:12px;align-items:end;flex-wrap:wrap}.cloud-panel label{display:grid;gap:6px}.cloud-panel input{padding:10px;border:1px solid #bacbdd;border-radius:8px}.cloud-panel p{font-size:14px}.cloud-panel [hidden]{display:none}button:disabled{opacity:.5;cursor:not-allowed}@media print{.cloud-panel{display:none}}

.signup-fields{display:grid;grid-template-columns:1fr 1fr;gap:16px}.signup-fields label{display:grid;gap:7px;font-size:14px}.signup-fields .wide{grid-column:1/-1}.signup-fields input{width:100%;box-sizing:border-box;padding:12px;border:1px solid #bacbdd;border-radius:8px;font:inherit}.signup-fields small{color:#536478}#signup-error{color:#a42736;min-height:1.4em}#signup-dialog{max-height:90dvh;overflow:auto}#signup-submit{width:100%}#workspace-name{display:block;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:inherit}@media(max-width:520px){.signup-fields{grid-template-columns:1fr}}

/* Account access */
.cloud-panel{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,400px);gap:12px 48px;padding:30px 34px;background:#fff;border:1px solid #e0e6ef;border-radius:18px;box-shadow:0 6px 24px #10203d05;align-items:center}.auth-kicker{font-size:10px;font-weight:800;letter-spacing:.16em;color:#4264bb}.auth-intro h2{font-size:26px;margin:12px 0 8px;overflow-wrap:anywhere}.auth-intro #cloud-status{color:#557065;font-size:12px;margin:0}.auth-intro #auth-description{color:#7a8496;max-width:340px;line-height:1.65;font-size:13px;margin:12px 0 0}.cloud-panel #auth-form{display:grid;gap:13px}.cloud-panel #auth-form label{font-size:12px;font-weight:600;gap:7px;min-width:0}.cloud-panel input,#reset-form input{width:100%;box-sizing:border-box;border:1px solid #dce3ee;border-radius:9px;background:#fafbfd;padding:11px 13px;font:inherit;font-size:13px;outline:none}.cloud-panel input:focus,#reset-form input:focus{border-color:#4266bf;box-shadow:0 0 0 3px #4266bf14;background:white}.password-label{display:flex;align-items:center;justify-content:space-between;gap:10px}.text-action{background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;color:#3659ad;font-size:12px;font-weight:650;cursor:pointer}.text-action:hover{text-decoration:underline}.signin-submit{width:100%;display:flex;justify-content:center;gap:12px;padding:12px!important;border-radius:9px!important}.signup-invite{display:flex;justify-content:center;gap:8px;margin-top:16px;font-size:12px;color:#7a8496}.cloud-panel #auth-message{grid-column:1/-1;margin:0;font-size:13px;color:#465574}.cloud-panel #auth-message:empty{display:none}.cloud-panel .cloud-actions{justify-content:flex-end;align-items:center}.cloud-panel [hidden]{display:none!important}#reset-form label{display:grid;gap:8px;font-size:13px}#reset-form .reset-copy{line-height:1.6;color:#6b778b;margin:16px 0 24px}#reset-message{font-size:13px;line-height:1.6;margin:16px 0}#reset-submit{width:100%}@media(max-width:720px){.cloud-panel{grid-template-columns:1fr;padding:24px;gap:24px}.auth-intro #auth-description{max-width:none}.cloud-panel .cloud-actions{justify-content:flex-start}}

/* Sign-in dialog and compact connected account bar */
#signin-dialog{margin:auto;width:min(420px,calc(100vw - 32px));max-height:90dvh;overflow:auto;padding:28px;box-sizing:border-box}
#signin-dialog:not([open]){display:none}
#signin-dialog[open]{display:block}
#signin-dialog .dialog-head{margin-bottom:12px}
#signin-dialog #auth-description{color:var(--muted);font-size:13px;line-height:1.6;margin:0 0 24px}
#signin-dialog #auth-message{margin-top:16px;line-height:1.6}
main>.cloud-panel{padding:16px 22px;margin:12px 0 20px;gap:12px 24px}
main>.cloud-panel .auth-kicker{display:none}
main>.cloud-panel .auth-intro h2{font-size:20px;margin:0 0 5px}
header>div{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}

#fields textarea{display:block;width:100%;margin-top:7px;padding:11px;font:inherit;border:1px solid var(--line);border-radius:8px;resize:vertical}.show-notes{white-space:pre-wrap;min-width:180px;max-width:340px}#calendar-view{padding:0 20px 24px;overflow:auto}.calendar-toolbar{display:flex;align-items:center;gap:12px;margin-bottom:18px}.calendar-toolbar h3{margin:0 auto 0 0;font-size:20px}.calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(100px,1fr));min-width:700px;border-left:1px solid var(--line);border-top:1px solid var(--line)}.weekday,.calendar-day{border-right:1px solid var(--line);border-bottom:1px solid var(--line);padding:10px}.weekday{font-size:11px;font-weight:700;color:var(--muted);text-align:center;background:#f5f7fb}.calendar-day{min-height:120px;background:white}.calendar-day time{font-size:12px;font-weight:700}.calendar-day.today{background:#edf3ff}.calendar-day.blank{background:#f8fafc}.calendar-event{display:block;width:100%;margin-top:7px;text-align:left;padding:8px;background:#e8efff;color:#294b9a;border:1px solid #cfdbf7;white-space:normal;overflow-wrap:anywhere;font-size:11px}.calendar-event small{display:block;margin-top:5px}nav{gap:15px}@media(max-width:650px){nav button{font-size:10px}.calendar-toolbar{flex-wrap:wrap}#calendar-view{padding-inline:10px}}

/* Make the current page clear in the main navigation. */
nav{gap:8px}
nav button{align-self:center;min-height:42px;padding:0 14px;border:1px solid transparent;border-bottom:3px solid transparent;border-radius:8px;color:#b7c3d8;font-weight:600;transition:background .15s,color .15s,border-color .15s}
nav button:hover{background:#ffffff0d;color:#fff}
nav button.active,nav button.active:hover{background:#3158b7;color:#fff;border-color:#5076ce;border-bottom-color:#a9c6ff;box-shadow:0 3px 12px #0002;font-weight:800}
nav button:focus-visible{outline:2px solid #b9d0ff;outline-offset:3px}
@media(max-width:900px){nav{gap:4px}nav button{padding-inline:10px}}
@media(max-width:560px){nav{height:52px;gap:3px}nav button{font-size:10px;padding-inline:5px;min-height:38px;min-width:0}}