:root{--ink:#17231d;--muted:#68726c;--green:#0e6145;--green2:#1e7b5b;--mint:#e7f4ec;--cream:#f5f2e9;--line:#dedfd8;--white:#fff;--red:#b85042}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--ink);-webkit-font-smoothing:antialiased;background:#f8f8f4;margin:0;font-family:Arial,Helvetica Neue,sans-serif}button,input{font:inherit}button{cursor:pointer}.topbar{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);z-index:10;background:#ffffffd9;justify-content:space-between;align-items:center;height:74px;padding:0 max(24px,50vw - 590px);display:flex;position:sticky;top:0}.brand{color:var(--ink);letter-spacing:-.8px;align-items:center;font-size:21px;font-weight:800;text-decoration:none;display:flex}.brandMark{background:var(--green);color:#fff;border-radius:8px;place-items:center;width:30px;height:30px;margin-right:9px;display:grid}.brandMark svg{width:17px}.brandDot{color:#d99b4e}.addButton,.heroAdd{background:var(--green);color:#fff;border:0;border-radius:10px;align-items:center;gap:8px;padding:11px 16px;font-weight:700;transition:all .2s;display:flex;box-shadow:0 2px #0000001a}.addButton:hover,.heroAdd:hover,.submit:hover{background:#094c36;transform:translateY(-1px)}button:focus-visible,input:focus-visible{outline-offset:2px;outline:3px solid #1e7b5b40}.addButton svg,.heroAdd svg{width:18px}.shell{max-width:1180px;margin:0 auto;padding:70px 24px 32px}.hero{justify-content:space-between;align-items:flex-end;margin-bottom:50px;display:flex}.eyebrow{color:var(--green2);letter-spacing:2px;margin:0 0 15px;font-size:11px;font-weight:800}.hero h1{letter-spacing:-2px;margin:0;font-family:Georgia,Times New Roman,serif;font-size:52px;font-weight:400;line-height:1.03}.hero h1 span{color:#7d857f;font-style:italic}.intro{color:var(--muted);margin:18px 0 0;font-size:16px}.intro strong{color:var(--ink)}.heroAdd{border-radius:12px;padding:14px 20px}.stats{grid-template-columns:1.4fr 1fr 1fr;gap:14px;margin-bottom:55px;display:grid}.stat{border:1px solid var(--line);background:#fff;border-radius:15px;padding:22px 24px;box-shadow:0 3px 14px #1f2a2309}.stat.open{background:var(--green);border-color:var(--green);color:#fff;position:relative;overflow:hidden}.stat.open:after{content:"";border:35px solid #ffffff0b;border-radius:50%;width:180px;height:180px;position:absolute;bottom:-110px;right:-75px}.statTop{justify-content:space-between;align-items:center;margin-bottom:25px;font-size:13px;font-weight:700;display:flex}.stat.open .statTop,.stat.open small{color:#d3e5db}.statIcon,.statusMark{background:#ffffff1f;border-radius:8px;place-items:center;width:27px;height:27px;display:grid}.statIcon svg,.statusMark svg{width:15px}.statusMark.won{color:var(--green);background:var(--mint)}.statusMark.lost{color:var(--red);background:#faece9}.stat>strong{letter-spacing:-1px;margin-bottom:6px;font-family:Georgia,serif;font-size:33px;font-weight:500;display:block}.stat small{color:var(--muted);font-size:12px}.sectionHead{justify-content:space-between;align-items:flex-end;margin-bottom:18px;display:flex}.sectionHead h2{letter-spacing:-.5px;margin:0 0 5px;font-family:Georgia,serif;font-size:28px;font-weight:500}.sectionHead p{color:var(--muted);margin:0;font-size:14px}.duePill{color:#8e4e29;background:#f8e9dc;border-radius:99px;align-items:center;gap:7px;padding:7px 11px;font-size:12px;font-weight:700;display:flex}.duePill i{background:#c56a36;border-radius:50%;width:6px;height:6px}.quoteList{flex-direction:column;gap:9px;display:flex}.quote{border:1px solid var(--line);background:#fff;border-radius:13px;justify-content:space-between;align-items:center;gap:20px;padding:18px 18px 18px 20px;transition:all .2s;display:flex;position:relative}.quote:hover{border-color:#c6cac4;box-shadow:0 5px 18px #1f2a230d}.quote.urgent:before{content:"";background:#d4814e;border-radius:0 3px 3px 0;width:3px;position:absolute;top:15px;bottom:15px;left:-1px}.quoteMain{flex:1;align-items:center;min-width:0;display:flex}.avatar{color:#526058;letter-spacing:.5px;background:#edf0e9;border-radius:50%;flex:none;place-items:center;width:43px;height:43px;margin-right:16px;font-size:12px;font-weight:800;display:grid}.quoteInfo{flex:1;min-width:0}.customerRow{align-items:center;gap:10px;display:flex}.customerRow h3{white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:15px;overflow:hidden}.quoteInfo>p{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;margin:4px 0 8px;font-size:13px;overflow:hidden}.timing{color:#4e775f;white-space:nowrap;text-transform:uppercase;letter-spacing:.3px;background:#edf5ef;border-radius:99px;padding:4px 7px;font-size:10px;font-weight:800}.timing.now{color:#a75127;background:#faece1}.meta{color:#8a918d;align-items:center;gap:13px;font-size:11px;display:flex}.meta strong{color:var(--ink);font-size:13px}.meta span{position:relative}.meta span:before{content:"";background:#adb3af;border-radius:50%;width:2px;height:2px;position:absolute;top:6px;left:-7px}.actions{flex:none;align-items:center;gap:7px;display:flex}.actions button{border-radius:9px;height:36px}.sendBtn{color:var(--green);background:#f8fcf9;border:1px solid #bbd0c4;align-items:center;gap:7px;padding:0 12px;font-size:12px;font-weight:800;display:flex}.sendBtn svg{width:14px}.sendBtn:hover{background:var(--mint)}.iconBtn{border:1px solid var(--line);color:#89908c;background:#fff;place-items:center;width:36px;display:grid}.iconBtn svg{width:16px}.winBtn:hover{background:var(--mint);color:var(--green);border-color:#b9d8c6}.loseBtn:hover{color:var(--red);background:#faece9;border-color:#ebc8c2}.storageNote{text-align:center;color:#939993;margin:28px 0;font-size:11px}.empty{text-align:center;border:1px solid var(--line);background:#fff;border-radius:14px;padding:50px 20px}.empty>span{background:var(--mint);width:42px;height:42px;color:var(--green);border-radius:50%;place-items:center;margin:auto;display:grid}.empty svg{width:20px}.empty h3{margin:14px 0 5px;font-family:Georgia,serif;font-size:23px}.empty p{color:var(--muted);font-size:14px}.empty button{color:var(--green);background:0 0;border:0;font-weight:800}.overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:30;background:#121d1785;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{background:#fff;border-radius:18px;width:min(100%,520px);max-height:calc(100vh - 40px);padding:35px;animation:.22s ease-out up;position:relative;overflow:auto;box-shadow:0 25px 80px #00000040}@keyframes up{0%{opacity:0;transform:translateY(12px)scale(.98)}}.close{width:35px;height:35px;color:var(--muted);background:#f2f3ef;border:0;border-radius:50%;place-items:center;display:grid;position:absolute;top:20px;right:20px}.close:hover{background:#e7e9e4}.close svg{width:17px}.modal h2{letter-spacing:-.7px;margin:0;font-family:Georgia,serif;font-size:32px;font-weight:500}.modalIntro{color:var(--muted);margin:7px 0 25px;font-size:14px}.modal form{flex-direction:column;gap:17px;display:flex}.modal label{color:#39443e;flex-direction:column;gap:7px;font-size:12px;font-weight:800;display:flex}.modal input{width:100%;height:45px;color:var(--ink);background:#fcfcfa;border:1px solid #d8dbd5;border-radius:9px;padding:0 12px}.modal input::placeholder{color:#a7aca8}.moneyInput{position:relative}.moneyInput span{color:#7f8782;position:absolute;top:13px;left:13px}.moneyInput input{padding-left:29px}.dateRow{grid-template-columns:1fr 1fr;gap:12px;display:grid}.submit{background:var(--green);color:#fff;border:0;border-radius:10px;justify-content:center;align-items:center;gap:10px;height:48px;margin-top:5px;font-weight:800;transition:all .2s;display:flex}.submit svg{width:17px}.toast{background:var(--ink);color:#fff;z-index:50;opacity:0;pointer-events:none;white-space:nowrap;border-radius:10px;align-items:center;gap:10px;padding:11px 16px 11px 11px;font-size:13px;transition:all .25s;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%,20px)}.toast.show{opacity:1;transform:translate(-50%)}.toast span{background:#31805f;border-radius:6px;place-items:center;width:23px;height:23px;display:grid}.toast svg{width:14px}@media (max-width:800px){.shell{padding-top:44px}.hero{align-items:flex-start}.hero h1{font-size:42px}.heroAdd{display:none}.stats{grid-template-columns:1fr 1fr}.stat.open{grid-column:1/-1}.quote{flex-wrap:wrap;align-items:flex-end}.quoteMain{flex-basis:100%}.actions{margin-left:59px}.sendBtn{flex:1}.actions .sendBtn{padding:0 16px}.sectionHead{align-items:center}}@media (max-width:520px){.topbar{height:64px;padding:0 16px}.addButton{padding:10px 12px}.shell{padding:35px 15px 25px}.hero{margin-bottom:34px}.eyebrow{margin-bottom:11px}.hero h1{letter-spacing:-1.4px;font-size:36px}.intro{font-size:14px;line-height:1.5}.stats{gap:8px;margin-bottom:40px}.stat{padding:17px}.statTop{margin-bottom:18px}.stat>strong{font-size:27px}.sectionHead p{display:none}.sectionHead h2{font-size:25px}.quote{gap:13px;padding:16px 13px 14px 15px}.avatar{width:38px;height:38px;margin-right:11px}.customerRow{display:block}.customerRow h3{margin-bottom:5px}.quoteInfo>p{margin-top:6px}.meta{gap:11px}.meta span:before{left:-6px}.actions{width:100%;margin-left:49px}.actions .sendBtn{flex:1;justify-content:center}.modal{border-radius:15px;padding:29px 20px}.modal h2{font-size:28px}.dateRow{grid-template-columns:1fr}.overlay{padding:10px}.toast{white-space:normal;width:max-content;max-width:calc(100vw - 24px)}.storageNote{margin-top:22px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.skipLink{z-index:100;background:var(--ink);color:#fff;border-radius:8px;padding:10px 14px;font-weight:700;text-decoration:none;transition:transform .15s;position:fixed;top:10px;left:12px;transform:translateY(-150%)}.skipLink:focus{transform:translateY(0)}button,.brand{touch-action:manipulation;-webkit-tap-highlight-color:#0e614524}.stat>strong,.meta strong{font-variant-numeric:tabular-nums}.hero h1,.sectionHead h2,.modal h2{text-wrap:balance}.modal{overscroll-behavior:contain}