:root{--navy:#123844;--cyan:#16a9d4;--ink:#101719;--muted:#718087;--line:#d8e0e3;--soft:#eaf6fa}*{box-sizing:border-box}body{color:var(--ink);background:#eef3f4;margin:0;font-family:Arial,sans-serif}button,a{font:inherit}.appbar{border-bottom:1px solid var(--line);z-index:10;background:#fff;justify-content:space-between;align-items:center;height:72px;padding:0 28px;display:flex;position:sticky;top:0}.brand{align-items:baseline;gap:10px;display:flex}.brand strong{font:800 24px Georgia}.brand span{color:var(--cyan);font-size:11px;font-weight:800}.identity{align-items:center;gap:18px;display:flex}.identity>span{font-size:13px;font-weight:700}.identity small{color:var(--muted);font-weight:400;display:block}.identity a{color:var(--navy);font-size:12px}.tabs{gap:8px;max-width:1450px;margin:18px auto 0;padding:0 24px;display:flex}.tabs button,.form-actions button,.dashboard button,.preview-toolbar button{cursor:pointer;color:var(--navy);background:#fff;border:0;border-radius:9px;padding:10px 15px;font-weight:700}.tabs button.active,.save,.preview-toolbar button{background:var(--navy)!important;color:#fff!important}.workspace{grid-template-columns:minmax(460px,650px) minmax(520px,1fr);gap:24px;max-width:1500px;margin:auto;padding:18px 24px 30px;display:grid}.form-column{flex-direction:column;gap:16px;display:flex}.intro{padding:12px 4px}.intro p,.dashboard-head p{color:var(--cyan);letter-spacing:.12em;margin:0;font-size:11px;font-weight:800}.intro h1,.dashboard h1{margin:6px 0;font:800 34px Georgia}.intro span{color:var(--muted)}.card{border:1px solid var(--line);background:#fff;border-radius:16px;padding:20px;box-shadow:0 8px 30px #162d340a}.card.internal{background:linear-gradient(#fff,#f7fcfd);border-color:#b8dce7}.card-title{justify-content:space-between;align-items:center;display:flex}.card h2{margin:0 0 16px;font:700 19px Georgia}.card-title span{background:var(--soft);color:var(--navy);border-radius:99px;padding:6px 9px;font-size:10px;font-weight:800}.grid{gap:14px;display:grid}.two{grid-template-columns:1fr 1fr}.three{grid-template-columns:repeat(3,1fr)}label{color:#435158;flex-direction:column;gap:7px;font-size:12px;font-weight:800;display:flex}input,select,textarea{width:100%;color:var(--ink);background:#fff;border:1px solid #cbd6da;border-radius:9px;padding:11px 12px;font:500 14px Arial}textarea{resize:vertical}.card>label{margin-top:14px}.metrics,.pay-summary{grid-template-columns:repeat(3,1fr);gap:9px;margin-top:16px;display:grid}.metric{background:var(--soft);border-radius:10px;padding:13px}.metric span{color:var(--muted);margin-bottom:6px;font-size:11px;display:block}.metric strong{color:var(--navy);font-size:15px}.form-actions{align-items:center;gap:10px;display:flex}.form-actions button{border:1px solid var(--line)}.form-actions span{color:var(--navy);font-size:12px;font-weight:700}.preview-wrap{height:max-content;position:sticky;top:92px}.preview-toolbar{color:var(--muted);justify-content:space-between;align-items:center;margin-bottom:8px;font-size:11px;font-weight:800;display:flex}.quote-paper{background:#fff;max-width:760px;min-height:980px;margin:auto;padding:46px 52px;box-shadow:0 18px 50px #1238441f}.quote-paper>header{border-bottom:3px solid var(--navy);justify-content:space-between;padding-bottom:22px;display:flex}.quote-paper>header>div:last-child{text-align:right;color:var(--navy);flex-direction:column;gap:5px;font-size:12px;display:flex}.qbrand{flex-direction:column;display:flex}.qbrand strong{font:800 28px Georgia}.qbrand span{color:var(--cyan);font-size:11px;font-weight:800}.client-grid{grid-template-columns:1fr 1fr;gap:30px;margin:28px 0;display:grid}.client-grid div{flex-direction:column;gap:4px;display:flex}.client-grid small{color:var(--cyan);font-size:9px;font-weight:900}.client-grid strong{font-size:14px}.client-grid span,.quote-paper>p{color:var(--muted);font-size:11px}.quote-paper>h2{margin:16px 0 6px;font:700 23px Georgia}.quote-paper table{border-collapse:collapse;width:100%;margin:25px 0}.quote-paper th{background:var(--navy);color:#fff;text-align:left;padding:11px 10px;font-size:10px}.quote-paper td{border-bottom:1px solid var(--line);padding:12px 10px;font-size:11px}.quote-paper th:not(:first-child),.quote-paper td:not(:first-child){text-align:right}.totals{width:54%;margin-left:auto}.totals div{border-bottom:1px solid var(--line);justify-content:space-between;padding:7px 0;font-size:11px;display:flex}.totals .grand{color:var(--navy);border-bottom:3px solid var(--navy);padding:11px 0;font-size:14px}.bank{border:2px solid var(--navy);background:#f7fcfd;border-radius:12px;flex-direction:column;gap:3px;margin-top:28px;padding:16px;font-size:10px;line-height:1.45;display:flex}.bank>div{border-bottom:1px solid var(--line);color:var(--navy);justify-content:space-between;margin-bottom:6px;padding-bottom:9px;font-size:13px;display:flex}.bank>p{color:var(--muted);margin:0 0 7px}.terms{border-top:1px solid var(--line);margin-top:28px;padding-top:15px}.terms h3{font:700 13px Georgia}.terms p{color:var(--muted);font-size:10px;line-height:1.5}.quote-paper footer{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;margin-top:40px;padding-top:10px;font-size:9px;display:flex}.dashboard{max-width:1400px;margin:0 auto;padding:28px 24px}.dashboard-head{justify-content:space-between;align-items:center;display:flex}.quote-list{flex-direction:column;gap:10px;margin-top:22px;display:flex}.quote-row{border:1px solid var(--line);background:#fff;border-radius:14px;grid-template-columns:2fr 1fr 1fr auto;align-items:center;gap:20px;padding:16px 18px;display:grid}.quote-row div{flex-direction:column;gap:4px;display:flex}.quote-row span,.quote-row small{color:var(--muted);font-size:11px}.status{background:#eef3f4;border-radius:99px;padding:6px 9px;font-weight:800;display:inline-block;color:var(--navy)!important}.status.signed,.status.deposit{background:#e4f6ed;color:#18704a!important}.status.lost{background:#f8e8e8;color:#a23d3d!important}.empty,.blocked{text-align:center;background:#fff;border-radius:16px;padding:30px}.pay-summary{margin:22px 0}.blocked{max-width:600px;margin:80px auto}.blocked a{color:var(--navy)}@media (width<=1050px){.workspace{grid-template-columns:1fr}.preview-wrap{position:static}.quote-paper{max-width:760px}.metrics,.quote-row{grid-template-columns:1fr 1fr}}@media (width<=650px){.appbar{height:auto;padding:12px 14px}.brand span,.identity>span{display:none}.tabs{padding:0 12px;overflow:auto}.workspace,.dashboard{padding:12px}.two,.three,.metrics,.pay-summary{grid-template-columns:1fr}.quote-paper{min-height:0;padding:28px 20px}.quote-paper>header,.client-grid{grid-template-columns:1fr;display:grid}.quote-paper>header>div:last-child{text-align:left;margin-top:15px}.totals{width:100%}.quote-row{grid-template-columns:1fr}.dashboard-head{align-items:flex-start;gap:15px}}@media print{body{background:#fff}.appbar,.tabs,.form-column,.preview-toolbar{display:none!important}.workspace{padding:0;display:block}.preview-wrap{position:static}.quote-paper{box-shadow:none;width:100%;max-width:none;min-height:0;padding:18mm 16mm}@page{size:A4;margin:0}}.login-page{background:radial-gradient(circle at 15% 15%,#1d6673 0,#123844 36%,#081b22 100%);place-items:center;min-height:100vh;padding:24px;display:grid}.login-card{text-align:center;background:#fff;border-radius:22px;flex-direction:column;align-items:center;width:min(460px,100%);padding:44px;display:flex;box-shadow:0 30px 80px #0006}.login-brand{flex-direction:column;margin-bottom:32px;display:flex}.login-brand strong{color:var(--navy);font:800 34px Georgia}.login-brand span{color:var(--cyan);letter-spacing:.08em;font-size:11px;font-weight:800}.login-card>p{color:var(--cyan);letter-spacing:.16em;margin:0;font-size:10px;font-weight:800}.login-card h1{color:var(--navy);margin:9px 0 12px;font:800 31px Georgia}.login-card>span{color:var(--muted);font-size:14px;line-height:1.5}.google-login{border:1px solid var(--line);color:#263238;background:#fff;border-radius:10px;width:100%;margin:30px 0 16px;padding:14px 18px;font-weight:700;text-decoration:none;box-shadow:0 4px 14px #12384412}.google-login b{color:#4285f4;margin-right:12px;font:800 19px Arial}.login-card small{color:#94a0a5;font-size:11px}
