:root{color:#231d17;font-family:Avenir Next,Segoe UI,Trebuchet MS,sans-serif;font-synthesis:none;font-weight:400;line-height:1.5;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;background:radial-gradient(circle at top left,rgba(245,220,188,.75),transparent 32%),radial-gradient(circle at 85% 10%,rgba(227,204,170,.65),transparent 26%),linear-gradient(180deg,#f8f3ea,#f2ece1 52%,#ebe4d7)}*{box-sizing:border-box}html{min-width:320px}body{margin:0;min-height:100vh}body:before{background:linear-gradient(rgba(142,114,83,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(142,114,83,.045) 1px,transparent 1px);background-position:center center;background-size:26px 26px;content:"";inset:0;pointer-events:none;position:fixed}button,input,select,textarea{font:inherit}#root{min-height:100vh}.page-shell{display:grid;gap:1.5rem;margin:0 auto;max-width:1520px;padding:2rem}.hero{align-items:start;display:grid;gap:1.5rem;grid-template-columns:minmax(0,1.45fr) minmax(320px,420px)}.eyebrow,.panel-kicker,.metric-label,.line-item-badge,.status-pill{letter-spacing:.12em;text-transform:uppercase}.eyebrow,.panel-kicker,.metric-label{color:#8a6038;font-size:.75rem;font-weight:700}.hero h1,.panel-header h2,.panel-subheader h3,.line-item-header h4{color:#1f1c17;font-family:Avenir Next,Trebuchet MS,Segoe UI,sans-serif;margin:0}.hero h1{font-size:clamp(2.4rem,4vw,4.6rem);line-height:.96;max-width:14ch}.hero-copy{color:#4d443c;font-size:1.02rem;line-height:1.7;margin:1rem 0 0;max-width:66ch}.auth-card,.metric-card,.panel,.line-item-card,.material-card{background:#fffaf3eb;border:1px solid rgba(102,78,51,.12);border-radius:28px;box-shadow:0 16px 40px #5c442a14}.auth-card{display:grid;gap:1rem;padding:1.35rem}.auth-summary{display:grid;gap:.75rem}.auth-summary div{background:#f3e8dbd9;border-radius:18px;display:grid;gap:.2rem;padding:.8rem .95rem}.auth-summary span{color:#7a654f;font-size:.8rem}.auth-summary strong{color:#241c15}.role-toggle,.mode-switch{background:#c2a37c2e;border-radius:999px;display:inline-grid;gap:.25rem;grid-auto-flow:column;padding:.25rem}.role-toggle button,.mode-switch button,.button,.client-card,.history-row{transition:background-color .14s ease,border-color .14s ease,color .14s ease,transform .14s ease,box-shadow .14s ease}.role-toggle button,.mode-switch button{background:transparent;border:0;border-radius:999px;color:#564c43;font:inherit;font-weight:700;padding:.7rem 1rem}.role-toggle button.is-active,.mode-switch button.is-active{background:#9d6f42;color:#fff9f1}.auth-copy,.metric-card p,.client-card p,.material-card p,.snapshot-notes p,.empty-state{color:#605349;margin:0}.message-banner{background:#f3e8dbd9;border-radius:18px;color:#59452f;margin:0;padding:.9rem 1rem}.metrics-grid{display:grid;gap:1rem;grid-template-columns:repeat(4,minmax(0,1fr))}.metric-card{display:grid;gap:.5rem;padding:1.2rem}.metric-card strong{color:#221d16;font-size:2rem;line-height:1}.workspace{display:grid;gap:1.25rem;grid-template-columns:minmax(260px,320px) minmax(0,1.35fr) minmax(320px,420px)}.right-rail{display:grid;gap:1.25rem}.panel{display:grid;gap:1.1rem;padding:1.2rem}.panel-header,.panel-subheader,.line-item-header,.client-card-top,.client-card-footer,.material-card-top,.draft-footer,.draft-actions,.snapshot-totals{align-items:center;display:flex;gap:.75rem;justify-content:space-between}.panel-header,.panel-subheader{align-items:start}.panel-header div,.panel-subheader div{display:grid;gap:.2rem}.button{background:#a56d37;border:1px solid transparent;border-radius:999px;color:#fffaf4;cursor:pointer;font:inherit;font-weight:700;padding:.78rem 1.1rem}.button:hover,.client-card:hover,.history-row:hover{box-shadow:0 10px 24px #523a1f21;transform:translateY(-1px)}.button-secondary{background:#f1e0cc;color:#6c4c29}.button-ghost{background:transparent;border-color:#664e332e;color:#6a5642}.field-grid{display:grid;gap:1rem;grid-template-columns:repeat(2,minmax(0,1fr))}.compact-grid{gap:.75rem}.field{display:grid;gap:.45rem}.field span{color:#75573c;font-size:.84rem;font-weight:700}.field-span-2{grid-column:span 2}input,select,textarea{appearance:none;background:#ffffffe6;border:1px solid rgba(108,89,67,.18);border-radius:16px;color:#1f1c17;font:inherit;min-width:0;padding:.85rem .95rem}input:focus,select:focus,textarea:focus{border-color:#b87a3d;box-shadow:0 0 0 3px #b87a3d24;outline:none}textarea{resize:vertical}.client-list,.history-list,.line-item-stack,.material-stack{display:grid;gap:.85rem}.client-card,.history-row{background:#fffcf6e0;border:1px solid rgba(112,83,56,.12);border-radius:22px;color:inherit;cursor:pointer;display:grid;gap:.45rem;padding:1rem;text-align:left}.client-card.is-selected,.history-row.is-selected{background:#f6ead9;border-color:#a56d3752}.client-card strong,.history-row strong,.material-card strong,.snapshot-meta strong,.snapshot-totals strong{color:#261d15}.client-card-top span,.client-card-footer span,.history-meta span,.material-card-top span,.material-footnote,.snapshot-meta span,.snapshot-totals span,.snapshot-notes span,.line-item-summary span{color:#786757;font-size:.84rem}.client-card-footer,.history-meta{display:flex;justify-content:space-between}.history-block{display:grid;gap:.8rem}.line-item-card{padding:1rem}.line-item-badge{color:#9c6841;font-size:.72rem;font-weight:700}.line-item-summary,.totals-grid,.snapshot-meta{display:grid;gap:.8rem;grid-template-columns:repeat(4,minmax(0,1fr))}.line-item-summary,.totals-grid{margin-top:1rem}.line-item-summary div,.totals-grid div,.snapshot-meta div{background:#f7ede1c7;border-radius:18px;display:grid;gap:.25rem;padding:.9rem}.line-item-summary strong,.totals-grid strong{color:#241c15;font-size:1.05rem}.draft-footer{align-items:end;border-top:1px solid rgba(112,83,56,.12);margin-top:.25rem;padding-top:1rem}.draft-actions{flex-wrap:wrap;justify-content:flex-end}.status-pill{background:#efe3d4f2;border-radius:999px;color:#76522f;display:inline-flex;font-size:.72rem;font-weight:700;padding:.5rem .8rem}.status-pill.is-editable{background:#cce4ccf2;color:#336347}.material-card{display:grid;gap:.85rem;padding:1rem}.material-card-top{align-items:start}.material-card-top div{display:grid;gap:.2rem}.material-footnote{margin:0}.snapshot{display:grid;gap:1rem}.snapshot-table{border:1px solid rgba(110,89,65,.14);border-radius:20px;overflow:hidden}.snapshot-table-head,.snapshot-table-row{column-gap:1rem;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr) 80px 100px;padding:.95rem 1rem}.snapshot-table-head{background:#f2e9ddf2;color:#70573f;font-size:.8rem;font-weight:700;text-transform:uppercase}.snapshot-table-row{border-top:1px solid rgba(110,89,65,.08);color:#32261b}.snapshot-totals{gap:.9rem}.snapshot-totals div{align-items:start;background:#f7ede1c7;border-radius:18px;display:grid;flex:1;gap:.25rem;padding:.9rem}.snapshot-notes{background:#f8efe5e0;border-radius:20px;display:grid;gap:.45rem;padding:.95rem 1rem}.empty-state{background:#f8efe5e0;border-radius:20px;padding:1rem}@media(max-width:1220px){.hero,.workspace,.metrics-grid{grid-template-columns:1fr}.right-rail{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:880px){.page-shell{padding:1rem}.field-grid,.line-item-summary,.totals-grid,.snapshot-meta,.right-rail{grid-template-columns:1fr}.field-span-2{grid-column:span 1}.draft-footer,.panel-header,.panel-subheader,.line-item-header,.snapshot-totals{align-items:stretch;flex-direction:column}.draft-actions,.panel-header,.panel-subheader,.button,.button-secondary,.button-ghost,.mode-switch,.role-toggle{width:100%}.role-toggle,.mode-switch{grid-auto-flow:row}.snapshot-table-head,.snapshot-table-row{grid-template-columns:1fr 1fr}}