:root{--ink:#12324b;--deep:#0b1d2e;--accent:#087884;--cyan:#16b8c8;--muted:#586e7a;--line:#dce6e9;--paper:#fff;--bg:#f3f7f8;--radius:16px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--bg);font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,textarea,select{touch-action:manipulation}button,.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid transparent;border-radius:10px;padding:12px 18px;min-height:46px;font-weight:650;cursor:pointer;text-decoration:none;background:var(--ink);color:#fff;line-height:1.3}button:hover,.button:hover{filter:brightness(1.12)}button:disabled{opacity:.55;cursor:wait}.secondary{background:#fff;border-color:var(--line);color:var(--ink)}.ghost{background:transparent;color:var(--ink);padding-inline:10px}.danger{color:#9f3030;background:#fff1f0;border-color:#ebc3bf}a{color:var(--accent)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--cyan);outline-offset:3px}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(27px,4vw,38px);line-height:1.15;letter-spacing:-1.1px;margin-bottom:12px}h2{font-size:21px;letter-spacing:-.3px}h3{font-size:16px}p{line-height:1.6}.muted,small{color:var(--muted)}.eyebrow{font-size:11px;font-weight:750;letter-spacing:1.7px;text-transform:uppercase;color:var(--accent)}.brand{display:flex;align-items:center;gap:14px;text-decoration:none;color:var(--ink)}.brand img{width:116px;height:auto}.brand strong{font-size:18px;letter-spacing:2px;padding-left:14px;border-left:1px solid var(--line)}.shell{min-height:100vh;display:grid;grid-template-columns:230px 1fr}.sidebar{background:#fff;border-right:1px solid var(--line);padding:30px 22px;display:flex;flex-direction:column;gap:36px;position:sticky;top:0;height:100vh}.sidebar .brand{flex-direction:column;align-items:start;gap:18px}.sidebar .brand img{width:146px}.sidebar .brand strong{padding:0;border:0;font-size:24px;letter-spacing:4px}.sidebar nav{display:grid;gap:8px}.sidebar nav a{text-decoration:none;border-radius:10px;padding:14px;color:var(--muted);font-weight:600}.sidebar nav a.active{background:#e8f5f6;color:#08616a}.side-bottom{margin-top:auto;font-size:12px;line-height:1.7}.side-bottom strong{display:block;color:var(--ink);overflow-wrap:anywhere}.workspace{min-width:0}.topbar{height:76px;padding:0 38px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:#ffffffb5}.topbar span{font-size:13px;color:var(--muted)}main{max-width:1240px;margin:auto;padding:38px}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:30px}.page-heading p{margin:0;color:var(--muted)}.card{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:26px;box-shadow:0 3px 12px #12324b03}.hero{padding:32px;background:var(--deep);color:#fff;display:flex;align-items:center;justify-content:space-between;gap:28px;margin-bottom:26px;overflow:hidden}.hero .eyebrow{color:#67d8df}.hero h2{font-size:27px;max-width:530px;margin-bottom:10px}.hero p{color:#bed0d9;max-width:600px;margin-bottom:0}.hero .button{background:#fff;color:var(--ink);white-space:nowrap}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:28px}.stat{padding:23px}.stat span{display:block;font-size:13px;color:var(--muted);margin-bottom:15px}.stat strong{font-size:29px;letter-spacing:-.7px}.split{display:grid;grid-template-columns:2fr 1fr;gap:24px}.section-title{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px}.section-title h2{margin:0}.empty{text-align:center;padding:40px 20px}.empty .empty-icon{display:block;font-size:32px;margin-bottom:16px;color:var(--accent)}.empty p{max-width:390px;margin:0 auto 22px}.proposal-row{display:grid;grid-template-columns:1fr auto;gap:18px;padding:19px 0;border-bottom:1px solid var(--line)}.proposal-row:last-child{border-bottom:0}.proposal-row h3{margin-bottom:7px}.proposal-row a{text-decoration:none;color:var(--ink)}.proposal-row small{display:block}.row-right{text-align:right}.row-right strong{display:block;margin-bottom:8px}.badge{display:inline-flex;padding:5px 10px;font-size:11px;border-radius:30px;background:#edf1f3;color:#52636b;font-weight:650}.badge.sent{background:#eaf2ff;color:#315e95}.badge.approved{background:#e1f5eb;color:#266848}.badge.negotiation{background:#fff2d7;color:#805b17}.badge.lost{background:#fbe9e7;color:#9b4444}.toolbar{display:flex;gap:12px;margin-bottom:24px;flex-wrap:wrap}.toolbar input{flex:1;min-width:180px}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:18px}.full{grid-column:1/-1}label{display:block;font-size:13px;font-weight:600;margin-bottom:7px}input,select,textarea{width:100%;border:1px solid #beced5;border-radius:9px;padding:12px;color:var(--ink);background:#fff;min-height:46px}textarea{resize:vertical;min-height:96px}input[type=checkbox]{width:20px;height:20px;min-height:20px;flex:none}input[type=color]{height:48px;padding:4px}.field{margin-bottom:18px}.field small{display:block;margin-top:7px}.actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.editor{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:24px;align-items:start}.editor .card{margin-bottom:22px}.editor-aside{position:sticky;top:24px}.editor-aside strong{font-size:29px;display:block;margin:12px 0 22px}.editor-aside .button,.editor-aside button{width:100%;margin-top:10px}.item{border-bottom:1px solid var(--line);padding:18px 0;display:grid;grid-template-columns:minmax(100px,1fr) 92px 122px 46px;gap:12px;align-items:end}.item:first-child{padding-top:0}.item .field{margin:0}.item button{padding:0}.sumline{display:flex;justify-content:space-between;gap:14px;padding:9px 0;font-size:14px}.sumline.total{font-weight:750;font-size:21px;border-top:1px solid var(--line);margin-top:8px;padding-top:18px}.document{background:white;max-width:850px;margin:0 auto;padding:48px;border:1px solid var(--line);border-radius:12px}.document .company-logo{max-width:180px;max-height:90px;object-fit:contain;margin-bottom:24px}.document .doc-top{display:flex;justify-content:space-between;gap:20px;padding-bottom:24px;border-bottom:2px solid var(--cyan)}.document h1{font-size:28px}.document .doc-customer{margin:28px 0}.document table{width:100%;border-collapse:collapse;margin:25px 0;font-size:13px;table-layout:fixed}.document th{background:#eff5f7;text-align:left;font-size:11px;padding:12px 8px}.document td{padding:14px 8px;vertical-align:top;border-bottom:1px solid var(--line);overflow-wrap:anywhere}.document th:first-child{width:44%}.document p{white-space:pre-wrap;overflow-wrap:anywhere}.doc-totals{max-width:310px;margin:20px 0 30px auto}.doc-section{margin-top:24px}.public-shell{max-width:960px;margin:auto;padding:26px}.public-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;gap:20px}.public-actions{max-width:850px;margin:24px auto}.check{display:flex;gap:12px;align-items:start;font-weight:400;line-height:1.6}.auth-page{display:grid;grid-template-columns:1.1fr 1fr;min-height:100vh;background:white}.auth-story{background:var(--deep);color:#fff;padding:60px 9%;display:flex;flex-direction:column;justify-content:center}.auth-story h1{font-size:clamp(36px,4.5vw,60px);max-width:560px;line-height:1.12;margin:26px 0}.auth-story p{color:#bed0d9;max-width:470px}.auth-story .eyebrow{color:#74dce4}.auth-story .step{border-top:1px solid #385164;padding:18px 0;color:#d7e4ea;font-size:14px}.step b{color:#65d9e2;margin-right:18px}.auth-panel{padding:48px 12%;display:flex;flex-direction:column;justify-content:center}.auth-panel .brand{margin-bottom:44px}.auth-panel h2{font-size:28px}.auth-panel form button{width:100%;margin-top:10px}.auth-panel .switch{margin-top:24px;font-size:14px}.auth-panel .switch button{font-size:14px;padding:0;min-height:30px}.auth-panel .footnote{font-size:12px;margin-top:28px}.timeline{padding:0;list-style:none}.timeline li{border-left:2px solid var(--line);padding:0 0 20px 18px;margin-left:5px}.timeline p{margin:5px 0;font-size:13px;overflow-wrap:anywhere}.timeline time{font-size:11px;color:var(--muted)}.note{padding:15px 18px;border-radius:10px;background:#edf6f7;font-size:13px;line-height:1.6;margin:18px 0}.success{background:#e1f5eb;color:#205d3b}.error{background:#fff0ee;color:#9b3330;padding:14px;border-radius:8px;margin:15px 0}.loading{padding:40px;text-align:center}#notice:not(:empty){position:fixed;bottom:24px;left:50%;transform:translateX(-50%);max-width:90vw;background:var(--deep);color:white;padding:15px 22px;border-radius:12px;box-shadow:0 8px 40px #0002;z-index:20}.link-box{overflow-wrap:anywhere;padding:18px;border:1px solid var(--line);border-radius:10px;margin:14px 0}.client-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.client-grid .card p{font-size:13px;margin-bottom:8px;overflow-wrap:anywhere}.client-grid button{margin-top:12px}.mobile-title{display:none}dialog{border:1px solid var(--line);border-radius:18px;max-width:640px;width:calc(100% - 28px);padding:28px}dialog::backdrop{background:#0b1d2e88}.account-meta{font-size:13px}.reminder{padding:13px 0;border-bottom:1px solid var(--line);font-size:13px}.reminder a{display:block;font-weight:650;margin-bottom:5px}@media(max-width:1050px){.shell{grid-template-columns:190px 1fr}.sidebar{padding:26px 16px}main{padding:28px}.topbar{padding:0 28px}.editor{grid-template-columns:1fr}.editor-aside{position:static}.stats{grid-template-columns:repeat(2,1fr)}.client-grid{grid-template-columns:repeat(2,1fr)}.hero{align-items:start;flex-direction:column}.auth-panel{padding:40px 8%}.split{grid-template-columns:1fr}}@media(max-width:700px){.shell{display:block}.sidebar{height:auto;position:static;padding:18px 20px 0;border-right:0;gap:18px}.sidebar .brand{flex-direction:row;align-items:center;gap:14px}.sidebar .brand img{width:100px}.sidebar .brand strong{font-size:18px;letter-spacing:2px;padding-left:14px;border-left:1px solid var(--line)}.sidebar nav{display:flex;overflow:auto;gap:4px}.sidebar nav a{font-size:13px;padding:13px;white-space:nowrap;border-radius:10px 10px 0 0}.side-bottom{display:none}.topbar{height:52px;padding:0 20px}.topbar span{font-size:11px}main{padding:24px 18px}.page-heading{align-items:start;gap:14px}.page-heading h1{font-size:28px}.page-heading .button{font-size:12px;padding:11px;white-space:nowrap}.page-heading p{font-size:13px}.card{padding:20px}.hero{padding:24px}.hero h2{font-size:24px}.hero p{font-size:14px}.stats{gap:10px}.stat{padding:18px}.stat strong{font-size:25px}.stat span{font-size:12px;margin-bottom:10px}.grid2{grid-template-columns:1fr}.item{grid-template-columns:1fr 1fr 44px;gap:10px}.item .field:first-child{grid-column:1/-1}.client-grid{grid-template-columns:1fr}.document{padding:24px 16px}.document .doc-top{flex-direction:column}.document table{font-size:11px}.document td,.document th{padding:10px 4px}.document th:first-child{width:40%}.document h1{font-size:25px}.public-shell{padding:20px 12px}.public-header{flex-wrap:wrap}.public-header .brand img{width:96px}.auth-page{display:block}.auth-story{padding:36px 26px}.auth-story h1{font-size:34px;margin:18px 0}.auth-story .step{display:none}.auth-panel{padding:32px 26px}.auth-panel .brand{margin-bottom:28px}.auth-story p{margin:0}.actions>*{flex-grow:1}.row-right strong{font-size:14px}.proposal-row h3{font-size:14px}.editor-aside{margin-top:-10px}.toolbar{gap:8px}}
@media(max-width:700px){.document table,.document tbody{display:block}.document thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.document tr{display:block;border:1px solid var(--line);border-radius:10px;padding:12px;margin-bottom:12px}.document td{display:flex;justify-content:space-between;gap:12px;padding:7px 0;font-size:13px;border:0;overflow-wrap:normal;white-space:nowrap}.document td:first-child{display:block;font-weight:650;font-size:14px;white-space:normal;overflow-wrap:anywhere;padding-bottom:12px;margin-bottom:6px;border-bottom:1px solid var(--line)}.document td[data-label]::before{content:attr(data-label);color:var(--muted);font-size:12px;white-space:normal}.document td:last-child{font-weight:650}}