.login-brand{position:relative;display:flex;align-items:flex-start;padding:54px 56px;background-image:linear-gradient(180deg,rgba(10,30,52,.2),rgba(10,30,52,.08)),url('/assets/login-pyramids-clean.jpg');background-position:center;background-size:cover;color:#fff}
.login-brand:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(14,36,63,.84) 0%,rgba(14,36,63,.48) 48%,rgba(14,36,63,.08) 100%)}
.login-brand-content{position:relative;z-index:1;text-shadow:0 2px 10px rgba(0,0,0,.22)}
.login-brand-lockup{display:flex;align-items:center;gap:14px}
.brand-logo-panel{display:grid;place-items:center;width:62px;height:62px;padding:7px;border-radius:12px;background:#fff;box-shadow:0 5px 18px rgba(0,0,0,.16)}
.brand-logo-panel img{display:block;width:100%;height:100%;object-fit:contain}
.login-brand-lockup strong,.login-brand-lockup small{display:block}
.login-brand-lockup strong{font-size:25px;letter-spacing:1px}
.login-brand-lockup small{margin-top:4px;font-size:10px;letter-spacing:1.6px;color:rgba(255,255,255,.88)}
.login-brand-content h1{margin:66px 0 12px;font-size:43px;line-height:1.18;letter-spacing:2px}
.login-brand-content>p{margin:0;font-size:18px;letter-spacing:4px;color:rgba(255,255,255,.9)}
.mobile-logo{width:66px;height:66px;margin:0 auto 15px;padding:8px;border-radius:14px;background:#f4f9fd}
.mobile-logo img{display:block;width:100%;height:100%;object-fit:contain}
.side-brand{height:78px!important;padding:0 15px 22px!important;gap:9px!important}
.side-brand img.brand-symbol{display:block;width:48px;height:48px;padding:5px;border-radius:10px;background:#fff;object-fit:contain;mix-blend-mode:normal}
.side-brand-text{min-width:0}
.side-brand-text strong,.side-brand-text small{display:block;white-space:nowrap}
.side-brand-text strong{font-size:15px;letter-spacing:.2px}
.side-brand-text small{margin-top:3px;font-size:7px;letter-spacing:.75px;color:#b7c0ca}
.sidebar nav button .settings-nav-label{width:auto;white-space:nowrap}
.success-actions{flex-wrap:wrap}.share-button{background:#087abd}.share-button:hover{background:#056aa5}.share-hint{max-width:650px;margin:18px auto 0;color:#84919a;font-size:11px;line-height:1.7}.archive-path{margin:0 0 16px;word-break:break-all}
.quote-list-table{min-width:1280px}.quote-list-table th:nth-child(7),.quote-list-table th:nth-child(8),.quote-list-table th:nth-child(9),.quote-list-table td:nth-child(7),.quote-list-table td:nth-child(8),.quote-list-table td:nth-child(9){text-align:center}.table-action{padding:7px 12px;border:1px solid #d8e2e8;border-radius:5px;background:#fff;color:#087abd;font-size:12px;font-weight:700}.table-action:hover{border-color:#087abd;background:#eef8fd}.deal-checkbox{display:inline-grid;place-items:center;cursor:pointer}.deal-checkbox input{position:absolute;width:1px;height:1px;opacity:0}.deal-checkbox span{display:grid;place-items:center;width:25px;height:25px;border:2px solid #aebac1;border-radius:4px;background:#fff;color:transparent;font-size:17px;font-weight:900;transition:.16s}.deal-checkbox input:checked+span{border-color:#36a563;background:#36a563;color:#fff;box-shadow:0 0 0 3px rgba(54,165,99,.12)}.deal-checkbox input:focus+span{outline:2px solid #70bce7;outline-offset:2px}.deal-checkbox input:disabled+span{opacity:.55;cursor:wait}.deal-row{background:#f8fcf9}.deal-label{display:block;margin-top:5px;color:#278650;font-size:10px;font-weight:800}.deal-count{padding:7px 12px;border-radius:18px;background:#e8f6ed;color:#278650;font-size:12px;font-weight:800}
.deal-client-hero{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:26px 28px;border:1px solid #dce9e1;border-radius:8px;background:linear-gradient(135deg,#f8fcf9,#eef8f2);box-shadow:var(--shadow)}.deal-client-kicker{display:block;margin-bottom:7px;color:#2f8d57;font-size:11px;font-weight:800;letter-spacing:2px}.deal-client-hero h2{margin:0;color:#173f5d;font-size:22px}.deal-client-hero p{margin:8px 0 0;color:#788892;font-size:12px}.deal-client-summary{display:grid;grid-template-columns:repeat(3,minmax(105px,1fr));gap:10px}.deal-client-summary div{padding:13px 18px;border:1px solid #dce9e1;border-radius:7px;background:#fff;text-align:center}.deal-client-summary strong,.deal-client-summary span{display:block}.deal-client-summary strong{color:#278650;font-size:24px}.deal-client-summary span{margin-top:3px;color:#82908f;font-size:10px}.deal-month-group{border-top:3px solid #36a563}.deal-client-table{min-width:1050px}.deal-client-table td{vertical-align:middle}.deal-status{display:inline-flex;align-items:center;gap:5px;padding:5px 10px;border-radius:14px;background:#e8f6ed;color:#278650;font-size:11px;font-weight:800}
.deal-range-toolbar{display:flex;align-items:center;justify-content:space-between;gap:22px;margin-top:18px;padding:14px 18px;border:1px solid var(--line);border-radius:8px;background:var(--paper);box-shadow:var(--shadow)}.deal-range-toolbar>div:first-child{display:grid;gap:4px}.deal-range-toolbar>div:first-child strong{color:var(--text);font-size:13px}.deal-range-toolbar>div:first-child span{color:var(--muted);font-size:10px}.deal-range-tabs{display:flex;align-items:center;gap:8px}.deal-range-tabs button{display:flex;align-items:center;gap:8px;padding:9px 13px;border:1px solid var(--line);border-radius:7px;background:var(--paper);color:var(--muted);font-size:12px;font-weight:750;white-space:nowrap}.deal-range-tabs button:hover{border-color:var(--gold);color:var(--gold)}.deal-range-tabs button.is-active{border-color:var(--gold);background:#fff8e9;color:#a86e08;box-shadow:0 0 0 2px rgba(197,139,39,.09)}.deal-range-tabs b{display:grid;min-width:22px;height:22px;place-items:center;padding:0 6px;border-radius:12px;background:var(--bg);color:inherit;font-size:10px}.deal-range-tabs button.is-active b{background:var(--gold);color:#fff}
.report-page{padding:24px}.report-metrics .metric{position:relative;overflow:hidden}.report-metrics .metric:before{content:"";position:absolute;left:0;top:0;width:4px;height:100%;background:#2f6fb7}.report-metrics .deal-metric:before{background:#36a563}.report-metrics .conversion-metric:before{background:#d99b2b}.report-metrics .deal-metric .num{color:#278650}.report-metrics .conversion-metric .num{color:#b67808}.report-metrics .num{font-size:29px}.report-trend-panel{margin-top:22px;padding:22px;border:1px solid #e2e8eb;border-radius:8px;background:#fff}.report-chart-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:8px}.report-chart-head h2{margin:0;color:#173f5d;font-size:17px}.report-chart-head p{margin:6px 0 0;color:#87949c;font-size:11px}.report-legend{display:flex;align-items:center;gap:18px;color:#64747d;font-size:12px;font-weight:700}.report-legend span:before{content:"";display:inline-block;width:22px;height:3px;margin-right:7px;border-radius:3px;vertical-align:middle}.quote-legend:before{background:#2f6fb7}.deal-legend:before{background:#36a563}.report-chart{display:block;width:100%;height:310px;overflow:visible}.report-grid line{stroke:#e8edf0;stroke-width:1}.report-grid text{fill:#8b979f;font-size:10px}.quote-line,.deal-line{fill:none;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.quote-line{stroke:#2f6fb7}.deal-line{stroke:#36a563}.quote-point{fill:#fff;stroke:#2f6fb7;stroke-width:3}.deal-point{fill:#fff;stroke:#36a563;stroke-width:3}
@media(max-width:760px){.login-brand{height:275px;padding:30px}.login-brand-content h1{margin:34px 0 8px;font-size:31px}.login-brand-content>p{font-size:14px}.login-brand-lockup strong{font-size:20px}.brand-logo-panel{width:50px;height:50px}}
@media(max-width:900px){.deal-client-hero{align-items:stretch;flex-direction:column}.deal-client-summary{grid-template-columns:repeat(3,1fr)}.deal-range-toolbar{align-items:flex-start;flex-direction:column}.deal-range-tabs{width:100%;overflow-x:auto;padding-bottom:3px}.report-chart-head{align-items:flex-start;flex-direction:column}.report-chart{height:260px}}
@media(max-width:560px){.deal-client-summary{grid-template-columns:1fr}.deal-range-toolbar{padding:13px}.deal-range-tabs{display:grid;grid-template-columns:1fr 1fr;overflow:visible}.deal-range-tabs button{justify-content:space-between}.report-metrics .num{font-size:24px}.report-page{padding:15px}}
.preview-toolbar{display:flex;align-items:center;justify-content:space-between;gap:22px;margin-bottom:16px;padding:17px 20px;border:1px solid #dcebf3;border-radius:7px;background:linear-gradient(135deg,#f7fbfd,#eef7fb)}
.preview-toolbar>div:first-child strong,.preview-toolbar>div:first-child span{display:block}.preview-toolbar>div:first-child strong{color:#173f5d;font-size:15px}.preview-toolbar>div:first-child span{margin-top:5px;color:#7c8992;font-size:12px}
.language-switch{display:flex;gap:10px}.language-switch label{position:relative;display:grid;min-width:132px;padding:11px 16px;border:1px solid #d7e2e8;border-radius:6px;background:#fff;cursor:pointer;transition:.18s}.language-switch label.active{border-color:#087abd;background:#eaf6fc;box-shadow:0 0 0 2px rgba(8,122,189,.08)}.language-switch input{position:absolute;width:1px;height:1px;opacity:0}.language-switch b{color:#294452;font-size:13px}.language-switch label.active b{color:#087abd}.language-switch small{margin-top:3px;color:#8b969e;font-size:10px;font-weight:500}
@media(max-width:760px){.preview-toolbar{align-items:stretch;flex-direction:column}.language-switch{display:grid;grid-template-columns:1fr 1fr}.language-switch label{min-width:0}}
.settings-page{max-width:1180px}.settings-tabs{display:flex;align-items:center;gap:8px;margin:0 0 18px;padding:6px;border:1px solid #dce5ea;border-radius:9px;background:#fff;overflow-x:auto}.settings-tabs button{flex:1 0 auto;min-width:130px;padding:12px 18px;border:0;border-radius:6px;background:transparent;color:#657680;font-size:13px;font-weight:700;white-space:nowrap;cursor:pointer}.settings-tabs button:hover{background:#f1f7fa;color:#087abd}.settings-tabs button.active{background:#087abd;color:#fff;box-shadow:0 4px 12px rgba(8,122,189,.18)}.settings-admin{grid-template-columns:minmax(0,1fr);align-items:start}.settings-main-panel,.account-panel{width:100%}.settings-intro{margin:6px 0 0;font-size:12px}.setting-section{padding:20px 0;border-top:1px solid #e7eaed}.setting-section:first-child{padding-top:4px;border-top:0}.setting-section h3{margin:0 0 16px;color:#173f5d;font-size:15px}.settings-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 18px}.settings-fields textarea{min-height:120px}.cover-setting{display:grid;grid-template-columns:210px 1fr;gap:18px;align-items:center}.cover-thumb{height:120px;display:grid;place-items:center;overflow:hidden;border:1px solid #dbe4e9;border-radius:7px;background:#f5f8fa;color:#8a959d;font-size:12px;text-align:center}.cover-thumb img{width:100%;height:100%;object-fit:cover}.cover-setting input[type=file]{padding:9px;background:#f8fafb}.cover-setting p{margin:8px 0;font-size:11px}.cover-actions{display:flex;align-items:center;gap:8px}.setting-switches{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.setting-switches label{display:flex;align-items:center;gap:10px;padding:12px 13px;border:1px solid #e1e6e9;border-radius:6px;background:#fafcfd;cursor:pointer}.setting-switches input{width:18px;height:18px;accent-color:#087abd}.setting-example{margin:14px 0 0;padding:10px 13px;border-radius:5px;background:#edf6fb;color:#376477;font-size:12px}.settings-save{min-width:160px}.account-panel{position:static}.account-view{display:block}
.personal-settings{max-width:900px}.password-settings{margin-top:28px;padding-top:8px;border-top:1px solid #e7eaed}.personal-company{margin-top:24px}.company-info-grid{display:grid;grid-template-columns:100px 1fr;gap:12px;padding:16px;border-radius:7px;background:#f7fafc}.company-info-grid span{color:#7b8b95}.company-info-grid strong{color:#254454;font-weight:600}.permission-pill{display:inline-block;padding:3px 8px;border-radius:20px;background:#edf2f5;color:#5b6c76;font-size:11px;font-weight:700}.permission-pill.admin{background:#fff4dc;color:#9b6700}.current-account{display:inline-block;margin-left:7px;color:#82919a;font-size:11px}
@media(max-width:1100px){.settings-admin{grid-template-columns:1fr}.account-panel{position:static}}
@media(max-width:760px){.settings-tabs{justify-content:flex-start}.settings-tabs button{flex:0 0 auto;min-width:118px}.settings-fields,.setting-switches{grid-template-columns:1fr}.cover-setting{grid-template-columns:1fr}.cover-thumb{height:150px}.settings-fields .span-2{grid-column:auto}}
@media(max-width:760px){.preview-frame-wrap{min-height:420px;max-height:65vh}}