:root{--ink:#172139;--muted:#72809a;--line:#e8edf4;--navy:#192640;--orange:#f08b3c;--cream:#f7f8fa}*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--ink);font-family:Arial,Helvetica,sans-serif}button{font:inherit}.app-shell{min-height:100vh;display:flex}.sidebar{width:242px;background:var(--navy);color:#fff;padding:30px 18px 22px;position:fixed;inset:0 auto 0 0;display:flex;flex-direction:column;z-index:10}.brand{display:flex;align-items:center;gap:11px;padding:0 10px 37px}.brand strong,.brand small{display:block;letter-spacing:1.5px}.brand strong{font-size:13px}.brand small{font-size:8px;color:#bac3d3;margin-top:2px}.brand-mark{width:35px;height:35px;display:flex;gap:3px;align-items:flex-end}.brand-mark span{width:8px;background:var(--orange);transform:skew(-20deg);border-radius:2px}.brand-mark span:nth-child(1){height:19px}.brand-mark span:nth-child(2){height:29px}.brand-mark span:nth-child(3){height:24px;background:#fff}nav{display:grid;gap:5px}.nav-item{width:100%;border:0;background:transparent;color:#aeb9ca;display:flex;align-items:center;gap:13px;padding:12px 14px;border-radius:7px;text-align:left;font-size:14px;cursor:pointer}.nav-item:hover,.nav-item.active{background:#283751;color:#fff}.nav-item.active{box-shadow:inset 3px 0 var(--orange)}.nav-icon{font-size:19px;width:20px;text-align:center}.badge{margin-left:auto;background:var(--orange);color:#fff;border-radius:10px;padding:2px 7px;font-size:11px}.sidebar-bottom{margin-top:auto}.profile{border-top:1px solid #34425a;margin-top:14px;padding:22px 8px 0;display:flex;align-items:center;gap:10px}.profile strong,.profile small{display:block}.profile strong{font-size:12px}.profile small{font-size:10px;color:#96a2b6;margin-top:4px}.profile>span{margin-left:auto;color:#9da9ba}.avatar{width:34px;height:34px;border-radius:50%;background:#e9a269;display:grid;place-items:center;font-size:11px;font-weight:700}.workspace{margin-left:242px;width:calc(100% - 242px)}.topbar{height:99px;background:#fff;border-bottom:1px solid var(--line);padding:22px 35px;display:flex;align-items:center;justify-content:space-between}.topbar p{margin:0 0 6px;color:#8d99aa;font-size:11px}.topbar h1{margin:0;font-family:Georgia,serif;font-size:23px}.top-actions{display:flex;gap:13px;align-items:center}.icon-button{width:38px;height:38px;border:1px solid var(--line);background:#fff;border-radius:7px;position:relative}.icon-button span{position:absolute;width:6px;height:6px;background:var(--orange);border-radius:50%;right:8px;top:7px}.primary-button{border:0;border-radius:6px;background:var(--orange);color:#fff;padding:12px 18px;font-weight:700;font-size:12px;box-shadow:0 5px 12px #f08b3c44}.menu-button{display:none}.content{padding:26px 35px 45px;max-width:1280px;margin:auto}.hero-card{min-height:216px;border-radius:11px;background:linear-gradient(110deg,#1c2942,#2a3d5c);color:#fff;padding:31px 34px;display:flex;justify-content:space-between;overflow:hidden;box-shadow:0 9px 25px #2334521b}.eyebrow{font-size:10px;letter-spacing:1.8px;color:#aeb9cb;margin:0 0 18px}.hero-card h2{font-size:35px;margin:0 0 4px}.muted{color:#bec7d4;font-size:12px;margin:0 0 21px}.trend{background:#2d6c65;color:#c7f1dd;border-radius:4px;padding:5px 8px;font-size:10px}.trend-copy{font-size:10px;color:#9fabbc;margin-left:9px}.chart{width:54%;height:150px;display:flex;align-items:flex-end;gap:5px;padding:10px 0 25px;position:relative;border-bottom:1px solid #ffffff22}.chart i{display:block;flex:1;background:linear-gradient(#f39853,#ba6636);opacity:.9;border-radius:2px 2px 0 0;min-width:7px}.chart-labels{position:absolute;left:0;right:0;bottom:-22px;display:flex;justify-content:space-between;color:#929eb0;font-size:9px}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:20px 0}.stat{background:#fff;border:1px solid var(--line);border-radius:9px;padding:20px;display:flex;align-items:center;gap:14px}.stat-icon{width:43px;height:43px;border-radius:8px;display:grid;place-items:center;font-weight:700}.stat-icon.pending{background:#fff1e7;color:#e67f31}.stat-icon.estimates{background:#eaf1ff;color:#5279c4}.stat-icon.projects{background:#e8f7f1;color:#3c9575}.stat p,.stat h3,.stat small{margin:0}.stat p{color:#7d899a;font-size:10px}.stat h3{font-size:19px;margin:5px 0}.stat small{color:#9aa5b5;font-size:9px}.stat>b{margin-left:auto;color:#a7b0be;font-size:21px}.panel{background:#fff;border:1px solid var(--line);border-radius:9px}.panel-head{display:flex;justify-content:space-between;align-items:center;padding:20px 22px 16px}.panel-head h3,.panel-head p{margin:0}.panel-head h3{font-size:14px}.panel-head p{font-size:10px;color:#8b97a8;margin-top:5px}.panel-head button{background:transparent;border:0;color:#e37c31;font-weight:700;font-size:10px}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;min-width:720px}th{background:#f8f9fb;color:#929dad;font-size:8px;letter-spacing:.8px;text-align:left;padding:11px 22px}td{border-top:1px solid #eef1f5;padding:13px 22px;font-size:10px;color:#6e7a8d}td strong{color:#253047}.client-dot{width:25px;height:25px;border-radius:50%;display:inline-grid;place-items:center;margin-right:9px;font-weight:700;font-size:8px}.client-dot.blue{background:#e5efff;color:#5275aa}.client-dot.orange{background:#fff0e5;color:#c06f37}.client-dot.green{background:#e8f6ee;color:#3e8b66}.status{padding:5px 9px;border-radius:12px;font-size:8px;font-weight:700}.pending-status{background:#fff2e5;color:#c36c2a}.paid-status{background:#e5f7ee;color:#30835f}.overdue-status{background:#ffebeb;color:#bd4a4a}@media(max-width:800px){.sidebar{transform:translate(-100%);transition:.2s}.sidebar.open{transform:none;box-shadow:10px 0 30px #0003}.workspace{margin-left:0;width:100%}.menu-button{display:block;border:0;background:transparent;font-size:20px}.topbar{padding:18px;height:90px}.topbar h1{font-size:19px}.content{padding:18px}.stats-grid{grid-template-columns:1fr}.hero-card{display:block}.chart{width:100%;margin-top:20px;height:100px}.primary-button{padding:11px}.icon-button{display:none}}.stat{cursor:pointer;text-align:left}.panel{overflow:hidden}.cell-sub{display:block;color:#9aa4b4;margin-top:4px}.row-actions{display:flex;gap:6px;white-space:nowrap}.row-actions button{border:1px solid #dfe5ed;background:#fff;color:#4f6078;border-radius:5px;padding:6px 8px;font-size:9px;cursor:pointer}.empty{text-align:center;padding:36px}.cards-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.person-card,.project-card{background:#fff;border:1px solid var(--line);border-radius:10px;padding:22px}.person-card .client-dot{width:42px;height:42px;font-size:11px}.person-card h3{margin:16px 0 9px;font-size:15px}.person-card p,.person-card small{display:block;color:#778397;font-size:11px;margin:5px 0}.project-card{display:flex;flex-direction:column;min-height:210px}.project-card h3{margin:20px 0 5px}.project-card p{color:#778397;font-size:12px}.profit{border-top:1px solid var(--line);margin-top:auto;padding-top:15px;display:grid;gap:8px}.profit span{display:flex;justify-content:space-between;color:#8490a1;font-size:10px}.profit strong{color:#338364;font-size:12px;margin-top:4px}.active-status{background:#e7f5ee;color:#30805e}.complete-status{background:#e7edfa;color:#5874a8}.settings-grid{padding:24px;display:grid;grid-template-columns:1fr 1fr;gap:18px}.settings-grid label,.modal label{display:grid;gap:7px;color:#566176;font-size:11px;font-weight:700}.settings-grid input,.modal input,.modal select,.modal textarea{border:1px solid #dfe4eb;border-radius:7px;padding:11px;background:#fff;color:#26334a;outline:none}.settings-grid input:focus,.modal input:focus,.modal select:focus,.modal textarea:focus{border-color:var(--orange);box-shadow:0 0 0 3px #f08b3c1f}.settings-grid .wide{grid-column:1/-1}.settings-grid button{justify-self:start}.modal-backdrop{position:fixed;inset:0;background:#111b2c99;z-index:50;display:grid;place-items:center;padding:20px}.modal{width:min(480px,100%);max-height:90vh;overflow:auto;background:#fff;border-radius:13px;padding:28px;box-shadow:0 20px 70px #0005;position:relative}.modal h2{font-family:Georgia,serif;margin:0 0 24px}.modal-close{position:absolute;right:18px;top:15px;border:0;background:transparent;font-size:25px;color:#7d8796}.modal form{display:grid;gap:16px}.modal textarea{min-height:86px;resize:vertical}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:10px}.modal-actions>button:first-child{border:1px solid #dfe4eb;background:#fff;border-radius:6px;padding:10px 16px}.toast{position:fixed;right:24px;bottom:24px;background:#173d33;color:#fff;padding:13px 18px;border-radius:8px;z-index:80;box-shadow:0 10px 30px #0003;font-size:12px}.panel>.cards-grid{padding:0 22px 22px}@media(max-width:900px){.cards-grid{grid-template-columns:1fr 1fr}}@media(max-width:600px){.cards-grid,.settings-grid{grid-template-columns:1fr}.settings-grid .wide{grid-column:auto}.top-actions .primary-button{font-size:0}.project-card{min-height:190px}}@media print{.sidebar,.topbar,.row-actions,.toast{display:none!important}.workspace{margin:0;width:100%}.content{padding:0}.hero-card,.stats-grid{display:none}.panel{border:0}.panel-head{padding:20px 0}body{background:#fff}}.brand-logo{width:42px;height:42px;object-fit:cover;border-radius:50%;border:1px solid #3588e9;box-shadow:0 0 12px #1678df55}.hero-card{position:relative}.hero-summary{position:relative;z-index:2}.cover-logo{position:absolute;right:29%;top:50%;transform:translateY(-50%);width:168px;height:168px;object-fit:cover;border-radius:50%;border:2px solid #3185e7;box-shadow:0 10px 35px #0008;z-index:2}.hero-card .chart{opacity:.28}@media(max-width:1050px){.cover-logo{right:6%;width:150px;height:150px}.hero-card .chart{display:none}}@media(max-width:600px){.cover-logo{width:105px;height:105px;right:18px}.hero-card{min-height:190px;padding:28px 22px}.hero-card h2{font-size:27px}}.person-card{position:relative}.client-card-actions{position:absolute;right:14px;top:14px;display:flex;gap:6px}.edit-client,.delete-client{border:0;border-radius:6px;padding:6px 9px;font-size:9px;font-weight:700;cursor:pointer}.edit-client{background:#eef5ff;color:#2867a8}.edit-client:hover{background:#dcecff}.delete-client{background:#fff0f0;color:#b74343}.delete-client:hover{background:#ffdede}.empty-card{grid-column:1/-1;text-align:center;background:#fff;border:1px dashed #d8dee8;border-radius:10px;padding:46px 20px;color:#788599}.empty-card h3{color:#334056;margin:0 0 8px}.empty-card p{font-size:11px;margin:0}.client-toolbar{display:flex;justify-content:flex-end;padding:0 22px 18px}.empty-card .primary-button{margin-top:16px}.modal-actions .primary-button{min-width:92px}.logo-setting{grid-column:1/-1;display:flex;align-items:center;gap:12px;color:#6e7b8e;font-size:11px}.logo-setting img{width:56px;height:56px;border-radius:50%;object-fit:cover}.document-modal{width:min(760px,100%)}.doc-fields{display:grid;grid-template-columns:1fr 1fr;gap:14px}.items-editor{border:1px solid #e0e5ec;border-radius:8px;overflow:hidden}.item-head,.item-row{display:grid;grid-template-columns:minmax(180px,1fr) 70px 100px 100px;gap:8px;align-items:center;padding:9px 12px}.item-head{background:#f4f6f9;color:#7e8999;font-size:9px;font-weight:700}.item-row{border-top:1px solid #edf0f4}.item-row input{min-width:0}.item-row strong{text-align:right;font-size:11px}.add-line{border:0;background:transparent;color:#d8752d;font-weight:700;font-size:10px;padding:12px;cursor:pointer}.doc-totals{display:grid;grid-template-columns:130px 130px 1fr;gap:12px;align-items:start}.doc-totals>div{display:grid;grid-template-columns:1fr auto;gap:8px 20px;background:#f7f8fa;border-radius:8px;padding:14px;font-size:11px}.doc-totals>div strong{border-top:1px solid #dfe4eb;padding-top:8px;font-size:13px}.preview-backdrop{position:fixed;inset:0;background:#101827cc;z-index:90;overflow:auto;padding:30px}.invoice-preview{width:min(850px,100%);min-height:1050px;margin:auto;background:#fff;color:#1d2940;padding:58px 64px;box-shadow:0 20px 70px #0007;position:relative}.preview-actions{position:absolute;top:16px;right:20px;display:flex;gap:8px}.preview-actions button:first-child{border:1px solid #dfe4eb;background:#fff;border-radius:6px;padding:10px 14px}.invoice-header{display:grid;grid-template-columns:90px 1fr auto;gap:20px;align-items:center;border-bottom:3px solid #1d70c9;padding-bottom:26px}.invoice-header img{width:84px;height:84px;border-radius:50%;object-fit:cover}.invoice-header h1{font-family:Georgia,serif;font-size:23px;margin:0 0 7px}.invoice-header p{font-size:10px;color:#6f7c8e;margin:3px 0}.invoice-title{text-align:right}.invoice-title h2{font-size:26px;letter-spacing:3px;color:#1d70c9;margin:0 0 8px}.invoice-title strong{font-size:13px}.invoice-meta{display:flex;justify-content:space-between;padding:32px 0}.invoice-meta small{display:block;color:#8994a3;font-size:8px;letter-spacing:1px;margin-bottom:6px}.invoice-meta h3{margin:0;font-size:15px}.invoice-meta>div:last-child{display:flex;gap:30px}.invoice-meta span b{font-size:10px}.invoice-items{min-width:0}.invoice-items th{background:#16233b;color:#fff;padding:12px}.invoice-items td{font-size:11px;padding:15px 12px}.invoice-items th:not(:first-child),.invoice-items td:not(:first-child){text-align:right}.invoice-summary{width:330px;margin:28px 0 40px auto;display:grid;grid-template-columns:1fr auto;gap:10px 26px;font-size:11px}.invoice-summary strong{border-top:1px solid #dce2e9;padding-top:10px;font-size:14px}.invoice-summary .balance-label,.invoice-summary .balance{color:#1d70c9;border-top:2px solid #1d70c9}.invoice-preview footer{border-top:1px solid #dfe5ec;padding-top:22px;color:#6f7c8e;font-size:10px}.invoice-preview footer strong{display:block;color:#1d2940;margin-top:18px}@media(max-width:700px){.doc-fields,.doc-totals{grid-template-columns:1fr}.item-head,.item-row{grid-template-columns:1fr 55px 75px}.item-head span:last-child,.item-row strong{display:none}.preview-backdrop{padding:0}.invoice-preview{padding:70px 24px 35px;min-height:100vh}.invoice-header{grid-template-columns:60px 1fr}.invoice-header img{width:58px;height:58px}.invoice-title{grid-column:1/-1;text-align:left}.invoice-meta{gap:20px}.invoice-meta>div:last-child{display:grid;gap:12px}.invoice-summary{width:100%}}@media print{body *{visibility:hidden!important}.invoice-preview,.invoice-preview *{visibility:visible!important}.preview-backdrop{position:absolute;inset:0;padding:0;background:#fff}.invoice-preview{position:absolute;left:0;top:0;width:100%;min-height:0;padding:36px 42px;box-shadow:none}.preview-actions{display:none!important}.invoice-items{display:table}.invoice-header{page-break-inside:avoid}}.due-date-tip{margin:0 22px 16px;padding:11px 13px;background:#eef5ff;border-left:3px solid #2d79cb;border-radius:5px;color:#5d6d82;font-size:10px}.due-date-tip strong{color:#294b75}.due-date-input{border:1px solid #d7dee8;border-radius:6px;padding:7px;color:#344158;background:#fff;font-size:10px;min-width:126px}.due-date-input:focus{outline:0;border-color:#2d79cb;box-shadow:0 0 0 3px #2d79cb18}.expense-summary{margin:0 22px 18px;padding:18px 20px;background:linear-gradient(110deg,#1e2c46,#2d4262);color:#fff;border-radius:9px;display:flex;align-items:baseline;gap:14px}.expense-summary span{font-size:10px;color:#afbbcc;text-transform:uppercase;letter-spacing:1px}.expense-summary strong{font-size:24px}.expense-summary small{margin-left:auto;color:#aeb9c9}.category-pill{background:#eef3fa;color:#586b84;border-radius:12px;padding:5px 9px;font-size:8px}.receipt-link{color:#2471c6;font-weight:700;text-decoration:none}.receipt-link:hover{text-decoration:underline}.no-receipt{color:#9aa5b4}.report-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px}.report-cards article{background:#fff;border:1px solid var(--line);border-radius:9px;padding:20px;display:grid;gap:8px}.report-cards span{font-size:10px;color:#7a8799}.report-cards strong{font-size:22px}.report-cards small{font-size:9px;color:#99a4b3}.report-cards .positive strong{color:#278161}.report-cards .negative strong{color:#bd4a4a}.report-grid{display:grid;grid-template-columns:1.6fr 1fr;gap:18px}.profit-number{color:#278161}.loss-number{color:#bd4a4a}.category-report{padding:8px 22px 24px;display:grid;gap:18px}.category-report>div>div{display:flex;justify-content:space-between;font-size:10px;margin-bottom:7px}.category-report i{display:block;height:7px;background:#edf1f5;border-radius:5px;overflow:hidden}.category-report i b{display:block;height:100%;background:linear-gradient(90deg,#2b74c4,#f08b3c);border-radius:5px}.report-note{margin-top:18px;background:#fff8ef;border:1px solid #f6dfc6;border-radius:9px;padding:18px 20px;display:flex;align-items:center;gap:16px}.report-note p{margin:0;color:#768194;font-size:11px;flex:1}.report-note button{border:1px solid #edc79f;background:#fff;color:#b96829;border-radius:6px;padding:9px 12px;font-weight:700;font-size:10px}.modal label small{font-weight:400;color:#8b96a6}@media(max-width:1050px){.report-cards{grid-template-columns:1fr 1fr}.report-grid{grid-template-columns:1fr}}@media(max-width:600px){.report-cards{grid-template-columns:1fr}.expense-summary{align-items:flex-start;flex-direction:column}.expense-summary small{margin-left:0}.report-note{align-items:flex-start;flex-direction:column}}@media print{.reports,.reports *{visibility:visible!important}.reports{position:absolute;left:0;top:0;width:100%;padding:24px}.reports .report-cards{display:grid}.reports .panel{border:1px solid var(--line)}.reports .report-note button{display:none!important}}.accepted-status{background:#e5f7ee;color:#277d5a}.activity{display:grid;gap:3px;font-size:9px}.activity b{font-size:9px}.activity small{color:#919baa;font-size:8px}.viewed-activity b{color:#2874bd}.accepted-activity b{color:#24805b}.shared-activity b{color:#a8682b}.unshared-activity b{color:#8d97a5}.share-button{border-color:#bdd4ee!important;color:#246aad!important;background:#f3f8fe!important}.customer-page{min-height:100vh;background:#edf2f7;padding:38px 18px 24px}.customer-document{width:min(850px,100%);margin:auto;background:#fff;padding:38px 58px 46px;box-shadow:0 16px 50px #1a2b4422;border-radius:10px}.customer-actions{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e6ebf1;padding-bottom:18px;margin-bottom:28px;color:#8190a4;font-size:10px;text-transform:uppercase;letter-spacing:1px}.customer-actions button{border:1px solid #d5dde7;background:#fff;color:#34445c;border-radius:6px;padding:9px 12px;font-size:10px;font-weight:700}.customer-header{display:grid;grid-template-columns:82px 1fr auto;gap:20px;align-items:center;border-bottom:3px solid #1d70c9;padding-bottom:25px}.customer-header img{width:78px;height:78px;border-radius:50%;object-fit:cover}.customer-header h1{font-family:Georgia,serif;font-size:22px;margin:0 0 7px}.customer-header p{font-size:10px;color:#6f7c8e;margin:3px 0}.customer-header>div:last-child{text-align:right}.customer-header h2{font-size:24px;letter-spacing:3px;color:#1d70c9;margin:0 0 8px}.customer-meta{display:flex;justify-content:space-between;padding:30px 0}.customer-meta small{display:block;color:#8994a3;font-size:8px;letter-spacing:1px;margin-bottom:6px}.customer-meta h3{margin:0;font-size:15px}.customer-meta>div:last-child{display:flex;gap:30px}.customer-meta span b{font-size:10px}.customer-table{overflow-x:auto}.customer-table table{min-width:620px}.customer-table th{background:#16233b;color:#fff;padding:12px}.customer-table td{font-size:11px;padding:15px 12px}.customer-table th:not(:first-child),.customer-table td:not(:first-child){text-align:right}.customer-summary{width:330px;margin:28px 0 36px auto;display:grid;grid-template-columns:1fr auto;gap:10px 26px;font-size:11px}.customer-summary>strong{border-top:1px solid #dce2e9;padding-top:10px;font-size:14px}.customer-summary .blue-total{color:#1d70c9;border-top:2px solid #1d70c9}.customer-document footer{border-top:1px solid #dfe5ec;padding-top:18px;color:#6f7c8e;font-size:10px}.accept-box,.accept-confirmation{margin-top:28px;border-radius:9px;padding:20px;background:#f1f7ff;border:1px solid #cfe1f5}.accept-box{display:grid;grid-template-columns:1fr 220px auto;gap:16px;align-items:end}.accept-box strong,.accept-confirmation strong{color:#1c3f68}.accept-box p,.accept-confirmation p{margin:5px 0 0;color:#6c7e92;font-size:10px}.accept-box label{display:grid;gap:6px;font-size:9px;font-weight:700;color:#56687c}.accept-box input{border:1px solid #cbd6e2;border-radius:6px;padding:10px}.accept-box button{border:0;border-radius:6px;background:#2978c8;color:#fff;padding:11px 15px;font-size:10px;font-weight:700}.accept-box button:disabled{opacity:.6}.accept-box>small{grid-column:1/-1;color:#b34c4c}.accept-confirmation{display:flex;align-items:center;gap:14px;background:#ecf8f1;border-color:#bee6cf}.accept-confirmation>span{width:35px;height:35px;border-radius:50%;display:grid;place-items:center;background:#2b8b61;color:#fff;font-weight:700}.customer-trust{text-align:center;color:#8b98aa;font-size:9px}.customer-loading,.customer-error{width:min(520px,100%);margin:15vh auto;background:#fff;padding:42px;text-align:center;border-radius:10px;box-shadow:0 16px 50px #1a2b4422}.customer-error img{width:90px;height:90px;border-radius:50%}.customer-error h1{font-family:Georgia,serif}.customer-error p{color:#778397}@media(max-width:700px){.customer-page{padding:0}.customer-document{padding:28px 20px;border-radius:0;min-height:100vh}.customer-header{grid-template-columns:62px 1fr}.customer-header img{width:58px;height:58px}.customer-header>div:last-child{grid-column:1/-1;text-align:left}.customer-meta{gap:18px}.customer-meta>div:last-child{display:grid;gap:12px}.customer-summary{width:100%}.accept-box{grid-template-columns:1fr}.customer-actions span{display:none}.accept-box button{width:100%}}@media print{.customer-page,.customer-page *{visibility:visible!important}.customer-page{position:absolute;left:0;top:0;width:100%;padding:0;background:#fff}.customer-document{width:100%;padding:28px 36px;box-shadow:none;border-radius:0}.customer-actions,.customer-trust,.accept-box{display:none!important}}.modal-scrim{position:absolute;inset:0;border:0;background:transparent}.modal{z-index:1}.receipt-actions{margin:0 22px 16px;padding:17px 18px;border:1px solid #d9e8f7;border-radius:9px;background:#f3f8fe;display:flex;align-items:center;gap:18px}.receipt-actions>div{flex:1}.receipt-actions strong{font-size:12px;color:#274c75}.receipt-actions p{margin:5px 0 0;color:#75879a;font-size:10px}.receipt-picker{border:1px solid #dfe4eb;border-radius:8px;padding:13px;display:grid;grid-template-columns:1fr 1fr;gap:10px}.receipt-picker legend{padding:0 6px;color:#566176;font-size:11px;font-weight:700}.receipt-picker>label{position:relative;display:flex;grid-template:none;align-items:center;gap:10px;border:1px solid #d6e1ed;border-radius:7px;padding:12px;background:#f8fbff;cursor:pointer}.receipt-picker>label>span{width:32px;height:32px;border-radius:7px;display:grid;place-items:center;background:#e2effd;color:#2471c6;font-size:17px}.receipt-picker>label div{display:grid;gap:3px}.receipt-picker>label strong{font-size:10px}.receipt-picker>label small{font-size:8px;color:#8290a2}.receipt-picker input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.receipt-picker>p{grid-column:1/-1;margin:1px 0 0;color:#8a96a6;font-size:8px}.settings-page{display:grid;gap:18px}.install-grid{padding:0 22px 22px;display:grid;grid-template-columns:1fr 1fr;gap:14px}.install-grid article{border:1px solid #e1e7ef;border-radius:9px;padding:18px;background:#fafbfd}.install-grid article span{display:inline-block;background:#e7f1fd;color:#246cae;border-radius:12px;padding:5px 9px;font-size:8px;font-weight:700}.install-grid article strong{display:block;margin:14px 0 6px;font-size:13px}.install-grid article p,.sync-note p{margin:0;color:#788599;font-size:10px;line-height:1.5}.sync-note{grid-column:1/-1;border-radius:8px;padding:14px 16px;background:#edf8f2;color:#297a59}.sync-note p{margin-top:4px;color:#5d7b6e}.report-cards{grid-template-columns:repeat(5,1fr)}@media(max-width:700px){.receipt-actions{align-items:flex-start;flex-direction:column}.receipt-actions button{width:100%}.receipt-picker,.install-grid{grid-template-columns:1fr}.receipt-picker>p,.sync-note{grid-column:auto}}.topbar{position:relative;z-index:20}.notification-wrap{position:relative}.notification-button{display:block!important;cursor:pointer;font-size:17px;color:#41516a}.notification-button .notification-count{position:absolute;right:-7px;top:-7px;width:auto;height:18px;min-width:18px;padding:0 5px;display:grid;place-items:center;background:#e65e43;color:#fff;border:2px solid #fff;border-radius:10px;font-size:8px;font-weight:700}.notification-panel{position:absolute;right:0;top:49px;width:min(390px,calc(100vw - 28px));max-height:min(620px,75vh);overflow:hidden;background:#fff;border:1px solid #dfe5ed;border-radius:11px;box-shadow:0 18px 55px #17243a33;text-align:left}.notification-panel>header{padding:17px 18px;border-bottom:1px solid #e9edf2;display:flex;align-items:center;justify-content:space-between}.notification-panel>header strong,.notification-panel>header small{display:block}.notification-panel>header strong{font-size:13px}.notification-panel>header small{color:#8a96a6;font-size:9px;margin-top:4px}.notification-panel>header button{border:0;background:transparent;color:#7c8796;font-size:20px}.notification-list{max-height:490px;overflow:auto}.notification-item{width:100%;border:0;border-bottom:1px solid #edf0f4;background:#fff;padding:14px 16px;display:grid;grid-template-columns:9px 1fr auto;gap:11px;align-items:start;text-align:left;cursor:pointer}.notification-item:hover{background:#f8fafc}.notification-item>i{width:8px;height:8px;border-radius:50%;margin-top:4px;background:#3c83c8}.notification-item.urgent>i{background:#d84e4e;box-shadow:0 0 0 4px #d84e4e18}.notification-item.warning>i{background:#e59a38}.notification-item.success>i{background:#2d9669}.notification-item>div strong{display:block;color:#26344a;font-size:10px}.notification-item p{margin:5px 0;color:#6f7c8d;font-size:9px;line-height:1.4}.notification-item time{color:#99a3b1;font-size:8px}.notification-item>b{color:#a2abb8}.notification-panel>footer{padding:11px 16px;color:#919cac;background:#fafbfc;font-size:8px;text-align:center}.notification-empty{padding:42px 20px;text-align:center}.notification-empty span{width:35px;height:35px;border-radius:50%;margin:auto auto 10px;display:grid;place-items:center;background:#e8f6ee;color:#2e8661}.notification-empty strong{font-size:11px}.notification-empty p{font-size:9px;color:#8490a1}.overdue-status{font-weight:800}@media(max-width:600px){.notification-panel{position:fixed;top:82px;left:12px;right:12px;width:auto;max-height:calc(100vh - 96px)}.notification-list{max-height:calc(100vh - 190px)}.top-actions{gap:8px}}.signout-button{margin-left:auto;border:1px solid #526078;background:transparent;color:#c7d0dd;border-radius:6px;padding:6px 8px;font-size:8px;cursor:pointer}.signout-button:hover{background:#2d3c55;color:#fff}.login-page{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 20% 10%,#28476f 0,#192640 42%,#101827)}.login-card{width:min(440px,100%);background:#fff;border-radius:18px;padding:36px;box-shadow:0 24px 80px #0007;text-align:center}.login-card>img{width:118px;height:118px;object-fit:cover;border-radius:50%;border:2px solid #2b82df;box-shadow:0 10px 35px #15263d33}.login-kicker{margin:20px 0 7px;color:#2a73bd;font-size:9px;font-weight:800;letter-spacing:2px}.login-card h1{margin:0;font-family:Georgia,serif;font-size:29px}.login-intro{margin:12px auto 24px;max-width:330px;color:#778499;font-size:11px;line-height:1.6}.login-card form{display:grid;gap:15px;text-align:left}.login-card label{display:grid;gap:7px;color:#4d5a6e;font-size:10px;font-weight:700}.login-card input{border:1px solid #d9e0e9;border-radius:8px;padding:12px 13px;font-size:13px;outline:0}.login-card input:focus{border-color:#2b79c7;box-shadow:0 0 0 3px #2b79c71c}.login-card form .primary-button{margin-top:4px;font-size:12px}.login-card form .primary-button:disabled{opacity:.6}.login-card>small{display:block;margin-top:19px;color:#909aa9;font-size:9px}.login-error{margin:0;background:#fff0f0;color:#ad4141;border-radius:7px;padding:10px;font-size:10px}.login-success{margin:0;background:#eaf8f0;color:#2d7758;border-radius:7px;padding:10px;font-size:10px;text-align:center}.login-link{border:0;background:transparent;color:#2b73bb;font-size:10px;font-weight:700;cursor:pointer;padding:2px}.login-link:disabled{opacity:.55}.login-loading{background:#fff;color:#445269;border-radius:12px;padding:24px 30px;box-shadow:0 20px 60px #0004;font-size:12px}.toast{inset:18px auto auto 50%;transform:translate(-50%);max-width:calc(100vw - 32px);z-index:10000;text-align:center;white-space:nowrap}@media(max-width:600px){.toast{top:10px;width:max-content;white-space:normal}}.row-actions button:disabled{cursor:not-allowed;opacity:.55}.row-actions .delete-document{border-color:#f0cccc;background:#fff5f5;color:#ad3f3f}.row-actions .delete-document:hover{background:#ffe5e5}