*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--cream: #F6F1E9;--cream-mid: #EDE6D6;--cream-dark: #E4DAC6;--white: #FDFBF7;--ink: #1A1714;--ink-soft: #3D3830;--ink-muted: #7A7268;--ink-faint: #B0A898;--terra: #C04E16;--terra-mid: #D96A30;--terra-light: #F0D5C4;--terra-faint: #FBF2EC;--sage: #3D6038;--sage-light: #CCDEC8;--sage-faint: #EEF5EC;--gold: #8A6610;--gold-light: #EFE0B0;--gold-faint: #FBF6E8;--border: rgba(26,23,20,.09);--border-mid: rgba(26,23,20,.15);--border-strong: rgba(26,23,20,.22);--shadow-sm: 0 1px 4px rgba(26,23,20,.06), 0 0 0 .5px rgba(26,23,20,.07);--shadow-md: 0 4px 16px rgba(26,23,20,.08), 0 0 0 .5px rgba(26,23,20,.06)}html{font-size:16px}body{font-family:"Source Serif 4",Georgia,serif;background:var(--cream);color:var(--ink);min-height:100vh;-webkit-font-smoothing:antialiased}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--cream-mid)}::-webkit-scrollbar-thumb{background:var(--ink-faint);border-radius:3px}.app{display:flex;flex-direction:column;height:100vh;overflow:hidden}.topbar{display:flex;align-items:center;justify-content:space-between;padding:0 32px;height:60px;background:var(--white);border-bottom:1px solid var(--border-mid);flex-shrink:0;position:relative;z-index:10}.logo{font-family:Playfair Display,serif;font-size:17px;font-weight:600;letter-spacing:-.02em;color:var(--ink);display:flex;align-items:center;gap:8px}.logo-dot{width:7px;height:7px;border-radius:50%;background:var(--terra)}.logo-divider{color:var(--ink-faint);font-weight:300;font-size:14px;margin:0 2px}.tab-bar{display:flex;gap:2px;background:var(--cream-mid);border-radius:28px;padding:4px;border:1px solid var(--border-mid)}.tab{padding:7px 20px;border-radius:22px;font-size:13px;font-family:"Source Serif 4",serif;font-weight:400;color:var(--ink-muted);cursor:pointer;border:none;background:transparent;transition:all .2s ease;white-space:nowrap;display:flex;align-items:center;gap:7px}.tab i{font-size:14px}.tab.active{background:var(--white);color:var(--ink);box-shadow:var(--shadow-sm)}.topbar-right{display:flex;align-items:center;gap:12px}.topbar-badge{display:flex;align-items:center;gap:6px;padding:5px 12px;background:var(--terra-faint);border:1px solid var(--terra-light);border-radius:20px;font-size:11px;font-family:DM Mono,monospace;color:var(--terra)}.topbar-badge .dot-pulse{width:6px;height:6px;border-radius:50%;background:var(--terra);animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.user-chip{width:36px;height:36px;border-radius:50%;background:var(--ink);display:flex;align-items:center;justify-content:center;font-family:Playfair Display,serif;font-size:13px;font-weight:600;color:var(--white);letter-spacing:.02em}.content{flex:1;overflow-y:auto;padding:32px}.scene{display:none;animation:fadeIn .3s ease}.scene.active{display:block}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.page-header{margin-bottom:28px}.eyebrow{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--terra);font-family:DM Mono,monospace;margin-bottom:6px}.page-title{font-family:Playfair Display,serif;font-size:26px;font-weight:500;color:var(--ink);line-height:1.2;letter-spacing:-.02em}.page-sub{font-size:14px;color:var(--ink-muted);margin-top:5px;font-weight:300;font-style:italic}.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:28px}.kpi{background:var(--white);border:1px solid var(--border-mid);border-radius:12px;padding:18px 20px;position:relative;overflow:hidden;box-shadow:var(--shadow-sm);transition:transform .2s}.kpi:hover{transform:translateY(-1px)}.kpi-accent{position:absolute;bottom:0;left:0;right:0;height:3px}.kpi.c-terra .kpi-accent{background:var(--terra)}.kpi.c-sage .kpi-accent{background:var(--sage)}.kpi.c-gold .kpi-accent{background:var(--gold)}.kpi.c-ink .kpi-accent{background:var(--ink-faint)}.kpi-label{font-size:10px;font-family:DM Mono,monospace;letter-spacing:.08em;color:var(--ink-muted);text-transform:uppercase;margin-bottom:10px}.kpi-value{font-family:Playfair Display,serif;font-size:32px;font-weight:500;color:var(--ink);line-height:1;letter-spacing:-.02em;margin-bottom:8px}.kpi-value sup{font-size:18px}.kpi-delta{font-size:12px;display:flex;align-items:center;gap:5px;font-family:DM Mono,monospace}.kpi-delta.up{color:var(--sage)}.kpi-delta.warn{color:var(--gold)}.kpi-delta.neutral{color:var(--ink-muted)}.two-col{display:grid;grid-template-columns:1.55fr 1fr;gap:16px}.card{background:var(--white);border:1px solid var(--border-mid);border-radius:12px;overflow:hidden;box-shadow:var(--shadow-sm)}.card-header{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;border-bottom:1px solid var(--border)}.card-title{font-family:Playfair Display,serif;font-size:14px;font-weight:500;color:var(--ink)}.card-action{font-size:11px;font-family:DM Mono,monospace;color:var(--terra);border:none;background:none;cursor:pointer;padding:0;letter-spacing:.02em;transition:opacity .15s}.card-action:hover{opacity:.7}.client-row{display:flex;align-items:center;gap:12px;padding:12px 20px;border-bottom:1px solid var(--border);cursor:pointer;transition:background .15s}.client-row:last-child{border-bottom:none}.client-row:hover{background:var(--cream)}.client-row.active{background:var(--terra-faint);border-left:3px solid var(--terra);padding-left:17px}.avatar{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:Playfair Display,serif;font-size:12px;font-weight:600;flex-shrink:0;letter-spacing:.02em}.client-info{flex:1;min-width:0}.client-name{font-size:14px;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.client-sub{font-size:11px;color:var(--ink-muted);font-family:DM Mono,monospace;margin-top:1px}.doc-status{font-size:11px;font-family:DM Mono,monospace;margin-right:8px}.doc-status.ok{color:var(--sage)}.doc-status.warn{color:var(--gold)}.doc-status.bad{color:var(--terra)}.badge{display:inline-flex;align-items:center;gap:4px;font-size:10px;padding:3px 9px;border-radius:20px;font-family:DM Mono,monospace;letter-spacing:.04em;white-space:nowrap;font-weight:500}.badge.red{background:var(--terra-light);color:var(--terra)}.badge.yellow{background:var(--gold-light);color:var(--gold)}.badge.green{background:var(--sage-light);color:var(--sage)}.badge.gray{background:var(--cream-dark);color:var(--ink-muted)}.pipeline{padding:18px 20px}.pipe-item{display:flex;align-items:center;gap:10px;margin-bottom:14px}.pipe-item:last-child{margin-bottom:0}.pipe-label{font-size:12px;color:var(--ink-soft);width:110px;flex-shrink:0}.pipe-track{flex:1;height:5px;background:var(--cream-dark);border-radius:3px;overflow:hidden}.pipe-fill{height:100%;border-radius:3px}.pipe-n{font-size:12px;font-family:DM Mono,monospace;color:var(--ink-muted);width:28px;text-align:right}.pipeline-footer{margin:12px -0px -0px;padding:12px 20px;background:var(--terra-faint);border-top:1px solid var(--terra-light);font-size:12px}.pipeline-footer .label{font-family:DM Mono,monospace;font-size:10px;color:var(--terra);letter-spacing:.08em;text-transform:uppercase;margin-bottom:3px}.pipeline-footer .value{color:var(--ink-soft)}.pipeline-footer .sub{font-size:11px;color:var(--ink-muted);font-family:DM Mono,monospace;margin-top:2px}.detail-header{display:flex;align-items:center;gap:16px;padding:20px 24px;background:var(--white);border:1px solid var(--border-mid);border-radius:12px;margin-bottom:20px;box-shadow:var(--shadow-sm)}.detail-avatar{width:52px;height:52px;border-radius:50%;background:var(--terra);display:flex;align-items:center;justify-content:center;font-family:Playfair Display,serif;font-size:18px;font-weight:600;color:#fff;flex-shrink:0;letter-spacing:.02em}.detail-name{font-family:Playfair Display,serif;font-size:20px;font-weight:500;letter-spacing:-.02em}.detail-meta{font-size:12px;font-family:DM Mono,monospace;color:var(--ink-muted);margin-top:3px}.detail-badges{display:flex;gap:6px;margin-top:8px}.detail-right{margin-left:auto;text-align:center}.ring-label{font-size:10px;font-family:DM Mono,monospace;color:var(--ink-muted);letter-spacing:.06em;text-transform:uppercase;margin-bottom:6px}.ring-wrap{position:relative;width:64px;height:64px;margin:0 auto}.ring-wrap svg{transform:rotate(-90deg)}.ring-pct{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-family:Playfair Display,serif;font-size:16px;font-weight:500;color:var(--ink)}.checklist-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:20px}.checklist-card{background:var(--white);border:1px solid var(--border-mid);border-radius:12px;overflow:hidden;box-shadow:var(--shadow-sm)}.checklist-head{padding:11px 16px;border-bottom:1px solid var(--border);font-size:11px;font-family:DM Mono,monospace;color:var(--ink-soft);letter-spacing:.06em;text-transform:uppercase;display:flex;align-items:center;gap:7px}.doc-item{display:flex;align-items:center;gap:10px;padding:10px 16px;border-bottom:1px solid var(--border)}.doc-item:last-child{border-bottom:none}.doc-icon{width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:10px}.doc-icon.yes{background:var(--sage-light);color:var(--sage)}.doc-icon.no{background:var(--terra-light);color:var(--terra)}.doc-icon.wait{background:var(--gold-light);color:var(--gold)}.doc-name{font-size:13px;color:var(--ink-soft);flex:1}.doc-date{font-size:10px;font-family:DM Mono,monospace;color:var(--ink-faint)}.doc-date.late{color:var(--terra)}.timeline-wrap{padding:8px 4px}.tl-item{display:flex;gap:14px;padding:10px 20px;position:relative}.tl-left{display:flex;flex-direction:column;align-items:center;flex-shrink:0}.tl-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0;position:relative;z-index:1}.tl-dot.sent{background:var(--sage)}.tl-dot.read{background:var(--gold)}.tl-dot.ignored{background:var(--ink-faint)}.tl-dot.urgent{background:var(--terra)}.tl-dot.pending{background:transparent;border:2px dashed var(--ink-faint)}.tl-line{width:1px;flex:1;background:var(--border-mid);margin-top:3px;margin-bottom:-8px}.tl-item:last-child .tl-line{display:none}.tl-body{flex:1;padding-bottom:8px}.tl-title{font-size:13px;color:var(--ink)}.tl-sub{font-size:11px;font-family:DM Mono,monospace;color:var(--ink-muted);margin-top:2px}.tl-right{flex-shrink:0;padding-top:1px}.stat-row{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:24px}.stat-box{background:var(--white);border:1px solid var(--border-mid);border-top:3px solid var(--terra);border-radius:12px;padding:18px 20px;box-shadow:var(--shadow-sm)}.stat-val{font-family:Playfair Display,serif;font-size:30px;font-weight:500;color:var(--ink);letter-spacing:-.02em;line-height:1}.stat-label{font-size:11px;font-family:DM Mono,monospace;color:var(--ink-muted);margin-top:6px;letter-spacing:.02em}.flow-card{background:var(--white);border:1px solid var(--border-mid);border-radius:12px;padding:24px;margin-bottom:16px;box-shadow:var(--shadow-sm)}.flow-card-title{font-family:Playfair Display,serif;font-size:15px;font-weight:500;margin-bottom:22px;padding-bottom:14px;border-bottom:1px solid var(--border);color:var(--ink)}.flow-steps{display:flex;align-items:flex-start;position:relative}.flow-steps:before{content:"";position:absolute;top:20px;left:calc(10% + 20px);right:calc(10% + 20px);height:1px;background:var(--border-mid)}.flow-step{flex:1;text-align:center;position:relative}.flow-node{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;margin:0 auto 10px;font-size:18px;position:relative;z-index:1;border:1px solid transparent}.flow-node.n-terra{background:var(--terra-light);color:var(--terra);border-color:#c04e1633}.flow-node.n-gold{background:var(--gold-light);color:var(--gold);border-color:#8a661033}.flow-node.n-sage{background:var(--sage-light);color:var(--sage);border-color:#3d603833}.flow-step-label{font-size:12px;color:var(--ink-soft);line-height:1.4}.flow-step-sub{font-size:10px;font-family:DM Mono,monospace;color:var(--ink-faint);margin-top:3px}.pending-card{background:var(--white);border:1px solid var(--border-mid);border-radius:12px;overflow:hidden;box-shadow:var(--shadow-sm);margin-bottom:16px}.pending-card-header{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;border-bottom:1px solid var(--border)}.pending-table{width:100%;border-collapse:collapse;font-size:13px}.pending-table th{text-align:left;padding:10px 16px;border-bottom:1px solid var(--border-mid);font-family:DM Mono,monospace;font-size:10px;font-weight:400;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-muted);background:var(--cream)}.pending-table td{padding:11px 16px;border-bottom:1px solid var(--border);color:var(--ink-soft);vertical-align:middle}.pending-table tr:last-child td{border-bottom:none}.pending-table tr:hover td{background:var(--cream)}.btn-send{display:inline-flex;align-items:center;gap:7px;padding:8px 18px;background:var(--terra);color:#fff;border:none;border-radius:22px;font-size:12px;font-family:DM Mono,monospace;letter-spacing:.05em;cursor:pointer;transition:all .2s;box-shadow:0 2px 8px #c04e1633}.btn-send:hover{background:var(--terra-mid)}.btn-send.sent{background:var(--sage);box-shadow:0 2px 8px #3d603833}.email-card{background:var(--white);border:1px solid var(--border-mid);border-radius:12px;overflow:hidden;box-shadow:var(--shadow-sm)}.email-toolbar{display:flex;align-items:center;gap:6px;padding:10px 16px;background:var(--cream-mid);border-bottom:1px solid var(--border-mid)}.email-toolbar-dot{width:10px;height:10px;border-radius:50%}.email-body-wrap{padding:20px 24px}.email-from{font-size:11px;font-family:DM Mono,monospace;color:var(--ink-muted);margin-bottom:4px}.email-subject{font-family:Playfair Display,serif;font-size:16px;font-weight:500;color:var(--ink);margin-bottom:16px;padding-bottom:14px;border-bottom:1px solid var(--border)}.email-text{font-size:14px;line-height:1.7;color:var(--ink-soft);font-weight:300}.email-pill{display:inline-block;background:var(--terra-light);color:var(--terra);font-family:DM Mono,monospace;font-size:11px;padding:2px 8px;border-radius:4px;margin:0 2px}.email-footer{padding:10px 24px 12px;border-top:1px solid var(--border);font-size:11px;font-family:DM Mono,monospace;color:var(--ink-faint);display:flex;align-items:center;gap:6px}.bottombar{display:flex;align-items:center;justify-content:space-between;padding:0 32px;height:58px;background:var(--white);border-top:1px solid var(--border-mid);flex-shrink:0}.stepper{display:flex;align-items:center;gap:10px}.step-pip{height:5px;border-radius:3px;background:var(--cream-dark);transition:all .35s ease;width:6px}.step-pip.on{background:var(--terra);width:22px}.nav-btn{display:flex;align-items:center;gap:7px;padding:9px 20px;border-radius:22px;font-size:13px;font-family:"Source Serif 4",serif;cursor:pointer;transition:all .18s;border:1px solid var(--border-strong);background:transparent;color:var(--ink-soft)}.nav-btn.primary{background:var(--ink);color:var(--white);border-color:var(--ink);box-shadow:0 2px 8px #1a17142e}.nav-btn:hover:not(:disabled){opacity:.82}.nav-btn:disabled{opacity:.28;cursor:default;pointer-events:none}.logo-muted{font-weight:400;color:var(--ink-muted)}.pending-client-name{font-family:Playfair Display,serif;font-weight:500;font-size:14px}.pending-mono{font-family:DM Mono,monospace;font-size:11px}.pending-mono-terra{font-family:DM Mono,monospace;font-size:11px;color:var(--terra)}.pending-mono-gold{font-family:DM Mono,monospace;font-size:11px;color:var(--gold)}.doc-date-wait{color:var(--gold)}.email-toolbar-label{margin-left:10px;font-size:11px;font-family:DM Mono,monospace;color:var(--ink-muted)}.email-dot-red{background:#e8554e}.email-dot-yellow{background:#f5a623}.email-dot-green{background:#69c244}.avatar-terra{background:var(--terra-light);color:var(--terra)}.avatar-gold{background:var(--gold-light);color:var(--gold)}.avatar-sage{background:var(--sage-light);color:var(--sage)}.pipe-fill-sage{width:68%;background:var(--sage)}.pipe-fill-gold{width:24%;background:var(--gold)}.pipe-fill-terra{width:8.5%;background:var(--terra)}.pipe-fill-empty{width:0%}.icon-sm{font-size:12px}.icon-xs{font-size:9px}.icon-10{font-size:10px}.icon-13{font-size:13px}