:root{--ink:#061a38;--blue:#1267e9;--light:#eef3f9;--line:#cfdae8;--green:#087145;--red:#b52636}*{box-sizing:border-box}body{margin:0;background:var(--light);color:var(--ink);font:15px Arial,sans-serif}.topbar{height:72px;padding:0 5vw;display:flex;align-items:center;justify-content:space-between;background:#fff;border-top:5px solid var(--blue)}.brand{color:var(--ink);font-size:25px;font-weight:950;text-decoration:none}.brand span{color:var(--blue)}nav{display:flex;gap:24px}nav a{color:var(--ink);font-weight:800;text-decoration:none}main{padding-bottom:60px}.intro{padding:42px max(20px,8vw);background:var(--ink);color:#fff}.intro p,.module-heading small{color:#70adff;font-size:12px;font-weight:900;letter-spacing:.15em}.intro h1{margin:8px 0;font-size:clamp(36px,6vw,72px);line-height:.95}.intro span{color:#bed0e5}.tabs{max-width:1160px;margin:24px auto 0;padding:0 20px;display:grid;grid-template-columns:1fr 1fr}.tabs button{padding:18px;border:2px solid var(--ink);background:#fff;color:var(--ink);font-size:18px;font-weight:950;cursor:pointer}.tabs button.active{background:var(--blue);border-color:var(--blue);color:#fff}.module{max-width:1120px;margin:0 auto;padding:24px 0}.module-heading{padding:0 20px 18px;display:flex;justify-content:space-between;gap:20px;align-items:end}.module-heading h2{max-width:780px;margin:6px 0 0;font-size:clamp(27px,4vw,46px);line-height:1}.status{padding:8px 12px;background:#d9f2e6;color:var(--green);font-weight:900}.workspace{padding:0 20px;display:grid;gap:18px}.invoice-workspace{grid-template-columns:1.1fr .9fr}.calls-workspace{grid-template-columns:1.1fr .9fr}.panel{background:#fff;border:1px solid var(--line);box-shadow:0 8px 24px #061a3810}.form-panel{padding:20px}.form-panel h3{margin-top:0;font-size:23px}.seller{padding:13px;margin-bottom:16px;display:grid;gap:4px;background:#e6eef9;border-left:5px solid var(--blue)}.seller small{font-weight:900;color:#426080}.seller span{font-size:12px;color:#607188}fieldset{margin:0 0 16px;padding:12px;border:1px solid var(--line)}legend{font-weight:900}fieldset label{margin-right:18px;font-weight:700}.grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.grid label{display:grid;gap:6px;color:#42546c;font-size:12px;font-weight:900}.grid .wide{grid-column:1/-1}input{width:100%;padding:11px;border:1px solid #b9c9dc;color:var(--ink);font:inherit}.business-fields{margin:13px 0;padding:13px;background:#fff4dc;border:1px solid #eed294}.sale-fields{margin:16px 0}.primary{padding:12px 16px;border:0;background:var(--blue);color:#fff;font-weight:900;cursor:pointer}.panel-title{min-height:58px;padding:14px 17px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.panel-title h3{margin:0}.panel-title span{font-size:12px;color:#61748d}.panel-title button{border:0;background:#e4eefb;color:var(--blue);padding:8px;font-weight:850;cursor:pointer}.empty{padding:30px;color:#718096;text-align:center}.document-list article{padding:15px 17px;display:grid;grid-template-columns:1fr auto;gap:5px;border-top:1px solid #e0e7f0}.document-list article:first-child{border-top:0}.document-list span{font-size:12px;color:#62758d}.document-list b{grid-row:1/3;grid-column:2;align-self:center}.document-list button{grid-column:1/-1;width:max-content;border:0;background:#e7eef8;color:#315273;padding:7px;font-weight:800;cursor:pointer}.rule-grid{padding:18px 20px;display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.rule-grid article{padding:15px;background:#dce8f7;display:grid;gap:5px}.rule-grid span{font-size:12px;color:#52677f}.communication-summary{padding:0 20px 18px;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.communication-summary article{padding:17px;background:var(--ink);color:#fff;display:grid;gap:5px}.communication-summary small{color:#70adff;font-weight:900}.communication-summary strong{font-size:28px}.communication-summary span{font-size:12px;color:#bfd0e5}.friends article{padding:13px 15px;display:flex;align-items:center;gap:10px;border-top:1px solid #e0e7f0}.friends article:first-child{border-top:0}.friends i{width:38px;height:38px;display:grid;place-items:center;border-radius:50%;background:#dce8f7;font-style:normal;font-weight:900;position:relative}.friends i:after{content:"";position:absolute;right:0;bottom:0;width:9px;height:9px;border:2px solid #fff;border-radius:50%;background:#20ad65}.friends i.busy:after{background:#db4653}.friends i.away:after{background:#dc9d25}.friends div{display:grid;gap:3px;flex:1}.friends span{color:#687a91;font-size:12px}.friends button{padding:8px;border:0;background:#e5eef9;color:#185fae;font-weight:850;cursor:pointer}.friends button[data-call=video]{background:#1267e9;color:#fff}.note{padding:0 15px 12px;color:#6b7d94;font-size:11px}.history article{padding:13px 15px;display:grid;grid-template-columns:1fr auto;gap:4px;border-top:1px solid #e0e7f0}.history span{font-size:12px;color:#697b91}.history b{grid-row:1/3;grid-column:2;align-self:center}dialog{padding:0;border:0;box-shadow:0 22px 80px #061a3866}dialog::backdrop{background:#061a3890}.invoice-paper{width:min(720px,90vw);padding:30px;position:relative;background:#fff}.invoice-paper .close{position:absolute;right:10px;top:10px;border:0;background:none;font-size:25px}.invoice-preview-header{display:flex;justify-content:space-between;border-bottom:4px solid var(--ink);padding-bottom:16px}.invoice-preview-header h2{margin:0}.invoice-meta,.invoice-parties{margin:18px 0;display:grid;grid-template-columns:1fr 1fr;gap:18px}.invoice-total{padding:16px;text-align:right;background:#e5eef9;font-size:25px;font-weight:950}.invoice-legal{font-size:11px;color:#617187}.call-screen{width:min(480px,90vw);padding:35px;text-align:center;background:var(--ink);color:#fff}.call-screen small{color:#70adff;font-weight:900}.caller-avatar{width:90px;height:90px;margin:22px auto 12px;display:grid;place-items:center;border-radius:50%;background:#70adff;color:var(--ink);font-size:45px;font-weight:950}.call-screen h2{margin:7px}.call-screen>strong{display:block;margin:20px;font-size:48px}.call-screen>span,.call-screen>p{display:block;color:#bfd0e5}.call-actions,.incoming-actions{margin-top:20px;display:flex;justify-content:center;gap:8px;flex-wrap:wrap}.call-actions button,.incoming-actions button{padding:11px 14px;border:0;background:#1769e8;color:#fff;font-weight:900;cursor:pointer}.danger{background:var(--red)!important}@media(max-width:760px){nav{display:none}.invoice-workspace,.calls-workspace,.rule-grid,.communication-summary{grid-template-columns:1fr}.grid{grid-template-columns:1fr}.grid .wide{grid-column:auto}.module-heading{align-items:start;flex-direction:column}.tabs button{font-size:14px}.invoice-meta,.invoice-parties{grid-template-columns:1fr}}
@media print{body>*{display:none!important}#invoiceDialog{display:block!important;position:static}.invoice-paper{box-shadow:none}.invoice-paper button{display:none}}