@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,500;0,600;1,500;1,600&display=swap";:root{font-family:DM Sans,sans-serif;color:#211f23;background:#f8f7f4;font-synthesis:none;--ink:#211f23;--muted:#89858d;--line:#e9e5e1;--plum:#6b4d80;--plum-deep:#473453;--canvas:#f8f7f4;--green:#37725c;--orange:#bc6d38}*{box-sizing:border-box}body{margin:0;background:var(--canvas);color:var(--ink)}button,input,select,textarea{font:inherit}button{cursor:pointer;border:0;color:inherit}.icon{display:block;flex-shrink:0}.app-shell{display:flex;min-height:100vh}.sidebar{width:252px;background:#f0eeeb;border-right:1px solid #e4e1dd;padding:25px 16px 18px;display:flex;flex-direction:column}.brand,.login-brand{display:flex;align-items:center;gap:10px;font-weight:700;letter-spacing:-.04em;font-size:20px;padding:0 12px}.brand-mark{width:28px;height:28px;display:grid;place-items:center;background:var(--plum-deep);color:#fff;border-radius:8px;font-family:Playfair Display,serif;font-style:italic;font-size:19px;box-shadow:0 3px 8px #4734532b}.workspace-switch{margin:42px 4px 26px;padding:10px;display:flex;align-items:center;gap:9px;border:1px solid #ddd9d4;border-radius:10px;background:#f7f5f2}.workspace-switch>div:nth-child(2),.profile>div{display:grid;gap:2px;flex:1}.workspace-switch strong,.profile strong{font-size:12px}.workspace-switch small,.profile small{font-size:10px;color:var(--muted)}nav,.sidebar-bottom>button{display:grid;gap:5px}nav button,.sidebar-bottom>button{display:flex;align-items:center;gap:12px;padding:11px 12px;background:transparent;color:#706c72;font-size:13px;border-radius:8px;text-align:left}nav button:hover,nav button.active,.sidebar-bottom>button:hover{background:#e4e0e4;color:var(--plum-deep)}nav .icon,.sidebar-bottom .icon{color:#817c84}.nav-count{margin-left:auto;font-family:DM Mono;font-size:10px;background:#dfd5e2;color:var(--plum-deep);padding:3px 6px;border-radius:12px}.sidebar-bottom{margin-top:auto}.upgrade{margin:25px 4px 24px;padding:14px 13px 13px;background:#e5dddf;border-radius:10px}.upgrade-star{color:var(--plum);font-size:17px}.upgrade strong{display:block;font-size:12px;margin-top:7px}.upgrade p{font-size:11px;line-height:1.45;color:#72676c;margin:5px 0 11px}.upgrade button{display:flex;gap:6px;align-items:center;padding:0;background:transparent;color:var(--plum-deep);font-size:10px;font-weight:600}.upgrade button .icon{margin-left:auto}.profile{border-top:1px solid #ddd9d4;padding:17px 8px 0;display:flex;gap:9px;align-items:center}.main{flex:1;min-width:0}.topbar{height:77px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 47px}.breadcrumb{font-size:11px;color:#98939a}.breadcrumb span{padding:0 8px;color:#c3bec0}.top-actions{display:flex;align-items:center;gap:17px}.icon-button{width:35px;height:35px;display:grid;place-items:center;background:transparent;color:#747077;border-radius:8px}.icon-button:hover{background:#ece8e5}.button{display:inline-flex;align-items:center;gap:9px;border-radius:7px;padding:11px 15px;font-size:12px;font-weight:600}.button.primary{background:var(--plum-deep);color:#fff;box-shadow:0 5px 12px #4734531c}.button.primary:hover{background:#38253f}.button.full{width:100%;justify-content:center;padding:13px}.welcome{display:flex;justify-content:space-between;align-items:flex-end;padding:40px 47px 32px}.eyebrow{font-family:DM Mono,monospace;text-transform:uppercase;letter-spacing:.12em;font-size:9px;color:#9a9297;margin-bottom:10px}.welcome h1{font-size:29px;letter-spacing:-.045em;margin:0 0 7px;font-weight:600}.welcome h1 span{color:#b690bf;font-size:18px;vertical-align:6px;margin-left:3px}.muted{color:var(--muted);font-size:12px;margin:0}.date-chip,.select-button{display:flex;align-items:center;gap:8px;border:1px solid var(--line);background:#fbfaf8;color:#706a72;border-radius:7px;padding:9px 11px;font-size:11px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;padding:0 47px 23px}.stat-card{padding:18px 19px 16px;border:1px solid var(--line);background:#fbfaf8;border-radius:10px;min-height:132px}.stat-card.dark{background:var(--plum-deep);border-color:var(--plum-deep);color:#fff}.stat-top{display:flex;justify-content:space-between;align-items:center;color:#8c858b;font-size:11px}.dark .stat-top{color:#d4c6d7}.stat-icon{display:grid;place-items:center;width:28px;height:28px;background:#f0ece7;border-radius:7px;color:var(--plum)}.dark .stat-icon{background:#65496f;color:#fff}.stat-card strong{display:block;font-size:26px;letter-spacing:-.045em;margin:12px 0 7px}.stat-detail{font-size:10px;color:#99929a}.dark .stat-detail{color:#c8b8ca}.positive{color:#4c9471;font-weight:600}.dark .positive{color:#a7d6b9}.warning-text{color:#a96842;font-weight:600}.content-grid{padding:0 47px 46px;display:grid;grid-template-columns:1.55fr 1fr;gap:16px}.panel{border:1px solid var(--line);background:#fbfaf8;border-radius:10px}.panel-heading{display:flex;align-items:flex-start;justify-content:space-between;padding:20px 20px 10px}.panel h2{font-size:14px;margin:0 0 5px;letter-spacing:-.02em}.panel-heading .muted{font-size:10px}.chart{height:242px;display:flex;padding:14px 20px 20px 12px}.chart-y{width:40px;display:flex;flex-direction:column;justify-content:space-between;color:#aaa4a7;font:9px DM Mono;padding:4px 0 25px;text-align:right}.chart-area{position:relative;flex:1;margin-left:13px;padding-bottom:26px}.gridline{height:1px;background:#ede9e6;position:relative;margin-bottom:35px}.chart-area svg{position:absolute;left:0;right:0;top:4px;width:100%;height:160px;overflow:visible}.chart-x{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:space-between;color:#aaa4a7;font:9px DM Mono}.activity-panel{display:flex;flex-direction:column}.attention-item{display:flex;align-items:center;gap:11px;padding:16px 20px;border-top:1px solid var(--line)}.attention-icon{width:31px;height:31px;display:grid;place-items:center;border-radius:8px}.attention-icon.orange{background:#f4e3d9;color:#b86d3e}.attention-icon.plum{background:#e9dfeb;color:var(--plum)}.attention-item>div:nth-child(2){flex:1}.attention-item strong{font-size:11px;font-weight:600}.attention-item p{font-size:10px;color:#99929a;margin:4px 0 0}.attention-item>.icon{color:#a29ca0}.mini-quote{margin:auto 20px 20px;padding:15px 16px;background:#f1eeea;border-radius:8px;color:#766e73;font-family:Playfair Display,serif;font-style:italic;font-size:13px}.mini-quote small{display:block;margin-top:7px;font:9px DM Mono;font-style:normal;color:#aaa2a5}.page-view{padding-bottom:45px}.table-panel{margin:0 47px;overflow:hidden}.table-toolbar{display:flex;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--line)}.search-box{display:flex;align-items:center;gap:8px;color:#a19ba0;border:1px solid var(--line);border-radius:7px;background:#fff;padding:0 9px;width:245px}.search-box input{border:0;outline:0;background:transparent;width:100%;padding:8px 0;font-size:11px}.search-box input::placeholder{color:#aaa4a7}table{width:100%;border-collapse:collapse;font-size:11px}th{font:9px DM Mono;text-transform:uppercase;letter-spacing:.05em;color:#aaa4a7;text-align:left;font-weight:400;padding:13px 16px;background:#f7f5f2}td{padding:13px 16px;border-top:1px solid #f0edeb;color:#726c72;white-space:nowrap}td strong{color:#3c373e;font-weight:600}.client-cell{display:flex;align-items:center;gap:9px}.client-cell div{display:grid;gap:3px}.client-cell small{font-size:9px;color:#aaa4a7}.avatar{display:grid;place-items:center;flex:none;width:27px;height:27px;border-radius:8px;font:10px DM Mono;font-weight:500}.avatar.plum{background:#e6d9e8;color:#684771}.avatar.orange{background:#f2ded0;color:#a15f36}.avatar.green{background:#dce9df;color:#4b765a}.avatar.blue{background:#d9e3eb;color:#4c6577}.avatar.yellow{background:#efe8ce;color:#847344}.avatar.sand{background:#e8dfd3;color:#806f5b}.status{display:inline-flex;align-items:center;gap:5px;font-size:10px}.status i{width:6px;height:6px;border-radius:99px;background:#aaa}.status.paid{color:#4c8067}.status.paid i{background:#60a47f}.status.outstanding{color:#ae6b42}.status.outstanding i{background:#d48b59}.status.overdue{color:#aa4e56}.status.overdue i{background:#c96a71}.status.draft{color:#766d82}.status.draft i{background:#957ca5}.row-action{width:24px;height:24px;background:transparent;color:#b2abb0;display:grid;place-items:center}.row-action:hover{color:var(--plum)}.empty{text-align:center;padding:40px;color:var(--muted);font-size:12px}.login-page{min-height:100vh;display:grid;place-items:center;align-content:center;background:radial-gradient(circle at 30% 20%,#eee6ef 0,#f8f7f4 40%),var(--canvas);position:relative}.login-brand{position:absolute;top:36px;left:40px}.login-card{width:405px;padding:43px 42px 36px;background:#fffdfb;border:1px solid #ebe6e2;border-radius:13px;box-shadow:0 25px 80px #49344a12}.login-card h1{font-size:32px;line-height:1.08;letter-spacing:-.05em;margin:0 0 13px;font-weight:600}.login-card h1 em{font-family:Playfair Display,serif;font-weight:500;color:var(--plum);letter-spacing:-.04em}.login-card>.muted{line-height:1.6;margin-bottom:28px}.login-card form{display:grid;gap:16px}.login-card label,.modal label{display:grid;gap:7px;color:#6e686f;font-size:10px;font-weight:600}.login-card input,.modal input,.modal select,.modal textarea{border:1px solid #e3dedb;border-radius:6px;background:#fff;padding:11px 12px;outline:none;font-size:12px;color:var(--ink)}.login-card input:focus,.modal input:focus,.modal select:focus,.modal textarea:focus{border-color:#987fa3;box-shadow:0 0 0 3px #b18eb51c}.form-row{display:flex;justify-content:space-between;align-items:center;margin-top:-2px;margin-bottom:5px}.form-row a{color:var(--plum);font-size:10px}.check{display:flex!important;align-items:center;grid-template-columns:auto 1fr!important;gap:7px!important;font-size:10px!important;font-weight:400!important}.check input{accent-color:var(--plum);width:13px;height:13px}.login-note{display:flex;justify-content:center;align-items:center;gap:7px;color:#aaa3a8;font:9px DM Mono;margin-top:27px}.status-dot{width:6px;height:6px;background:#67a27f;border-radius:99px}.login-footer{position:absolute;bottom:28px;color:#aaa3a8;font:9px DM Mono}.login-footer span{padding:0 10px;color:#d2cdd0}.modal-wrap{position:fixed;top:0;right:0;bottom:0;left:0;z-index:5;display:grid;place-items:center}.modal-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#251d2880;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.modal{position:relative;width:min(700px,calc(100vw - 32px));background:#fbfaf8;border-radius:12px;box-shadow:0 24px 80px #251d2866;padding:25px 28px}.modal-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:26px}.modal h2{font-size:23px;letter-spacing:-.04em;margin:0}.modal .icon-button{margin-top:-5px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:24px}.modal select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%237a7077' stroke-width='1.5'%3E%3Cpath d='m2 4 4 4 4-4'/%3E%3C/svg%3E") no-repeat right 12px center}.line-head,.line-item{display:grid;grid-template-columns:1.7fr .42fr .72fr .6fr;gap:10px;align-items:center}.line-head{padding:0 0 8px;color:#aaa4a7;font:9px DM Mono;text-transform:uppercase}.line-item input{min-width:0}.line-item strong{text-align:right;font-size:12px}.money-input{display:flex;align-items:center;border:1px solid #e3dedb;border-radius:6px;background:#fff}.money-input span{padding-left:10px;color:#aaa4a7;font-size:11px}.money-input input{border:0;padding-left:5px;width:100%}.add-line{display:flex;align-items:center;gap:7px;background:transparent;color:var(--plum);font-size:10px;font-weight:600;margin-top:14px}.invoice-bottom{border-top:1px solid var(--line);margin-top:25px;padding-top:20px;display:grid;grid-template-columns:1fr 190px;gap:25px}.modal textarea{resize:vertical;min-height:76px}.totals{font-size:11px;color:#8c858b}.totals>div{display:flex;justify-content:space-between;padding:7px 0}.totals b{color:var(--ink);font-weight:500}.totals .grand-total{border-top:1px solid var(--line);margin-top:8px;padding-top:14px;font-size:13px;color:var(--ink)}.totals .grand-total b{font-weight:700;font-size:15px}.modal-actions{border-top:1px solid var(--line);margin-top:25px;padding-top:18px;display:flex;justify-content:flex-end;gap:9px}.button.quiet{background:transparent;color:#777177}.button.quiet:hover{background:#eeeae7}@media (max-width:900px){.sidebar{width:215px}.content-grid,.settings-grid{grid-template-columns:1fr}.topbar,.welcome,.stats,.content-grid{padding-left:25px;padding-right:25px}.table-panel{margin-left:25px;margin-right:25px;overflow:auto}.settings-grid{margin-left:25px;margin-right:25px}.welcome h1{font-size:25px}}@media (max-width:640px){.sidebar{display:none}.topbar{padding:0 18px}.welcome{padding:29px 18px 24px;align-items:flex-start;gap:15px;flex-direction:column}.stats{padding:0 18px 18px;grid-template-columns:1fr}.content-grid{padding:0 18px}.top-actions .icon-button{display:none}.login-card{width:calc(100% - 32px);padding:34px 27px}.login-brand{left:20px}.login-footer{font-size:8px}.form-grid,.invoice-bottom,.settings-form{grid-template-columns:1fr}.modal{padding:23px 19px}.table-panel,.settings-grid{margin:0 18px}.page-view .welcome{flex-direction:row;align-items:flex-end}.page-view .welcome .button{padding:9px}.line-head,.line-item{grid-template-columns:1.35fr .36fr .65fr .55fr;gap:6px}}.form-error{padding:9px 11px;background:#f8e5e4;color:#a04f56;border-radius:6px;font-size:10px;line-height:1.4}.button:disabled{opacity:.65;cursor:wait}.logout{display:grid;place-items:center;background:transparent;color:#a19aa0;padding:4px}.settings-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:16px;margin:0 47px}.settings-card{min-height:350px}.settings-form{display:grid;grid-template-columns:1fr 1fr;gap:17px;padding:2px 20px 20px}.settings-form label{display:grid;gap:7px;color:#6e686f;font-size:10px;font-weight:600}.settings-form input,.settings-form select{border:1px solid #e3dedb;border-radius:6px;background:#fff;padding:11px 12px;outline:none;font-size:12px;color:var(--ink)}.settings-form .button{grid-column:1/-1;justify-self:start;margin-top:6px}.invoice-preview{margin:0 20px 20px;padding:20px;background:#f0eeeb;border-radius:8px;min-height:215px}.preview-brand{display:flex;align-items:center;gap:7px;font-size:11px}.preview-brand .brand-mark{width:23px;height:23px;font-size:15px;border-radius:6px}.invoice-preview>span{display:block;text-align:right;margin-top:35px;font:10px DM Mono;letter-spacing:.11em;color:#8c798f}.preview-rule{border-top:1px solid #d9d4d0;margin:12px 0}.preview-lines{display:flex;justify-content:space-between;font-size:10px;color:#5f5860}.preview-lines i{flex:1;border-bottom:1px dotted #c7c0c1;margin:0 12px 4px}.preview-lines.faint{color:#958d91;font-size:9px}.toast{position:fixed;right:30px;bottom:26px;display:flex;align-items:center;gap:9px;background:var(--plum-deep);color:#fff;padding:12px 15px;border-radius:8px;box-shadow:0 8px 22px #47345334;font-size:11px;z-index:8}.form-success{padding:9px 11px;background:#e3f0e7;color:#37725c;border-radius:6px;font-size:10px;line-height:1.4}.auth-switch{display:block;margin:18px auto 0;background:transparent;color:var(--plum);font-size:10px;font-weight:600}.auth-switch:hover{text-decoration:underline}.auth-landing{width:470px;text-align:center;padding:45px 30px 38px}.auth-landing h1{font-size:43px;line-height:1.03;letter-spacing:-.06em;margin:0 0 15px;font-weight:600}.auth-landing h1 em{font-family:Playfair Display,serif;font-weight:500;color:var(--plum);letter-spacing:-.04em}.auth-landing>.muted{font-size:13px;line-height:1.55;max-width:330px;margin:0 auto 30px}.auth-choices{display:grid;gap:10px;text-align:left}.auth-choice{display:flex;align-items:center;justify-content:space-between;gap:14px;width:100%;padding:16px 17px;border:1px solid #e1dcda;background:#fffdfb;border-radius:9px;transition:.18s ease}.auth-choice:hover{border-color:#bda9c2;transform:translateY(-1px);box-shadow:0 9px 22px #49344a12}.auth-choice span{display:grid;gap:4px}.auth-choice strong{font-size:12px}.auth-choice small{font-size:10px;color:#99929a}.auth-choice>.icon{color:var(--plum)}.primary-choice{background:var(--plum-deep);border-color:var(--plum-deep);color:#fff}.primary-choice small{color:#d0c1d2}.primary-choice>.icon{color:#fff}.back-link{background:transparent;color:#8d858c;font-size:10px;padding:0;margin-bottom:25px}.back-link:hover{color:var(--plum)}.wizard-card{padding-top:30px}.wizard-progress{display:flex;align-items:center;gap:8px;margin:0 0 26px;color:#b4adb2;font:9px DM Mono}.wizard-progress i{height:1px;background:#ddd7d6;flex:1}.wizard-progress span.current{color:var(--plum-deep);font-weight:600}.wizard-card h1{margin-bottom:13px}.review-card{display:grid;gap:0;background:#f1eeea;border-radius:8px;padding:4px 14px;margin:20px 0}.review-card div{display:flex;align-items:center;justify-content:space-between;padding:11px 0;border-bottom:1px solid #e2dcd9}.review-card div:last-child{border:0}.review-card span{color:#92898e;font-size:10px}.review-card strong{font-size:11px;font-weight:600;text-align:right;max-width:62%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar nav{max-height:42vh;overflow:auto;padding-right:2px}.sidebar nav::-webkit-scrollbar{width:4px}.sidebar nav::-webkit-scrollbar-thumb{background:#d4ced3;border-radius:9px}.reports-view{padding:0 47px 45px}.report-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:16px}.report-card{padding:20px;border-radius:10px;min-height:166px}.report-card.plum{background:#e9dfeb}.report-card.orange{background:#f1e2d8}.report-card.green{background:#dfeae1}.report-card .eyebrow{color:#8d7b91}.report-card h3{font-size:14px;margin:0 0 13px}.report-card strong{display:block;font-size:25px;letter-spacing:-.04em}.report-card p{font-size:10px;color:#80767e;margin:5px 0 17px}.report-card button{display:flex;align-items:center;gap:7px;background:transparent;font-size:10px;font-weight:600;color:var(--plum-deep)}.report-card button .icon{margin-left:auto}.report-list{overflow:hidden}.report-row{display:flex;align-items:center;gap:11px;padding:15px 20px;border-top:1px solid var(--line)}.report-row>div:nth-child(2){display:grid;gap:4px;flex:1}.report-row strong{font-size:11px}.report-row small{font-size:9px;color:#aaa3a7}.report-icon{width:30px;height:30px;display:grid;place-items:center;background:#eee8ef;color:var(--plum);border-radius:7px}@media (max-width:640px){.auth-landing{width:calc(100% - 32px);padding:30px 15px}.auth-landing h1{font-size:36px}.wizard-card{padding-top:26px}}@media (max-width:900px){.reports-view{padding-left:25px;padding-right:25px}.report-cards{grid-template-columns:1fr}}@media (max-width:640px){.reports-view{padding-left:18px;padding-right:18px}}:root{font-family:DM Sans,sans-serif;color:#17202b;background:#f3f5f7;--ink:#17202b;--muted:#718096;--line:#e2e8f0;--plum:#2563eb;--plum-deep:#172033;--canvas:#f3f5f7;--green:#16805b;--orange:#b45309}body{background:#f3f5f7;color:#17202b}.app-shell{background:#f3f5f7}.sidebar{background:#111827;border-right:1px solid #273447;color:#d8e0ea}.brand,.login-brand{color:#f8fafc}.brand-mark{background:#f8fafc;color:#172033;font-family:DM Sans,sans-serif;font-style:normal;border-radius:7px;box-shadow:none}.workspace-switch{background:#1b2636;border-color:#334155}.workspace-switch strong,.profile strong{color:#f1f5f9}.workspace-switch small,.profile small{color:#94a3b8}.sidebar nav button,.sidebar-bottom>button{color:#9aa9bb}.sidebar nav button:hover,.sidebar nav button.active,.sidebar-bottom>button:hover{background:#253246;color:#fff}.nav-count{background:#2d4058;color:#bfdbfe}.upgrade{background:#1b2636;border:1px solid #2e4055}.upgrade-star{color:#60a5fa}.upgrade p{color:#9aa9bb}.upgrade button{color:#bfdbfe}.profile{border-top-color:#2d3a4b}.topbar{background:#f8fafc;border-bottom-color:#e2e8f0}.breadcrumb{color:#738196}.breadcrumb span{color:#b8c2ce}.icon-button{color:#64748b}.icon-button:hover{background:#e8edf3}.button.primary{background:#1d4ed8;box-shadow:0 5px 12px #1d4ed81f}.button.primary:hover{background:#1e40af}.welcome h1,.panel h2,.login-card h1{color:#17202b}.welcome h1 span{color:#2563eb}.eyebrow{color:#8391a3}.muted{color:#718096}.date-chip,.select-button{background:#fff;border-color:#dbe3ec;color:#526173}.stat-card,.panel{background:#fff;border-color:#e2e8f0}.stat-card.dark{background:#172033;border-color:#172033}.stat-top{color:#718096}.dark .stat-top{color:#c6d1df}.stat-icon{background:#eef2f7;color:#2563eb}.dark .stat-icon{background:#293b55;color:#bfdbfe}.stat-detail{color:#8190a2}.dark .stat-detail{color:#c3cfdd}.positive{color:#16805b}.dark .positive{color:#79d4ae}.warning-text{color:#b45309}.gridline{background:#e8edf2}.chart-y,.chart-x{color:#91a0b2}.chart-area svg path[stroke]{stroke:#2563eb}.attention-item{border-top-color:#e6ebf0}.attention-icon.orange{background:#fff1df;color:#b45309}.attention-icon.plum{background:#e9f0ff;color:#2563eb}.attention-item p{color:#8190a2}.mini-quote{background:#f1f4f7;color:#5b6878;font-family:DM Sans,sans-serif;font-style:normal}.mini-quote small{color:#8896a6}.table-toolbar{border-bottom-color:#e5ebf1}.search-box{border-color:#dbe3ec;background:#fff;color:#8391a3}.search-box input::placeholder{color:#94a3b8}th{background:#f7f9fb;color:#8190a2}td{border-top-color:#edf1f5;color:#64748b}td strong{color:#273447}.client-cell small{color:#8a98a8}.avatar.plum{background:#e6efff;color:#1d4ed8}.avatar.orange{background:#fff0df;color:#a14f08}.avatar.green{background:#e1f4eb;color:#16714f}.avatar.blue{background:#e4eefb;color:#315d8d}.avatar.yellow{background:#edf1f5;color:#5d6b7b}.avatar.sand{background:#e8edf3;color:#526173}.status.paid{color:#16805b}.status.outstanding{color:#b45309}.status.draft{color:#526173}.row-action{color:#94a3b8}.row-action:hover{color:#2563eb}.login-page{background:radial-gradient(circle at 50% 0,#e8eef7 0,#f3f5f7 42%),#f3f5f7}.login-card{background:#fff;border-color:#e2e8f0;box-shadow:0 25px 80px #17203312}.login-card h1 em,.auth-landing h1 em{font-family:DM Sans,sans-serif;font-style:normal;font-weight:500;color:#2563eb}.login-card label,.modal label{color:#526173}.login-card input,.modal input,.modal select,.modal textarea{border-color:#d7e0ea;background:#fff;color:#17202b}.login-card input:focus,.modal input:focus,.modal select:focus,.modal textarea:focus{border-color:#6094e8;box-shadow:0 0 0 3px #2563eb18}.form-row a,.auth-switch{color:#2563eb}.check input{accent-color:#2563eb}.login-note,.login-footer{color:#8b98a8}.login-footer span{color:#c8d1dc}.modal-backdrop{background:#0f172a99}.modal{background:#fff;box-shadow:0 24px 80px #0f172a45}.line-head{color:#8190a2}.money-input{border-color:#d7e0ea;background:#fff}.add-line{color:#2563eb}.totals{color:#718096}.totals b,.totals .grand-total{color:#17202b}.form-error{background:#fff0f0;color:#b4233b}.form-success{background:#e7f7ef;color:#16714f}.auth-landing h1{color:#17202b}.auth-choice{background:#fff;border-color:#dbe3ec}.auth-choice:hover{border-color:#8db3f4;box-shadow:0 9px 22px #17203312}.auth-choice strong{color:#17202b}.auth-choice small{color:#718096}.primary-choice{background:#172033;border-color:#172033}.primary-choice small{color:#bac7d6}.back-link{color:#718096}.wizard-progress{color:#94a3b8}.wizard-progress i{background:#dbe3ec}.wizard-progress span.current{color:#2563eb}.review-card{background:#f3f6f9}.review-card div{border-bottom-color:#e1e8ef}.review-card span{color:#7c8a9b}.report-card.plum{background:#e9f0ff}.report-card.orange{background:#fff1df}.report-card.green{background:#e5f5ed}.report-card .eyebrow{color:#6480a1}.report-card p{color:#66778d}.report-card button{color:#1d4ed8}.report-icon{background:#e9f0ff;color:#2563eb}.report-row{border-top-color:#e6ebf0}.report-row small{color:#8190a2}.toast{background:#172033;box-shadow:0 8px 22px #17203333}.settings-form input,.settings-form select{border-color:#d7e0ea;background:#fff}.invoice-preview{background:#f3f6f9}.preview-brand .brand-mark{background:#172033;color:#fff}.preview-rule{border-top-color:#d6dee8}.preview-lines{color:#526173}.preview-lines.faint{color:#8190a2}.sidebar nav::-webkit-scrollbar-thumb{background:#475569}:root{--pdf-button-bg:#e9f0ff}.pdf-button{display:inline-flex;align-items:center;gap:7px;background:var(--pdf-button-bg);color:#1d4ed8;border:1px solid #cfe0ff}.pdf-button:hover{background:#dbe8ff}.auth-loading{min-height:100vh;display:grid;place-items:center;align-content:center;gap:14px;background:#f3f5f7;color:#718096;font:11px DM Mono}.auth-loading .brand-mark{width:38px;height:38px;background:#172033;color:#fff;font:600 22px DM Sans;border-radius:8px;display:grid;place-items:center}.analytics-view{padding:0 47px 45px}.analytics-toolbar{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:18px}.analytics-toolbar h2{font-size:18px;margin:0 0 5px}.analytics-toolbar p{font-size:11px;margin:0;max-width:560px}.analytics-actions,.export-actions{display:flex;gap:9px;flex-wrap:wrap}.analytics-filters{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:14px;margin-bottom:16px}.analytics-filter{display:grid;gap:6px;color:#718096;font-size:9px;font-weight:600}.analytics-filter select{border:1px solid #d7e0ea;border-radius:6px;background:#fff;color:#17202b;padding:9px;font-size:11px}.analytics-stats{padding:0 0 16px}.analytics-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}.analytics-grid .panel{overflow:hidden}.analytics-export{padding:20px;display:flex;align-items:center;justify-content:space-between;gap:18px}.analytics-export h2{margin:0 0 5px}.analytics-export p{font-size:10px;margin:0}.analytics-export .button{font-size:10px;padding:9px 11px}@media (max-width:900px){.analytics-view{padding-left:25px;padding-right:25px}.analytics-filters{grid-template-columns:repeat(3,1fr)}.analytics-grid{grid-template-columns:1fr}.analytics-export{align-items:flex-start;flex-direction:column}}@media (max-width:640px){.analytics-view{padding-left:18px;padding-right:18px}.analytics-toolbar{align-items:flex-start;flex-direction:column}.analytics-filters{grid-template-columns:1fr 1fr}.analytics-export{padding:16px}}.sidebar{width:268px;min-height:100vh;height:100vh;position:sticky;top:0;padding:22px 14px 14px;background:#0f172a;border-right:1px solid #243247;overflow:hidden}.brand{padding:0 12px;font-size:19px;letter-spacing:-.05em}.brand-mark{width:30px;height:30px;border-radius:8px}.workspace-switch{margin:30px 3px 20px;padding:11px 10px;background:#172337;border:1px solid #2b3d56;border-radius:11px;transition:.18s ease}.workspace-switch:hover{background:#1b2b42;border-color:#3d5674}.workspace-switch .avatar{width:28px;height:28px}.sidebar nav{flex:1;min-height:0;max-height:none;overflow:auto;display:grid;align-content:start;gap:3px;padding:0 2px 10px;scrollbar-width:thin;scrollbar-color:#33465f transparent}.sidebar nav:before{content:"OVERVIEW & INSIGHTS";display:block;padding:0 11px 8px;color:#64748b;font:9px DM Mono;letter-spacing:.12em}.sidebar nav button{min-height:40px;padding:10px 11px;border-radius:8px;color:#93a4b8;font-size:12px;transition:background .16s ease,color .16s ease,transform .16s ease;position:relative}.sidebar nav button:hover{background:#18283d;color:#f8fafc;transform:translate(1px)}.sidebar nav button.active{background:#1e3552;color:#fff;box-shadow:inset 3px 0 #60a5fa}.sidebar nav button.active .icon,.sidebar nav button:hover .icon{color:#bfdbfe}.sidebar nav button:nth-child(4){margin-top:21px}.sidebar nav button:nth-child(4):before{content:"OPERATIONS";position:absolute;left:11px;top:-19px;color:#64748b;font:9px DM Mono;letter-spacing:.12em}.sidebar nav .icon{color:#73859b;width:17px;height:17px}.nav-count{background:#29415f;color:#bfdbfe;min-width:21px;text-align:center}.sidebar-bottom{margin-top:8px;border-top:1px solid #223248;padding-top:10px}.sidebar-bottom>button{min-height:38px;padding:9px 11px;color:#93a4b8;font-size:12px;border-radius:8px}.sidebar-bottom>button:hover{background:#18283d;color:#fff}.upgrade{margin:12px 3px 14px;padding:12px;background:#172337;border:1px solid #2b3d56;border-radius:10px}.upgrade-star{font-size:15px;color:#60a5fa}.upgrade strong{font-size:11px;color:#e2e8f0}.upgrade p{font-size:10px;line-height:1.4;margin:4px 0 9px;color:#94a3b8}.upgrade button{color:#bfdbfe;font-size:9px}.profile{border-top:1px solid #26384f;padding:12px 5px 0}.profile .avatar{width:28px;height:28px}.profile strong{font-size:11px}.profile small{font-size:9px}.logout{color:#7890a8}.logout:hover{background:#18283d;color:#fff;border-radius:6px}.main{min-width:0}.sidebar nav button:nth-child(2) .icon,.sidebar nav button:nth-child(3) .icon{color:#60a5fa}.sidebar nav button:nth-child(2),.sidebar nav button:nth-child(3){color:#bfdbfe}.sidebar nav button:nth-child(2):hover,.sidebar nav button:nth-child(3):hover{background:#1c3654}.sidebar nav button:nth-child(4){margin-top:28px}.sidebar nav button:nth-child(4):before{top:-24px}.sidebar nav:after{content:"Manage your money with clarity";display:block;padding:15px 11px 0;color:#4f6380;font-size:9px;line-height:1.4;border-top:1px solid #223248;margin-top:12px}@media (max-width:900px){.sidebar{width:238px}}@media (max-width:640px){.sidebar{display:none}}.main{background:#f1f4f8}.topbar{height:72px;position:sticky;top:0;z-index:3;background:#f8fafce0;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 1px #94a3b82e}.breadcrumb{font-size:10px;font-weight:600;letter-spacing:.02em}.top-actions{gap:10px}.top-actions .button.primary{padding:10px 14px;border-radius:8px}.icon-button{transition:background .16s ease,color .16s ease,transform .16s ease}.icon-button:hover{transform:translateY(-1px)}.welcome{padding-top:36px;padding-bottom:27px}.welcome h1{font-size:31px;font-weight:700;letter-spacing:-.06em}.welcome .muted{font-size:11px}.eyebrow{font-size:8px;font-weight:600;color:#8090a4}.panel,.stat-card,.report-card,.analytics-filters{border-radius:13px;box-shadow:0 8px 25px #17203309}.stat-card{min-height:138px;padding:20px}.stat-card strong{font-size:28px}.stat-icon{width:31px;height:31px;border-radius:9px}.panel-heading{padding:21px 21px 12px}.panel h2{font-size:14px;font-weight:700}.table-panel{border-radius:13px}.table-toolbar{padding:13px 15px;background:#f8fafcb8}.search-box{border-radius:8px;box-shadow:0 2px 5px #17203308}th{font-size:8px;letter-spacing:.1em;padding:14px 17px}td{padding:14px 17px;font-size:11px}.row-action{border-radius:7px;transition:background .16s ease,color .16s ease,transform .16s ease}.row-action:hover{background:#e9f0ff;transform:translate(2px)}.button{border-radius:8px;transition:background .16s ease,box-shadow .16s ease,transform .16s ease}.button:hover{transform:translateY(-1px)}.button.primary{box-shadow:0 7px 16px #1d4ed824}.settings-card,.analytics-export{box-shadow:0 8px 25px #17203309}.modal{border-radius:15px;box-shadow:0 30px 90px #0f172a38}.modal-header{margin-bottom:22px}.modal h2{font-size:24px}.modal-actions{align-items:center}.toast{border:1px solid rgba(191,219,254,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}input,select,textarea,button{outline:none}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{box-shadow:0 0 0 3px #2563eb33!important}.select-button,.date-chip{border-radius:8px}.reports-view,.analytics-view{padding-top:2px}.report-card{min-height:178px;padding:21px}.report-card strong{font-size:27px}.report-list{box-shadow:0 8px 25px #17203309}.report-row{padding:16px 21px}.analytics-toolbar h2{font-size:21px;font-weight:700}.analytics-filters{box-shadow:0 8px 25px #17203309}.analytics-filter select{border-radius:8px}.mini-quote{border:1px solid #e6ebf0}.upgrade{box-shadow:inset 0 1px #ffffff09}@media (prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.settings-console{padding:0 47px 45px}.settings-tabs{display:flex;gap:5px;border-bottom:1px solid #dce4ee;margin-bottom:18px}.settings-tabs button{padding:11px 14px;background:transparent;color:#718096;font-size:11px;font-weight:600;border-bottom:2px solid transparent}.settings-tabs button:hover{color:#1d4ed8}.settings-tabs button.active{color:#1d4ed8;border-bottom-color:#2563eb}.settings-layout{display:grid;grid-template-columns:1.1fr .9fr;gap:16px}.settings-card{min-height:0}.choice-section{padding:4px 20px 20px}.choice-label{display:block;color:#526173;font-size:10px;font-weight:700;margin-bottom:10px}.choice-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.choice-card{display:grid;gap:7px;text-align:left;padding:13px;border:1px solid #dbe3ec;border-radius:10px;background:#fff;color:#172033;transition:.16s ease}.choice-card:hover,.choice-card.selected{border-color:#6094e8;box-shadow:0 0 0 3px #2563eb12}.choice-card.selected{background:#f5f8ff}.choice-card strong{font-size:11px}.choice-card small{color:#8190a2;font-size:9px;line-height:1.35}.theme-swatch{height:42px;border-radius:7px;border:1px solid #dbe3ec}.theme-swatch.light{background:linear-gradient(135deg,#fff 50%,#e8eef7 50%)}.theme-swatch.slate{background:linear-gradient(135deg,#e2e8f0 50%,#94a3b8 50%)}.theme-swatch.dark{background:linear-gradient(135deg,#172033 50%,#334155 50%)}.accent-options{display:flex;gap:8px}.accent-choice{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid #dbe3ec;border-radius:8px;padding:9px 12px;color:#526173;font-size:10px}.accent-choice i{width:9px;height:9px;border-radius:50%;background:#2563eb}.accent-choice.teal i{background:#0f9f8a}.accent-choice.violet i{background:#7c3aed}.accent-choice.selected{border-color:#6094e8;color:#172033;box-shadow:0 0 0 3px #2563eb12}.appearance-preview{margin:0 20px 20px;padding:18px;background:#172033;border-radius:10px;color:#e2e8f0}.preview-topline{display:flex;align-items:center;gap:8px;font-size:11px}.preview-topline small{margin-left:auto;color:#94a3b8;font-size:9px}.preview-dot{width:8px;height:8px;border-radius:50%;background:#2563eb}.preview-dot.teal{background:#0f9f8a}.preview-dot.violet{background:#7c3aed}.preview-metric{display:grid;grid-template-columns:1fr auto;gap:8px;margin-top:25px;padding-top:12px;border-top:1px solid #334155;color:#94a3b8;font-size:10px}.preview-metric b{color:#fff;font-size:19px}.preview-metric i{grid-column:1/-1;height:4px;background:#2563eb;border-radius:9px}.muted-metric{margin-top:14px}.muted-metric i{background:#475569}.preferences-card,.account-card{max-width:780px}.preference-list{padding:0 20px 18px}.preference-list label{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 0;border-top:1px solid #e6ebf0;color:#172033}.preference-list label>span{display:grid;gap:4px}.preference-list strong{font-size:11px}.preference-list small{color:#8190a2;font-size:9px}.preference-list select{min-width:170px;border:1px solid #d7e0ea;border-radius:7px;background:#fff;padding:9px;font-size:10px}.preference-list input[type=checkbox]{width:17px;height:17px;accent-color:#2563eb}.account-card{padding-bottom:20px}.account-identity{display:flex;align-items:center;gap:11px;padding:0 20px 18px}.account-identity>div{display:grid;gap:4px}.account-identity strong{font-size:12px}.account-identity small{color:#8190a2;font-size:10px}.account-row{display:flex;justify-content:space-between;padding:14px 20px;border-top:1px solid #e6ebf0;color:#718096;font-size:10px}.account-row strong{color:#172033;font-weight:600}.account-logout{margin:18px 20px 0;border:1px solid #fecaca;color:#b4233b!important}.account-logout:hover{background:#fff1f2!important}@media (max-width:900px){.settings-console{padding-left:25px;padding-right:25px}.settings-layout{grid-template-columns:1fr}}@media (max-width:640px){.settings-console{padding-left:18px;padding-right:18px}.settings-tabs{overflow:auto}.settings-tabs button{white-space:nowrap}.choice-grid{grid-template-columns:1fr}.preference-list label{align-items:flex-start;flex-direction:column}.preference-list select{width:100%}}.app-shell.accent-teal .button.primary{background:#0f766e}.app-shell.accent-teal .button.primary:hover{background:#0f5f59}.app-shell.accent-teal .settings-tabs button.active,.app-shell.accent-teal .settings-tabs button:hover{color:#0f766e}.app-shell.accent-violet .button.primary{background:#6d28d9}.app-shell.accent-violet .button.primary:hover{background:#5b21b6}.app-shell.accent-violet .settings-tabs button.active,.app-shell.accent-violet .settings-tabs button:hover{color:#6d28d9}.app-shell.theme-slate .main{background:#e9eef5}.app-shell.theme-dark .main{background:#0b1220;color:#e2e8f0}.app-shell.theme-dark .topbar{background:#0f172ae6;border-bottom-color:#243247}.app-shell.theme-dark .panel,.app-shell.theme-dark .stat-card,.app-shell.theme-dark .analytics-filters,.app-shell.theme-dark .settings-tabs{background:#111c2e;border-color:#26384f;color:#e2e8f0}.app-shell.theme-dark .panel h2,.app-shell.theme-dark .welcome h1,.app-shell.theme-dark td strong,.app-shell.theme-dark .settings-card h2{color:#f8fafc}.app-shell.theme-dark .muted,.app-shell.theme-dark td,.app-shell.theme-dark .analytics-filter,.app-shell.theme-dark .preference-list label{color:#94a3b8}.app-shell.theme-dark .settings-tabs{border-bottom-color:#26384f}.app-shell.theme-dark .settings-tabs button{color:#94a3b8}.app-shell.theme-dark .choice-card,.app-shell.theme-dark .accent-choice,.app-shell.theme-dark .preference-list select{background:#172337;border-color:#33465f;color:#e2e8f0}.app-shell.theme-dark .choice-card.selected{background:#1c3654}.app-shell.theme-dark .preference-list label,.app-shell.theme-dark .account-row{border-top-color:#26384f}.app-shell.theme-dark .settings-form input,.app-shell.theme-dark .settings-form select{background:#172337;border-color:#33465f;color:#e2e8f0}.sidebar nav button:nth-child(4){margin-top:0}.sidebar nav button:nth-child(4):before{display:none}.sidebar nav button:nth-child(5){margin-top:28px}.sidebar nav button:nth-child(5):before{content:"OPERATIONS";display:block;position:absolute;left:11px;top:-24px;color:#64748b;font:9px DM Mono;letter-spacing:.12em}.sidebar-toggle{margin-left:auto;display:grid;place-items:center;width:27px;height:27px;border-radius:7px;background:#172337;color:#94a3b8;transition:.18s ease}.sidebar-toggle:hover{background:#29415f;color:#fff}.sidebar-toggle .icon{transform:rotate(90deg)}.sidebar-collapsed .sidebar{width:78px;padding-left:10px;padding-right:10px}.sidebar-collapsed .brand{padding:0;justify-content:center}.sidebar-collapsed .brand>span,.sidebar-collapsed .workspace-switch>div,.sidebar-collapsed .workspace-switch>svg,.sidebar-collapsed .sidebar nav button:not(.active):after,.sidebar-collapsed .sidebar nav button{font-size:0}.sidebar-collapsed .brand .sidebar-toggle{position:absolute;top:22px;right:10px}.sidebar-collapsed .workspace-switch{justify-content:center;padding:10px 0;margin-left:0;margin-right:0}.sidebar-collapsed .sidebar nav:before,.sidebar-collapsed .sidebar nav:after,.sidebar-collapsed .sidebar nav button:before{display:none}.sidebar-collapsed .sidebar nav button{justify-content:center;padding:10px 0}.sidebar-collapsed .sidebar nav .icon{width:18px;height:18px}.sidebar-collapsed .nav-count{display:none}.sidebar-collapsed .sidebar-bottom{display:flex;flex-direction:column;align-items:center}.sidebar-collapsed .upgrade{width:44px;padding:10px 0;text-align:center}.sidebar-collapsed .upgrade strong,.sidebar-collapsed .upgrade p,.sidebar-collapsed .upgrade button,.sidebar-collapsed .profile>div{display:none}.sidebar-collapsed .profile{padding-left:0;padding-right:0}.sidebar-collapsed .profile .logout{display:none}.sidebar-collapsed .main{min-width:0}.sidebar-collapsed .sidebar-toggle .icon{transform:rotate(-90deg)}.sidebar{overflow:visible}.sidebar nav{overflow-y:auto;overflow-x:hidden;scrollbar-gutter:stable;min-height:0;padding-bottom:14px}.sidebar nav::-webkit-scrollbar{width:6px}.sidebar nav::-webkit-scrollbar-thumb{background:#475569;border-radius:8px}.sidebar-bottom{flex:none}.upgrade{padding:10px 12px;margin:8px 3px 10px}.upgrade p{margin:3px 0 7px}.empty-state{min-height:190px;display:grid;place-items:center;text-align:center;padding:28px 24px;color:#718096;font-size:12px;line-height:1.6}.empty-state.compact{min-height:0;margin:14px 20px 20px;padding:12px 14px;background:#f7f9fb;border:1px solid #e6ebf0;border-radius:9px;font-size:10px}.table-panel>.empty-state{min-height:170px}.sidebar-collapsed .profile .logout{display:grid;width:28px;height:28px;padding:0;place-items:center}.sidebar-collapsed .workspace-switch{cursor:pointer}.sidebar-collapsed .sidebar nav button[title]{cursor:pointer}.sidebar-collapsed .upgrade{margin-top:8px;margin-bottom:8px}.service-line{display:grid;grid-template-columns:1.1fr 1fr;gap:12px;margin:0 0 20px;padding:14px;background:#f7f9fb;border:1px solid #e2e8f0;border-radius:10px}.service-line label,.legal-fields label,.contact-editor label{display:grid;gap:7px;color:#526173;font-size:10px;font-weight:600}.service-line input,.service-line select,.legal-fields textarea,.contact-editor input{border:1px solid #d7e0ea;border-radius:7px;background:#fff;padding:10px 11px;outline:none;font-size:11px;color:#17202b}.legal-fields{display:grid;gap:12px}.legal-fields textarea{min-height:60px;resize:vertical}.contacts-header{display:flex;align-items:center;justify-content:space-between;margin:22px 0 10px;padding-top:16px;border-top:1px solid #e2e8f0}.contacts-header>div{display:grid;gap:4px}.contacts-header strong{font-size:12px;color:#17202b}.contacts-header small{font-size:10px;color:#8190a2}.contact-editor{padding:13px;margin-bottom:10px;background:#f7f9fb;border:1px solid #e2e8f0;border-radius:9px}.contact-editor .form-grid{margin-bottom:10px}.remove-link{padding:0;background:transparent;color:#b4233b;font-size:10px;font-weight:600}.check-field{display:flex!important;align-items:center;grid-template-columns:1fr auto!important}.check-field input{width:17px;height:17px;accent-color:#2563eb}.workflow-strip{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;margin-bottom:16px;background:#f7f9fb;border:1px solid #e2e8f0;border-radius:9px}.workflow-strip>span{font-size:10px;color:#718096;font-weight:600}.workflow-strip>div{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}.workflow-strip .button{font-size:10px;padding:8px 10px}@media (max-width:640px){.service-line{grid-template-columns:1fr}.contacts-header{align-items:flex-start;gap:10px;flex-direction:column}}.recipient-picker{margin-bottom:24px;padding:18px;border:1px solid #d9e2ee;border-radius:12px;background:#f7faff}.recipient-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:15px}.recipient-heading strong{display:block;color:var(--ink);font-size:13px}.recipient-heading small{display:block;color:var(--muted);font-size:10px;margin-top:4px}.recipient-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 9px;border-radius:999px;background:#e7f0ff;color:#2563eb;font-size:10px;font-weight:700;white-space:nowrap}.recipient-preview{display:flex;align-items:center;gap:10px;margin-top:4px;padding:11px 12px;border:1px solid #dce5f0;border-radius:9px;background:#fff}.recipient-preview strong{display:block;font-size:11px;color:var(--ink)}.recipient-preview small{display:block;margin-top:3px;color:var(--muted);font-size:10px}.recipient-picker .form-grid{margin-bottom:12px}button,.button,.icon-button,.row-action,.auth-choice,.choice-card,.accent-choice,.workspace-switch{transition:background-color .18s ease,border-color .18s ease,color .18s ease,box-shadow .18s ease,transform .18s ease,opacity .18s ease}.button{min-height:40px}.button:hover:not(:disabled){transform:translateY(-1px)}.button:active:not(:disabled),.icon-button:active,.row-action:active{transform:translateY(0) scale(.98)}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,a:focus-visible{outline:3px solid #93c5fd;outline-offset:2px}.button.primary{background:#155eef;box-shadow:0 7px 18px #155eef2e}.button.primary:hover:not(:disabled){background:#124dcc;box-shadow:0 10px 22px #155eef40}.button.quiet:hover{background:#eaf0f7;color:#153b75}.icon-button{min-width:36px;min-height:36px}.icon-button:hover{background:#e8eef6;color:#155eef}.row-action{border-radius:7px}.row-action:hover{background:#e8eef6;color:#155eef;transform:translate(1px)}.panel,.stat-card,.table-panel{box-shadow:0 1px 2px #0f172a08}.panel:hover{box-shadow:0 8px 24px #0f172a0d}.sidebar nav button{transition:background-color .18s ease,color .18s ease,transform .18s ease}.sidebar nav button:hover{transform:translate(2px)}.modal-wrap{animation:invofy-fade .18s ease}.modal{animation:invofy-rise .22s cubic-bezier(.2,.8,.2,1)}.toast{animation:invofy-toast .24s ease}@keyframes invofy-fade{0%{opacity:0}to{opacity:1}}@keyframes invofy-rise{0%{opacity:0;transform:translateY(10px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes invofy-toast{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (max-width:640px){.recipient-heading{flex-direction:column}.recipient-badge{align-self:flex-start}.recipient-picker{padding:14px}.button{min-height:42px}}.app-shell{--shell-sidebar:#0f172a;--shell-sidebar-strong:#172033;--shell-canvas:#f5f7fa;--shell-panel:#ffffff;--shell-ink:#162033;--shell-muted:#6b7b91;--shell-line:#e2e8f0;background:var(--shell-canvas);color:var(--shell-ink)}body{font-family:Inter,DM Sans,system-ui,sans-serif;background:var(--shell-canvas);color:var(--shell-ink)}.sidebar{background:var(--shell-sidebar);border-right:1px solid #233047;box-shadow:8px 0 30px #0f172a0f}.brand{letter-spacing:-.03em}.brand-mark{background:#f8fafc;color:#172033;font-weight:800}.workspace-switch{background:#172238;border-color:#2c3b55;color:#e7edf6}.workspace-switch:hover{background:#1d2c46;border-color:#4b6b98;transform:translateY(-1px)}.workspace-switch strong,.profile strong{color:#f2f6fb}.workspace-switch small,.profile small{color:#91a1b8}.sidebar nav button{color:#9cacbf;border-radius:9px}.sidebar nav button:hover{background:#1a2941;color:#eaf2ff}.sidebar nav button.active{background:#203a60;color:#fff;box-shadow:inset 3px 0 #60a5fa}.sidebar nav button.active .icon{color:#7db6ff}.sidebar-bottom{border-color:#263650}.upgrade{background:#17263e;border:1px solid #2c466b}.upgrade p{color:#9aabc0}.upgrade button{color:#8cc0ff}.profile{border-color:#263650}.main{background:var(--shell-canvas)}.topbar{height:72px;background:#ffffffdb;border-color:var(--shell-line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);position:sticky;top:0;z-index:3}.breadcrumb{color:#77869a;font-size:12px}.breadcrumb span{color:#b7c2d0}.welcome{padding-top:38px}.welcome h1{font-size:32px;color:#132039}.page-view .welcome h1{font-size:31px}.eyebrow{color:#7890ad}.muted{color:var(--shell-muted)}.panel,.stat-card,.table-panel{background:var(--shell-panel);border-color:var(--shell-line);border-radius:14px}.panel-heading{padding:21px 22px 12px}.panel h2{color:#1a2940;font-size:15px}.stat-card{min-height:140px;padding:20px 21px}.stat-card strong{font-size:29px;color:#152138}.stat-card.dark{background:#16243b;border-color:#16243b}.stat-card.dark strong{color:#fff}.stat-card.dark .stat-detail{color:#b3c1d3}.stat-icon{background:#eef4fb;color:#2563eb}.dark .stat-icon{background:#29466e}.content-grid{gap:18px}.table-panel{box-shadow:0 3px 14px #0f172a09}.table-toolbar{padding:15px 18px;border-color:var(--shell-line)}.search-box{width:280px;border-color:#d8e1ec;border-radius:9px;background:#fbfdff}.search-box:focus-within{border-color:#7aaef7;box-shadow:0 0 0 3px #2563eb1a}th{background:#f8fafc;color:#8393a8;padding:14px 18px}td{padding:15px 18px;border-color:#edf1f5;color:#5d6d83}td strong{color:#1d2a3e}.select-button,.date-chip{border-color:#d8e1ec;background:#fff;color:#5c6d82;border-radius:9px}.page-view{padding-bottom:56px}.page-view .welcome{padding-bottom:28px}.modal{background:#fff;border:1px solid #e1e8f0;border-radius:16px;padding:28px 30px;box-shadow:0 30px 90px #0f172a3d}.modal h2{color:#152138;font-size:25px}.modal-header{margin-bottom:25px}.modal input,.modal select,.modal textarea,.settings-form input,.settings-form select{border-color:#d8e1ec;border-radius:8px;background:#fbfdff;color:#172033}.modal input:hover,.modal select:hover,.modal textarea:hover{border-color:#b6c8dd}.modal label,.settings-form label{color:#5b6d83}.modal-actions,.invoice-bottom{border-color:#e6ebf1}.totals .grand-total{border-color:#dbe4ee}.login-card{border-color:#e1e8f0;border-radius:16px;box-shadow:0 28px 90px #0f172a1a}.login-page{background:radial-gradient(circle at 24% 12%,#e8f1ff 0,#f5f7fa 42%),#f5f7fa}.login-card h1,.auth-landing h1{color:#142139}.login-card h1 em,.auth-landing h1 em{font-family:Inter,DM Sans,sans-serif;font-style:normal;color:#155eef;font-weight:700}.auth-choice{border-color:#dce5ef;background:#fff;border-radius:11px}.auth-choice:hover{border-color:#7aaef7;box-shadow:0 12px 26px #2563eb1a}.primary-choice{background:#155eef;border-color:#155eef}.primary-choice:hover{background:#124dcc}.status.paid{color:#13805c}.status.outstanding{color:#a45a0a}.status.overdue{color:#b4233b}.status.draft{color:#64748b}.cc-contact-field select{min-height:82px}.field-hint{display:block;color:#8292a6;font-size:9px;font-weight:400;line-height:1.35}.email-composer{width:min(620px,calc(100vw - 32px))}.email-composer form{display:grid;gap:15px}.email-composer label{display:grid;gap:7px}.email-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:2px}.attachment-pill,.email-status{display:inline-flex;align-items:center;gap:6px;font-size:10px}.attachment-pill{padding:7px 10px;border-radius:8px;background:#eef4fb;color:#2457a6;font-weight:700}.email-status{color:#16805b}.email-status i{width:7px;height:7px;border-radius:50%;background:#2db77d}.email-message{min-height:170px;line-height:1.55;white-space:pre-wrap}.modal-wrap{display:flex;align-items:flex-start;justify-content:center;overflow-y:auto;padding:28px 16px;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.modal{max-height:calc(100vh - 56px);overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.modal-backdrop{position:fixed}.detail-modal{max-height:calc(100vh - 56px)}.detail-modal{width:min(760px,calc(100vw - 32px));padding:30px 32px 24px}.detail-modal .modal-header{align-items:center;margin-bottom:22px}.detail-modal .modal-header h2{font-size:30px;letter-spacing:-.055em}.detail-hero{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;padding:18px 20px;margin:0 0 18px;background:linear-gradient(135deg,#f7faff,#eef4fb);border:1px solid #dce7f3;border-radius:14px}.detail-hero .avatar{width:42px;height:42px;border-radius:12px;font-size:12px}.detail-hero>div{display:grid;gap:5px;min-width:0}.detail-hero strong{font-size:15px;color:#172033;line-height:1.25}.detail-hero small{font-size:10px;color:#6b7b91}.detail-hero>b{font-size:22px;color:#172033;letter-spacing:-.04em;white-space:nowrap}.detail-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px;margin:18px 0 4px;padding:4px 0;border-top:1px solid #e6ebf1}.detail-list>div{display:grid;gap:6px;padding:13px 0;border-bottom:1px solid #eef2f6}.detail-list span{text-transform:capitalize;color:#8190a2;font-size:9px;letter-spacing:.04em}.detail-list strong{color:#27364b;font-size:11px;overflow-wrap:anywhere}.detail-modal .modal-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px}.detail-modal .modal-actions .button{min-height:38px}.detail-modal .workflow-strip{align-items:flex-start}.detail-modal .workflow-strip>div{flex:1}.invoice-modal .modal-header .muted{margin-top:7px;max-width:500px;line-height:1.5}.email-composer,.quick-modal,.client-modal{width:min(620px,calc(100vw - 32px))}.email-composer .modal-header,.quick-modal .modal-header,.client-modal .modal-header{margin-bottom:20px}@media (max-width:640px){.detail-modal{padding:22px 18px 18px}.detail-hero{grid-template-columns:auto 1fr}.detail-hero>b{grid-column:2;font-size:19px}.detail-list{grid-template-columns:1fr}.detail-modal .modal-actions{justify-content:stretch}.detail-modal .modal-actions .button{flex:1;justify-content:center}}