body{background:#f4f6f8}.demo-banner{text-align:center;background:#ece8de;padding:10px 20px;font-size:12px;color:#665333}.workspace{max-width:1280px;margin:auto;padding:42px 28px}.apphead,.modalhead{display:flex;justify-content:space-between;align-items:center;gap:24px}.apphead h1{font-size:40px;letter-spacing:-1.7px;margin-bottom:12px}.apphead p{font-size:15px;color:#617180}.actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.secondary{border:1px solid #ccd5de;background:white;padding:10px 16px;border-radius:5px;cursor:pointer;color:#18354e;font-size:14px}.secondary:hover{background:#e8eef2}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin:26px 0}.metric{background:white;padding:20px 24px;border:1px solid #dfe5eb;border-radius:7px}.metric strong{display:block;font-size:28px;letter-spacing:-1px}.metric span{font-size:12px;color:#617180}.appnav{display:flex;border-bottom:1px solid #cdd6df;margin-bottom:24px;gap:28px}.appnav button{border:0;border-bottom:3px solid transparent;padding:12px 3px;background:none;cursor:pointer;color:#617180;font-size:15px}.appnav button[aria-pressed=true]{border-color:#a77945;color:#132c45;font-weight:bold}.toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px}.toolbar h2{font-size:22px;margin:0;letter-spacing:-.5px;min-width:170px;text-align:center}.toolbar label{margin:0;font-size:12px}.toolbar select{margin:4px 0 0;padding:7px;min-width:180px}.calendar{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));background:white;border-top:1px solid #dce3e9;border-left:1px solid #dce3e9;border-radius:5px;overflow:hidden}.weekday{background:#e9eef2;padding:10px;font-size:12px;font-weight:bold;text-align:center}.day{min-height:115px;padding:8px;border-right:1px solid #dce3e9;border-bottom:1px solid #dce3e9}.day.outside{background:#f8f9fa;color:#a8b0b8}.daynum{font-size:12px;margin-bottom:6px}.booking{display:block;width:100%;border:0;border-left:3px solid #387b82;background:#e0eff0;color:#173f48;text-align:left;border-radius:3px;padding:5px;margin:3px 0;font-size:11px;cursor:pointer;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.booking.loft{border-color:#ad824b;background:#f4eadc;color:#694c28}.booking:hover{filter:brightness(.94)}.tablewrap{overflow:auto;background:white;border:1px solid #dce3e9;border-radius:6px}table{width:100%;border-collapse:collapse;white-space:nowrap;font-size:14px}th{text-align:left;background:#e9eef2;color:#54697b;font-size:11px;text-transform:uppercase;letter-spacing:.6px}td,th{padding:15px 18px;border-bottom:1px solid #e1e7ed}td .secondary{padding:5px 12px}.badge{font-size:11px;background:#e6f1eb;color:#32674a;border-radius:20px;padding:5px 9px}.badge.cancel{background:#eee;color:#666}.footnote{margin-top:24px;font-size:12px}dialog{width:820px;max-height:90vh;overflow:auto;padding:30px}dialog h2{font-size:28px}.modalhead{margin-bottom:25px}.modalhead .eyebrow{margin-bottom:7px}.payrow{display:grid;grid-template-columns:1.2fr 1fr 1.2fr .7fr;gap:12px;align-items:center}.payrow input{margin-bottom:12px;padding:9px;font-size:14px}.payrow label{font-size:12px}.payrow .check input,.check input{width:auto;margin:0 6px 0 0}.check{display:flex;align-items:center;font-weight:normal;font-size:13px;margin:15px 0 24px}#error{color:#a03232;font-size:14px}.empty{background:white;padding:45px;text-align:center}.payment-note{background:#e9eef2;padding:15px;border-radius:5px;font-size:13px;margin-bottom:20px}@media(max-width:760px){.workspace{padding:25px 12px}.apphead,.toolbar{align-items:flex-start;flex-direction:column}.apphead h1{font-size:32px}.metrics{grid-template-columns:1fr 1fr;gap:10px}.metric{padding:12px}.metric strong{font-size:23px}.day{min-height:95px;padding:3px}.booking{font-size:9px;padding:4px 2px}.weekday{padding:7px 2px}.toolbar h2{min-width:145px;font-size:19px}.toolbar .actions{gap:5px}dialog{padding:18px}.payrow{grid-template-columns:1fr 1fr}.payrow>span{grid-column:1/-1}.payrow .check{margin:0 0 15px}.modalhead{align-items:flex-start}.nav{gap:10px}}

.project-story{margin:22px 0;padding:18px 22px;background:#e9eef2;border-left:3px solid #a77945;border-radius:4px;font-size:14px}.project-story p{margin:6px 0 0;color:#526879;max-width:1000px}