body{background:#fdfbf8;margin:0}:root{color:#251633;background:#fdfbf8;font-family:Poppins,sans-serif;font-size:13px;line-height:1.4}*{box-sizing:border-box}body{zoom:1.15;background:#fdfbf8;margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}button:focus-visible,input:focus,select:focus,textarea:focus{outline-offset:1px;outline:2px solid #a78bfa}.app-shell{background:#fdfbf8;min-height:100vh;padding-left:236px}.sidebar{z-index:4;color:#fff;background:#32065d;flex-direction:column;width:236px;padding:22px 14px 17px;display:flex;position:fixed;inset:0 auto 0 0}.brand{align-items:center;height:96px;margin:0 0 14px;padding:8px 4px;display:flex}.brand img{object-fit:contain;object-position:left center;max-width:170px;max-height:52px}nav{gap:4px;display:grid}nav button{color:#d8cae8;text-align:left;background:0 0;border:0;border-radius:7px;align-items:center;gap:10px;height:38px;padding:0 10px;font-size:12px;font-weight:500;display:flex}nav button svg{color:#c4abdf}nav button:hover{color:#fff;background:#4a137d}nav button.active{color:#fff;background:#6121a7;font-weight:600}nav button.active svg{color:#ddff7b}.sidebar-foot{border-top:1px solid #58218b;align-items:center;gap:8px;margin-top:auto;padding:15px 7px 0;display:flex}.sidebar-foot strong,.sidebar-foot small{display:block}.sidebar-foot strong{font-size:11px}.sidebar-foot small{color:#cdbddd;margin-top:1px;font-size:9px}.user-dot{color:#451275;background:#ddff7b;border-radius:50%;place-items:center;width:28px;height:28px;font-size:9px;font-weight:700;display:grid}main{width:min(1400px,100%);min-height:100vh;margin:0 auto}.content{max-width:none;margin:0;padding:34px 42px 48px}.page-title{justify-content:space-between;align-items:flex-start;margin-bottom:25px;display:flex}.page-title h1{letter-spacing:-1px;margin:0 0 4px;font-size:28px;font-weight:700;line-height:1.25}.page-title p{color:#83788c;margin:0;font-size:10px}.primary,.secondary{border:1px solid;border-radius:7px;justify-content:center;align-items:center;gap:7px;height:35px;padding:0 12px;font-size:11px;font-weight:600;display:inline-flex}.primary{color:#fff;background:#6d28d9;border-color:#6d28d9}.primary:hover{background:#5c20c4}.secondary{color:#59218e;background:#fff;border-color:#d8c8ec}.secondary:hover{background:#fbf8ff;border-color:#8b5ac5}.kpis{background:#fff;border-radius:10px;grid-template-columns:1.8fr repeat(3,1fr);gap:0;margin:18px 0 31px;display:grid;overflow:hidden;box-shadow:0 10px 24px #3110430d}.kpi,.table-card,.client-list,.settings-card{background:#fff;border:1px solid #ece6ef;border-radius:9px}.kpi{border-right:0;border-radius:0;align-content:center;gap:2px;min-height:96px;padding:16px 18px;display:grid}.kpi:first-child{background:#6d28d9;border-color:#6d28d9}.kpi:last-child{border-right:1px solid #ece6ef}.kpi p{color:#83788c;margin:0;font-size:10px;font-weight:500}.kpi strong{letter-spacing:-.7px;margin:0;font-family:DM Mono,monospace;font-size:20px;display:block}.kpi small{color:#83788c;font-size:9px}.kpi:first-child p{color:#d8c8f2}.kpi:first-child strong{color:#fff}.kpi:first-child small{color:#ddff7b}.danger-text{color:#de4e66}.table-card{overflow:hidden}.section-head{border-bottom:1px solid #ece6f1;justify-content:space-between;align-items:center;height:47px;padding:0 15px;display:flex}.section-head h2,.settings-card h2{margin:0;font-size:11px}.section-head span{color:#8a8094;font-size:9px}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:710px}th{color:#83758d;text-align:left;letter-spacing:.45px;text-transform:uppercase;background:#faf8fd;border-bottom:1px solid #ece6f1;height:39px;padding:0 16px;font-size:8px;font-weight:700}td{color:#756b80;border-bottom:1px solid #f0ebf3;height:63px;padding:0 16px;font-size:10px}tbody tr{cursor:pointer}tbody tr:hover{background:#fcfaff}tbody tr:last-child td{border:0}.strong,td strong{color:#2c1b43;font-weight:600}.right{text-align:right}.right.strong,.kpi strong,.amount-box strong,.total-panel strong{font-family:DM Mono,monospace}.client-cell{color:#2c1b43;align-items:center;gap:9px;font-weight:600;display:flex}.avatar{border-radius:6px;flex:none;place-items:center;width:29px;height:29px;font-size:8px;font-weight:700;display:inline-grid}.violet{color:#5d29a0;background:#eee7ff}.coral{color:#b6454c;background:#ffe7e5}.amber{color:#b66e1e;background:#fff0d7}.blue{color:#3771ba;background:#e2eeff}.green{color:#368259;background:#e4f3e9}.status{border:0;border-radius:0;padding:0;font-size:9px;font-weight:700;display:inline-block;background:0 0!important}.status.draft{color:#786b81}.status.sent{color:#9a5400}.status.paid{color:#087346}.status.overdue{color:#ae233f}.status.cancelled{color:#736677}.filterbar{background:#fff;border:1px solid #ece6ef;border-radius:8px;align-items:center;gap:7px;min-height:51px;margin-bottom:15px;padding:0 13px;display:flex}.filterbar select,.filterbar input,.field input,.field select,.field textarea,.line input{color:#65566e;background:#fdfcff;border:1px solid #e7e1e9;border-radius:5px;height:30px;padding:0 9px;font-size:10px}.filterbar select{min-width:138px}.filterbar .date-input{color:#786982;width:166px}.search{color:#968aa0;background:#fdfcff;border:1px solid #e7e1e9;border-radius:5px;align-items:center;gap:6px;min-width:184px;height:30px;margin-left:auto;padding:0 9px;display:flex}.search input{background:0 0;border:0;width:100%;padding:0}.invoice-list{min-height:400px}.empty{text-align:center;color:#84798e;padding:38px 20px;font-size:11px}.client-list{overflow:hidden}.client-row{border-bottom:1px solid #f0ebf3;grid-template-columns:33px minmax(260px,1.7fr) 1fr .8fr 1fr 32px;align-items:center;gap:12px;min-height:64px;padding:12px 16px;display:grid}.client-row:hover{background:#fcfaff}.client-row:last-child{border:0}.client-info strong,.client-info span,.client-row label,.client-row div>span,.client-row div>strong{display:block}.client-info strong{margin-bottom:2px;font-size:11px}.client-info span{color:#867b8d;white-space:nowrap;text-overflow:ellipsis;font-size:9px;overflow:hidden}.client-row label{color:#83758d;letter-spacing:.3px;margin-bottom:2px;font-size:8px;font-weight:700}.client-row div>span,.client-row div>strong{color:#4d3b54;font-size:10px}.client-row div>strong{font-family:DM Mono,monospace}.icon-button,.close{color:#998e9d;background:0 0;border:0;border-radius:6px;place-items:center;width:29px;height:29px;display:grid}.icon-button:hover,.close:hover{background:#f5eff8}.settings-card{max-width:760px;padding:21px}.settings-card h2{margin-bottom:20px}.settings-grid,.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;margin-bottom:20px;display:grid}.field{display:block}.field>span{color:#574a61;margin-bottom:6px;font-size:10px;font-weight:600;display:block}.field input,.field select,.field textarea{width:100%}.field textarea{resize:vertical;height:72px;padding:9px}.mobile-head{display:none}.scrim{z-index:8;background:#230f2f47;position:fixed;inset:0}.drawer{z-index:9;background:#fff;border-left:1px solid #e6ddeb;width:420px;padding:22px 26px;position:fixed;top:0;bottom:0;right:0;overflow:auto}.drawer-head{justify-content:space-between;align-items:center;display:flex}.drawer-head .close{order:2}.eyeless{color:#2d1835;font-weight:700}.detail-top{border-bottom:1px solid #eee7f1;padding:28px 0 20px}.detail-top h2{letter-spacing:-.5px;margin:11px 0 4px;font-size:24px}.detail-top p{color:#8c7e93;margin:0;font-size:12px}.recipient,.client-picked{border-bottom:1px solid #eee7f1;align-items:center;gap:10px;padding:19px 0;display:flex}.recipient strong,.recipient span,.client-picked strong,.client-picked span{display:block}.recipient span,.client-picked span{color:#887990;margin-top:2px;font-size:11px}.invoice-detail dl{margin:0}.invoice-detail dl>div{border-bottom:1px solid #eee7f1;grid-template-columns:115px 1fr;gap:10px;padding:15px 0;display:grid}.invoice-detail dt{color:#8e8094;font-size:11px}.invoice-detail dd{color:#49384f;margin:0;font-size:12px}.amount-box{background:#f8f3ff;border:1px solid #e6d9f5;border-radius:8px;justify-content:space-between;align-items:center;margin:22px 0;padding:16px;display:flex}.amount-box span{color:#695476;font-size:12px}.amount-box strong{color:#52208a;font-size:21px}.drawer-actions{gap:9px;display:grid}.drawer-actions button{width:100%}.modal-back{z-index:20;background:#230f2f57;place-items:center;padding:22px;display:grid;position:fixed;inset:0}.modal{background:#fff;border:1px solid #e1d5e7;border-radius:10px;width:min(680px,100%);max-height:calc(100vh - 44px);padding:24px;overflow:auto}.modal.wide{width:min(930px,100%)}.modal-head{justify-content:space-between;align-items:center;margin-bottom:23px;display:flex}.modal-head h2{margin:0;font-size:19px}.modal-actions{justify-content:flex-end;gap:9px;margin-top:24px;display:flex}.create-layout{grid-template-columns:minmax(0,1fr) 225px;gap:22px;display:grid}.compact{grid-template-columns:1.2fr 1fr 1fr;margin:19px 0}.line-items{margin-top:22px}.line-labels,.line{grid-template-columns:minmax(160px,1.7fr) 52px 80px 52px 86px;align-items:center;gap:7px;display:grid}.line-labels{color:#80718a;margin-bottom:6px;padding:0 2px;font-size:10px;font-weight:600}.line{margin-bottom:7px}.line input{min-width:0}.line strong{text-align:right;font-size:11px}.text-button{color:#6422b5;background:0 0;border:0;align-items:center;gap:5px;padding:7px 0;font-size:12px;font-weight:600;display:flex}.lower{grid-template-columns:140px 1fr;margin-top:18px}.suffix{position:relative}.suffix input{padding-right:24px}.suffix span{color:#87788e;font-size:11px;position:absolute;top:10px;right:9px}.total-panel{background:#fbf8ff;border:1px solid #e6d9f5;border-radius:8px;height:max-content;margin-top:0;padding:17px}.total-panel>span{color:#786388;font-size:11px}.total-panel>strong{color:#51208c;letter-spacing:-.6px;margin:7px 0 20px;font-size:26px;display:block}.total-panel>div{color:#77647e;justify-content:space-between;margin:9px 0;font-size:11px;display:flex}.total-panel b{color:#513b5b;font-weight:600}.total-panel hr{border:0;border-top:1px solid #e7dded;margin:13px 0}.total-panel .grand{font-size:12px}.total-panel .grand b{color:#4d197e}@media (width<=900px){.sidebar{transition:transform .18s;transform:translate(-100%)}.sidebar.open{transform:translate(0);box-shadow:4px 0 14px #280f3729}main{margin-left:0}.mobile-head{background:#31005f;align-items:center;gap:16px;height:64px;padding:0 17px;display:flex}.mobile-head button{color:#fff;background:0 0;border:0}.mobile-head img{object-fit:contain;width:110px;max-height:30px}.content{padding:32px 24px}.kpis{grid-template-columns:repeat(2,1fr)}.filterbar{flex-wrap:wrap}.search{flex:1;margin-left:0}.client-row{grid-template-columns:33px minmax(160px,1fr) 1fr 32px}.client-row>div:nth-of-type(2),.client-row>div:nth-of-type(3){display:none}}@media (width<=620px){.content{padding:24px 16px}.page-title{align-items:flex-end;gap:14px}.page-title h1{font-size:25px}.page-title p{font-size:12px}.kpis{grid-template-columns:1fr 1fr;gap:9px}.kpi{min-height:115px;padding:14px}.kpi strong{font-size:18px}.filterbar select,.filterbar .date-input{flex:1;width:calc(50% - 5px);min-width:0}.filterbar .date-input{display:none}.drawer{width:min(420px,100%)}.modal{padding:19px}.form-grid,.settings-grid,.create-layout{grid-template-columns:1fr}.total-panel{order:-1}.compact{grid-template-columns:1fr}.line-labels{display:none}.line{grid-template-columns:1fr 52px 72px}.line input:nth-of-type(4),.line strong{display:none}.lower{grid-template-columns:1fr}.client-row{grid-template-columns:33px minmax(0,1fr) 32px;padding:14px}.client-row>div:not(.client-info){display:none}}@media (width>=901px){.sidebar{width:252px;padding:26px 16px 20px}.app-shell{padding-left:252px}.brand{height:108px}.brand img{max-width:185px;max-height:58px}nav button{height:43px;font-size:13px}.sidebar-foot strong{font-size:12px}.sidebar-foot small{font-size:10px}.user-dot{width:31px;height:31px;font-size:10px}.content{padding:42px 50px 58px}.page-title{margin-bottom:30px}.page-title h1{font-size:32px}.page-title p{font-size:12px}.primary,.secondary{height:40px;padding:0 15px;font-size:12px}.filterbar{gap:9px;min-height:58px;padding:0 15px}.filterbar select,.filterbar input,.field input,.field select,.field textarea,.line input{height:36px;font-size:12px}.search{min-width:230px;height:36px;font-size:12px}.filterbar select{min-width:154px}.filterbar .date-input{width:186px}.kpis{margin:20px 0 34px}.kpi{min-height:112px;padding:18px 21px}.kpi p{font-size:11px}.kpi strong{font-size:23px}.kpi small{font-size:10px}.section-head{height:53px;padding:0 18px}.section-head h2,.settings-card h2{font-size:13px}.section-head span{font-size:10px}th{height:44px;padding:0 19px;font-size:9px}td{height:70px;padding:0 19px;font-size:12px}.avatar{width:34px;height:34px;font-size:9px}.status{font-size:10px}.client-row{min-height:72px;padding:14px 19px}.client-info strong{font-size:12px}.client-info span{font-size:10px}.client-row label{font-size:9px}.client-row div>span,.client-row div>strong{font-size:11px}.settings-card{padding:25px}.field>span{font-size:11px}}@media (width<=900px){.mobile-head{height:70px}.mobile-head img{width:128px;max-height:38px}.content{padding:36px 28px}.page-title h1{font-size:30px}.page-title p{font-size:12px}.primary,.secondary{height:40px;font-size:12px}.filterbar{min-height:58px;padding:10px}.filterbar select,.filterbar input,.field input,.field select,.field textarea,.line input,.search{height:36px;font-size:12px}.kpi{min-height:120px;padding:17px}.kpi strong{font-size:21px}.kpi p{font-size:11px}.kpi small{font-size:10px}th{height:42px;font-size:9px}td{height:68px;font-size:11px}.avatar{width:33px;height:33px;font-size:9px}}.client-row{grid-template-columns:34px minmax(210px,1.5fr) repeat(3,minmax(112px,.72fr)) 38px;gap:14px}.client-pill{background:#fcfaff;border:1px solid #e8e0ee;border-radius:7px;align-content:center;gap:4px;width:max-content;min-width:102px;padding:7px 10px;display:grid}.client-pill label{letter-spacing:.25px;color:#8a7c90!important;margin:0!important;font-size:8px!important}.client-pill strong,.client-pill span{font-weight:600;color:#3b2944!important;margin:0!important;font-size:10px!important}.client-actions{justify-self:end;position:relative}.dots-button{font-weight:700;color:#4a305a!important}.dots-button:hover{color:#5e2592!important;background:#f2ebf8!important}.client-menu{z-index:5;background:#fff;border:1px solid #dfd3e8;border-radius:7px;width:146px;padding:4px;position:absolute;top:34px;right:0;box-shadow:0 5px 14px #2f164124}.client-menu button{color:#523d61;text-align:left;background:0 0;border:0;border-radius:4px;align-items:center;gap:7px;width:100%;height:32px;padding:0 8px;font:600 10px Poppins,sans-serif;display:flex}.client-menu button:hover{background:#f7f2fb}.client-menu .menu-danger{color:#c73f58}.danger-button{color:#bd4055;background:#fff5f6;border:1px solid #efc3cc;border-radius:7px;height:35px;padding:0 12px;font:600 11px Poppins,sans-serif}.danger-button.solid{color:#fff;background:#c73f58;border-color:#c73f58}.delete-copy{color:#6e6175;margin:0;font-size:12px;line-height:1.6}.delete-copy strong{color:#302039}@media (width>=901px){.client-row{grid-template-columns:38px minmax(260px,1.6fr) repeat(3,minmax(135px,.75fr)) 42px;gap:17px}.client-pill{min-width:124px;padding:8px 12px}.client-pill label{font-size:9px!important}.client-pill strong,.client-pill span{font-size:11px!important}.dots-button{width:34px;height:34px}.client-menu{width:158px;top:39px}.client-menu button{height:35px;font-size:11px}}@media (width<=900px){.client-row{grid-template-columns:34px minmax(145px,1fr) auto 38px}.client-row .client-pill:nth-of-type(2),.client-row .client-pill:nth-of-type(3){display:none}.client-pill{min-width:108px}.client-menu{top:39px;right:0}}@media (width<=620px){.client-row .client-pill{display:none}.client-actions{grid-column:3}.client-menu{width:150px}}.client-toolbar{background:#fff;border:1px solid #e6ddeb;border-radius:8px;align-items:center;gap:9px;min-height:54px;margin-bottom:14px;padding:8px 12px;display:flex}.client-toolbar .search{flex:1;margin:0}.client-toolbar select{color:#65566e;background:#fff;border:1px solid #e7e1e9;border-radius:5px;min-width:130px;height:36px;padding:0 9px}.clients-table{background:#fff;border:1px solid #e6ddeb;border-radius:9px;overflow:hidden}.clients-head,.clients-data-row{grid-template-columns:1.45fr 1.05fr 1.3fr .7fr .9fr .95fr .66fr .7fr 36px;align-items:center;gap:12px;padding:0 17px;display:grid}.clients-head{color:#83758d;letter-spacing:.35px;text-transform:uppercase;background:#faf8fd;border-bottom:1px solid #ece6f1;height:42px;font-size:8px;font-weight:700}.clients-data-row{color:#66586d;cursor:pointer;border-bottom:1px solid #f0ebf3;min-height:73px;font-size:10px}.clients-data-row:last-child{border:0}.clients-data-row:hover{background:#fcfaff}.clients-data-row .client-cell small{color:#8b7f91;margin-top:2px;font-size:9px;display:block}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.service-count{color:#56258b;font-weight:600}.money-value{color:#3b2944;font-family:DM Mono,monospace;font-size:10px}.switch{background:#d9d1df;border-radius:10px;width:25px;height:14px;display:inline-block;position:relative}.switch i{background:#fff;border-radius:50%;width:10px;height:10px;position:absolute;top:2px;left:2px}.switch.on{background:#1b9a67}.switch.on i{left:13px}.client-status{border-radius:5px;align-items:center;width:max-content;padding:3px 7px;font-size:9px;font-weight:700;display:inline-flex}.client-status.active{color:#087346;background:#eaf7ef}.client-status.inactive{color:#756b80;background:#f1eef2}.client-empty{color:#84798e;text-align:center;background:#fff;border:1px solid #e6ddeb;border-radius:9px;place-content:center;justify-items:center;gap:8px;min-height:240px;display:grid}.client-empty strong{color:#372540;font-size:14px}.client-empty span{font-size:11px}.back-button{color:#6130a1;background:0 0;border:0;margin:0 0 16px;padding:0;font:600 11px Poppins,sans-serif}.detail-client-head{justify-content:space-between;align-items:center;gap:16px;margin-bottom:22px;display:flex}.detail-client-head h1{letter-spacing:-.7px;margin:0;font-size:26px}.detail-client-head p{color:#83788c;margin:3px 0 0;font-size:11px}.detail-client-head .avatar{width:43px;height:43px;font-size:11px}.detail-actions{align-items:center;gap:8px;display:flex}.detail-tabs{border-bottom:1px solid #e6ddeb;gap:22px;margin-bottom:18px;display:flex}.detail-tabs button{color:#83758d;background:0 0;border:0;border-bottom:2px solid #0000;height:37px;padding:0;font:600 11px Poppins,sans-serif}.detail-tabs button.active{color:#51208c;border-color:#6d28d9}.detail-stats{background:#fff;border:1px solid #e6ddeb;border-radius:9px;grid-template-columns:repeat(4,1fr);margin-bottom:15px;display:grid;overflow:hidden}.detail-stats>div{border-right:1px solid #ece6f1;padding:16px}.detail-stats>div:last-child{border:0}.detail-stats span,.info-grid span{color:#887b91;margin-bottom:4px;font-size:9px;display:block}.detail-stats strong{color:#33213d;font-family:DM Mono,monospace;font-size:16px}.detail-panel{background:#fff;border:1px solid #e6ddeb;border-radius:9px}.info-grid{grid-template-columns:repeat(3,1fr);gap:0;display:grid}.info-grid>div{border-bottom:1px solid #f0ebf3;border-right:1px solid #f0ebf3;min-height:78px;padding:16px}.info-grid strong{color:#43304c;font-size:11px;font-weight:600;display:block}.service-list{background:#fff;border:1px solid #e6ddeb;border-radius:9px;overflow:hidden}.service-row{border-bottom:1px solid #f0ebf3;grid-template-columns:1.5fr .7fr 1fr auto auto;align-items:center;gap:18px;padding:16px;display:grid}.service-row:last-child{border:0}.service-row strong{color:#35223e;font-size:12px}.service-row p{color:#83788c;margin:3px 0 0;font-size:10px}.service-row b,.service-row span,.service-row small{display:block}.service-row b{font-family:DM Mono,monospace;font-size:11px}.service-row>div:nth-child(3)>span{color:#553180;font-size:10px;font-weight:600}.service-row small{color:#83788c;margin-top:4px;font-size:9px;line-height:1.5}.service-buttons{gap:6px;display:flex}.service-buttons .secondary,.service-buttons .danger-button{height:30px;padding:0 9px;font-size:10px}.automation-panel{background:#fff;border:1px solid #e6ddeb;border-radius:9px;grid-template-columns:1fr auto;gap:22px;padding:21px;display:grid}.automation-panel h2{margin:0 0 4px;font-size:15px}.automation-panel p{color:#83788c;margin:0;font-size:10px}.toggle-button{color:#65566e;background:#fff;border:1px solid #d8d0df;border-radius:7px;height:34px;padding:0 12px;font:600 10px Poppins,sans-serif}.toggle-button.on{color:#087346;background:#eaf7ef;border-color:#b9dfca}.automation-rules{color:#65566e;border-top:1px solid #eee8f1;grid-column:1/-1;grid-template-columns:repeat(2,1fr);gap:10px;padding-top:16px;font-size:10px;display:grid}.automation-rules b{color:#51208c}.override-check{color:#513f5a;grid-column:1/-1;font-size:10px}.override-check small{color:#8a7e90;margin:4px 0 0;display:block}.form-section-title{color:#4d3159;margin:16px 0 10px;font-size:11px}.form-section-title:first-of-type{margin-top:0}.form-error{color:#c73f58;margin:0;font-size:10px}.status.upcoming{color:#5f5190}.status.payment.submitted{color:#285a9d}.upcoming-card-panel{min-height:0}.upcoming-card-list{gap:0;display:grid}.upcoming-card{border-bottom:1px solid #eee8f2;justify-content:space-between;align-items:center;gap:20px;padding:18px 20px;display:flex}.upcoming-card:last-child{border-bottom:0}.upcoming-card-main{flex:1;grid-template-columns:minmax(120px,1fr) minmax(170px,1.4fr) minmax(190px,1.35fr) minmax(100px,.7fr) minmax(190px,1.5fr);align-items:center;gap:20px;min-width:0;display:grid}.upcoming-card small{color:#897d91;letter-spacing:.45px;margin-bottom:4px;font-size:8px;font-weight:700;display:block}.upcoming-card strong{color:#2c1b43;font-size:11px;display:block}.upcoming-card-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:7px;max-width:295px;display:flex}.upcoming-pill{white-space:nowrap;border-radius:999px;align-items:center;min-height:25px;padding:0 9px;font-size:9px;font-weight:700;display:inline-flex}.upcoming-pill.scheduled{color:#087346;background:#e8f7ef}.upcoming-pill.paused{color:#716477;background:#f4eef6}.danger-button{color:#c43c56;background:#fff;border:1px solid #f1bdc7;border-radius:7px;height:35px;padding:0 12px;font-size:11px;font-weight:600}.danger-button:hover{background:#fff4f5}@media (width<=1050px){.upcoming-card{flex-direction:column;align-items:flex-start}.upcoming-card-main{grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.upcoming-card-actions{justify-content:flex-start;max-width:none}}@media (width<=600px){.upcoming-card{padding:15px}.upcoming-card-main{grid-template-columns:1fr;gap:14px}.upcoming-card-actions{width:100%}.upcoming-card-actions button{flex:1}}.service-template-actions{justify-content:flex-end;align-items:center;gap:2px;display:flex}.service-delete-button{color:#bd4055!important}.service-delete-button:hover{color:#a42f47!important;background:#fff1f3!important}.services-table{background:#fff;border:1px solid #e6ddeb;border-radius:9px;overflow:hidden}.services-head,.services-data-row{grid-template-columns:1.8fr .85fr .65fr 1fr .8fr .7fr 70px;align-items:center;gap:14px;padding:0 17px;display:grid}.services-head{color:#83758d;letter-spacing:.35px;text-transform:uppercase;background:#faf8fd;border-bottom:1px solid #ece6f1;height:42px;font-size:8px;font-weight:700}.services-data-row{color:#66586d;cursor:pointer;border-bottom:1px solid #f0ebf3;min-height:68px;font-size:10px}.services-data-row:hover{background:#fcfaff}.services-data-row:last-child{border:0}.services-data-row strong{color:#372540;font-size:11px;display:block}.services-data-row small{color:#83788c;white-space:nowrap;text-overflow:ellipsis;margin-top:3px;font-size:9px;display:block;overflow:hidden}.services-data-row b{color:#3d2a47;font-family:DM Mono,monospace;font-size:10px}.snapshot-note{color:#7f7188;margin:0;font-size:10px;line-height:1.5}nav button:nth-child(4):before{content:"☷";color:#c4abdf;place-items:center;width:18px;font-size:19px;font-weight:400;line-height:1;display:inline-grid}nav button:nth-child(4) svg{display:none}nav button:nth-child(4).active:before{color:#ddff7b}@media (width<=900px){.services-table{overflow-x:auto}.services-head,.services-data-row{min-width:780px}}.client-menu .menu-danger{font-size:0}.client-menu .menu-danger:after{content:"Delete client";font-size:10px}.client-menu .menu-danger svg{width:14px;height:14px}@media (width>=1001px){.clients-table{position:relative;overflow:visible}.clients-data-row{position:relative}.client-actions{z-index:12}.client-menu{z-index:20}}@media (width<=1000px){.clients-table{overflow-x:auto}.clients-head,.clients-data-row{min-width:980px}.detail-client-head{flex-direction:column;align-items:flex-start}.info-grid{grid-template-columns:repeat(2,1fr)}.service-row{grid-template-columns:1.4fr .8fr 1fr}.service-row .service-buttons{grid-column:1/-1}.automation-panel,.automation-rules{grid-template-columns:1fr}}@media (width<=620px){.client-toolbar{flex-wrap:wrap}.client-toolbar .search{min-width:100%}.detail-stats,.info-grid{grid-template-columns:1fr 1fr}.detail-stats>div:nth-child(2){border-right:0}.detail-stats>div:nth-child(-n+2){border-bottom:1px solid #ece6f1}.detail-actions{flex-wrap:wrap}.detail-tabs{gap:14px;overflow:auto}.service-row{grid-template-columns:1fr}.service-row .service-buttons{grid-column:auto}.modal-actions{flex-wrap:wrap}}.avatar img{object-fit:cover;border-radius:inherit;width:100%;height:100%}.settings-tabs,.profile-tabs{border-bottom:1px solid #e6ddeb;gap:6px;margin:0 0 16px;display:flex}.settings-tabs button,.profile-tabs button{color:#83758d;background:0 0;border:0;border-bottom:2px solid #0000;height:36px;padding:0 10px;font:600 10px Poppins,sans-serif}.settings-tabs button.active,.profile-tabs button.active{color:#56258b;border-color:#6d28d9}.settings-workspace{max-width:900px}.settings-note{color:#83788c;margin:-8px 0 16px;font-size:10px;line-height:1.55}.profile-tabs button{text-align:left;min-width:94px;height:42px}.profile-tabs small{color:#998ca0;font-size:8px;font-weight:500;display:block}.settings-toggle-row{color:#493550;border-bottom:1px solid #eee8f1;justify-content:space-between;align-items:center;gap:16px;min-height:44px;margin:0 0 14px;padding:0 0 12px;font-size:11px;font-weight:600;display:flex}.settings-toggle-row select{color:#5b4566;background:#fff;border:1px solid #e2d9e7;border-radius:5px;min-width:72px;height:30px;padding:0 8px}.reminder-card{background:#fefcff;border:1px solid #e8e0ed;border-radius:7px;margin:0 0 12px;padding:14px}.reminder-card .field{margin:10px 0 0}.settings-preview{color:#7c6e84;background:#faf8fd;border:1px solid #e6ddeb;border-radius:7px;margin:0;padding:11px 12px;font-size:10px}.settings-preview strong{color:#3d2b48;font-family:DM Mono,monospace}.settings-save{align-items:center;margin-top:22px}.settings-save span{color:#83758d;margin-right:auto;font-size:10px}.settings-save .primary:disabled{opacity:.5;cursor:default}.reminder-title{color:#493550;background:0 0;border:0;flex:1;min-width:0;font:600 11px Poppins,sans-serif}.reminder-actions{align-items:center;gap:5px;display:flex}.inline-test-wrap{align-items:center;gap:5px;display:inline-flex}.reminder-test-button{white-space:nowrap;height:30px!important;padding:0 9px!important;font-size:9px!important}.reminder-test-result{max-width:130px;font-size:8px;line-height:1.2}.reminder-test-result.success{color:#16815d}.reminder-test-result.error{color:#c33b59}.reminder-timing{grid-template-columns:120px 1fr;gap:10px;display:grid}.add-reminder{margin:2px 0 4px}.integration-entry{padding-top:0}.integration-entry .settings-card{padding:14px 18px}.integration-entry .settings-toggle-row{border:0;margin:0;padding:0}.integration-entry .settings-note{margin:3px 0 0}.recurring-overview{padding-top:0}.recurring-overview .section-head>div{align-items:baseline;gap:10px;display:flex}.recurring-overview .section-head .secondary{height:32px;font-size:10px}.followup-test-panel{border-top:1px solid #eee8f1;margin-top:12px;padding-top:12px}.test-number-form{align-items:end;gap:8px;margin:0 0 12px;display:flex}.test-number-form label{color:#5d4c66;flex:1;gap:5px;font-size:10px;font-weight:600;display:grid}.test-number-form input{color:#3e2d48;background:#fff;border:1px solid #dfd5e5;border-radius:6px;height:34px;padding:0 10px;font:500 11px Poppins,sans-serif}.test-number-form .secondary{white-space:nowrap;height:34px}.test-number-form .success,.test-number-form .error{font-size:9px}.followup-test-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.followup-test-head strong{color:#442d50;font-size:11px;display:block}.followup-test-head span{color:#87798d;margin-top:2px;font-size:9px;display:block}.followup-test-head .reminder-test-button{height:38px!important;padding:0 14px!important;font-size:10px!important}.whatsapp-message-preview{color:#3e5042;white-space:pre-wrap;background:#f5fbf5;border:1px solid #dfe8df;border-radius:7px;margin-top:9px;padding:10px 12px;font-size:10px;line-height:1.5}.followup-test-panel .reminder-test-result{max-width:none;margin:8px 0 0;font-size:9px;display:block}@media (width<=640px){.test-number-form,.followup-test-head{flex-direction:column;align-items:stretch}.test-number-form .secondary,.followup-test-head .reminder-test-button{width:100%}}@media (width<=620px){.settings-tabs{overflow-x:auto}.settings-tabs button{white-space:nowrap}.profile-tabs{overflow-x:auto}.settings-grid{grid-template-columns:1fr}}.mobile-nav-scrim{display:none}@media (width<=900px){.sidebar{z-index:51}.mobile-nav-scrim{z-index:50;background:#1e0f2661;border:0;display:block;position:fixed;inset:0}.mobile-head{z-index:40;gap:13px;height:60px;padding:0 16px;position:sticky;top:0}.mobile-head button{background:#ffffff14;border-radius:7px;place-items:center;width:38px;height:38px;display:grid}.mobile-head img{width:104px}}@media (width<=620px){.content{padding:20px 14px 80px}.page-title{align-items:flex-start;gap:12px;margin-bottom:18px}.page-title h1{font-size:24px}.page-title p{font-size:11px;line-height:1.5}.page-title>.primary{min-height:40px;padding-inline:13px}.filterbar{padding:10px}.filterbar .search{min-width:100%;height:38px}.drawer{width:100%;padding:20px 18px}.modal-back{align-items:end;padding:0}.modal{border-radius:12px 12px 0 0;width:100%;max-height:94dvh}}.public-invoice{color:#2d2036;background:#f7f4f8;min-height:100vh;padding:48px 20px;font-family:Poppins,sans-serif}.public-card{background:#fff;border:1px solid #e6ddeb;border-radius:10px;max-width:820px;margin:auto;padding:34px}.public-head,.public-amount{justify-content:space-between;align-items:center;gap:18px;display:flex}.public-head img{object-fit:contain;width:46px;height:46px}.public-head>div{margin-right:auto}.public-head strong,.public-head span{display:block}.public-head span,.public-parties span,.public-amount span{color:#83758d;font-size:11px}.public-status{color:#58228e;background:#f1ebf8;border-radius:6px;padding:5px 8px;font-weight:700;font-size:10px!important}.public-amount{border-block:1px solid #eee8f1;margin:30px 0;padding:23px 0}.public-amount h1{margin:3px 0;font-size:24px}.public-amount p{color:#7e7188;margin:0;font-size:11px}.public-amount>strong{color:#3d234b;font:700 27px DM Mono,monospace}.public-parties{grid-template-columns:1fr 1fr;gap:28px;margin:0 0 28px;display:grid}.public-parties strong{margin:6px 0;font-size:12px;display:block}.public-parties p{color:#74677d;margin:0;font-size:11px;line-height:1.6}.public-lines{width:100%;min-width:0}.public-lines th,.public-lines td{height:auto;padding:11px 8px}.public-total{grid-template-columns:1fr auto;gap:8px;width:min(300px,100%);margin:20px 0 28px auto;font-size:11px;display:grid}.public-total strong{border-top:1px solid #e6ddeb;padding-top:9px;font-size:13px}.public-bank{background:#fcfaff;border:1px solid #e6ddeb;border-radius:8px;padding:18px}.public-bank h2{margin:0 0 14px;font-size:13px}.public-bank>div{grid-template-columns:130px 1fr auto;gap:8px;margin:8px 0;font-size:11px;display:grid}.public-bank span{color:#83758d}.public-bank button{color:#6130a1;background:0 0;border:0;font:600 10px Poppins,sans-serif}.public-bank p,.public-card footer{color:#7b6d84;margin:15px 0 0;font-size:11px;line-height:1.6}.public-card footer{border-top:1px solid #eee8f1;padding-top:18px}@media (width<=600px){.public-invoice{padding:16px}.public-card{padding:20px}.public-parties{grid-template-columns:1fr;gap:16px}.public-amount>strong{font-size:22px}.public-bank>div{grid-template-columns:1fr}.public-lines th:nth-child(2),.public-lines td:nth-child(2){display:none}}.builder{gap:18px;display:grid}.builder h3{margin:0;font-size:12px}.builder-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.builder-head>div{gap:7px;display:flex}.builder-head select{color:#5b4566;background:#fff;border:1px solid #e2d9e7;border-radius:5px;height:35px;padding:0 8px;font-size:10px}.builder-line{grid-template-columns:1.5fr 70px 100px 105px 30px;align-items:center;gap:8px;margin-top:8px;display:grid}.builder-line input{background:#fff;border:1px solid #e2d9e7;border-radius:5px;height:32px;padding:0 8px;font-size:10px}.builder-line strong{text-align:right;font:600 10px DM Mono,monospace}.builder-adjustments{border-top:1px solid #eee8f1;padding-top:16px}.builder-adjustments h3{margin-bottom:12px}.builder-summary{color:#67576f;grid-template-columns:1fr auto;gap:7px;width:min(290px,100%);margin-left:auto;font-size:11px;display:grid}.builder-summary strong{color:#34233d;border-top:1px solid #e6ddeb;padding-top:8px;font-family:DM Mono,monospace}.builder .primary:disabled{opacity:.5}@media (width<=620px){.builder-head{flex-direction:column;align-items:flex-start}.builder-line{grid-template-columns:1fr 54px 78px 86px 28px}.builder-line strong{display:none}}.invoice-link-box{background:#fcfaff;border:1px solid #e2d7eb;border-radius:7px;margin:14px 0;padding:12px}.invoice-link-box>span{color:#7b6d84;margin-bottom:5px;font-size:10px;font-weight:600;display:block}.invoice-link-box code{color:#4d2b67;text-overflow:ellipsis;white-space:nowrap;font:9px DM Mono,monospace;display:block;overflow:hidden}.invoice-link-box div{gap:6px;margin-top:10px;display:flex}.invoice-link-box .secondary,.invoice-link-box .primary{height:30px;font-size:10px}.public-head img{object-fit:contain;object-position:left center;width:108px;height:70px}.tap-to-pay{color:#fff;text-align:left;background:#6d28d9;border:0;border-radius:8px;justify-content:space-between;align-items:center;width:100%;margin:-6px 0 24px;padding:15px 17px;font:600 12px Poppins,sans-serif;display:flex}.tap-to-pay b{color:#eee4ff;font-size:10px;font-weight:500}.public-card{background:#fff;border-color:#e3dbe8;max-width:720px;padding:30px;box-shadow:0 2px 8px #31005f0f}.public-head{border-bottom:1px solid #eee8f1;padding-bottom:20px}.public-head>div strong{letter-spacing:-.3px;font-size:16px}.public-head>div span{margin-top:2px}.public-amount{border:0;margin:24px 0 18px;padding:0}.public-amount h1{font-size:22px}.public-amount>strong{font-size:31px}.tap-to-pay{background:#4c187c;min-height:58px;margin:0 0 24px;padding:12px 16px}.tap-to-pay span{font-size:15px}.tap-to-pay b{font-size:11px}.public-parties{border-block:1px solid #eee8f1;margin:24px 0;padding:18px 0}.public-total{margin-top:18px}.public-bank{background:#faf8fc;margin:0 0 22px}.public-card footer{text-align:center;color:#887b91}@media (width<=600px){.public-invoice{background:#fff;padding:0}.public-card{min-height:100vh;box-shadow:none;border:0;border-radius:0;padding:22px 18px}.public-head{gap:10px}.public-logo{width:106px!important;height:58px!important}.public-status{font-size:9px!important}.public-amount>strong{font-size:25px}.tap-to-pay{min-height:62px}.public-parties{padding:15px 0}.public-lines th,.public-lines td{padding:10px 5px}.public-total{width:100%}}.public-head>div{display:none}.public-head{justify-content:space-between}.tap-to-pay{background:#3f185f;border:1px solid #3f185f;border-radius:8px;gap:12px;width:auto;min-width:190px;margin:0 0 26px;padding:12px 15px}.tap-to-pay:before{content:"♥";color:#fff;font-size:17px}.tap-to-pay span{white-space:nowrap;font-size:14px}.tap-to-pay b{display:none}.tap-to-pay:hover{background:#31005f}.public-amount{border-bottom:1px solid #eee8f1;padding-bottom:24px}.public-parties{margin-top:0}@media (width<=600px){.tap-to-pay{width:auto;min-width:0;max-width:100%;margin-bottom:22px}.tap-to-pay span{font-size:13px}}.public-invoice{background:#f7f5fa;padding:52px 22px}.public-card{border-color:#e5deea;border-radius:10px;max-width:760px;padding:34px;box-shadow:0 14px 34px #31005f12}.public-head{min-height:70px;padding-bottom:24px}.public-status{color:#572187;letter-spacing:.01em;background:#f5f0fb;border:1px solid #ddd1eb;border-radius:6px;padding:6px 9px}.public-amount{align-items:flex-end;margin:28px 0 22px;padding-bottom:25px}.public-amount>div>span{letter-spacing:.08em;text-transform:uppercase;font-size:10px;font-weight:700}.public-amount h1{letter-spacing:-.8px;font-size:27px}.public-amount p{font-size:12px}.public-amount>strong{color:#321647;background:#fbf9fd;border:1px solid #e9e2ee;border-radius:7px;padding:12px 14px;font-size:28px}.tap-to-pay{background:#351251;border-color:#351251;min-height:48px;margin:0 0 28px;padding:11px 14px;box-shadow:0 3px 7px #31005f29}.tap-to-pay:hover{background:#26083e;border-color:#26083e;transform:translateY(-1px)}.public-parties{gap:34px;margin:0 0 25px;padding:22px 0}.public-parties strong{font-size:13px}.public-parties p{font-size:11px}.public-lines{border-top:1px solid #eee8f1;border-bottom:1px solid #eee8f1}.public-lines th{color:#887a91;background:#fbf9fd;height:40px;font-size:9px}.public-lines td{color:#594961;padding-top:14px;padding-bottom:14px}.public-total{margin:22px 0 30px auto;font-size:12px}.public-total strong{color:#311743;font-size:14px}.public-bank{background:#fbf9fd;border-color:#e6deeb;border-radius:8px;margin:0 0 24px;padding:20px}.public-bank h2{font-size:14px}.public-bank>div{margin:10px 0}.public-bank>div strong{color:#392344}.public-card footer{padding-top:20px;font-size:11px}@media (width<=600px){.public-invoice{padding:0}.public-card{padding:24px 18px}.public-head{min-height:58px;padding-bottom:20px}.public-logo{width:118px!important;height:60px!important}.public-amount{flex-direction:column;align-items:flex-start;gap:14px;margin:24px 0 20px;padding-bottom:20px}.public-amount>strong{padding:10px 12px;font-size:24px}.public-parties{gap:18px;padding:18px 0}.public-lines{font-size:10px}.public-total{margin-bottom:24px}.public-bank{padding:16px}}.payment-modal-back{z-index:30;background:#23112e6b;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.payment-modal{background:#fff;border:1px solid #dfd5e6;border-radius:10px;width:min(440px,100%);max-height:calc(100vh - 40px);padding:22px;overflow:auto;box-shadow:0 2px 8px #23112e24}.payment-modal .public-bank button.copied{color:#18734b}.payment-modal-head{border-bottom:1px solid #eee8f1;justify-content:space-between;align-items:flex-start;gap:16px;padding-bottom:16px;display:flex}.payment-modal-head span{color:#83758d;font-size:11px;display:block}.payment-modal-head h2{color:#2d1838;letter-spacing:-.4px;margin:3px 0 0;font-size:19px}.payment-close{color:#69576f;background:0 0;border:0;border-radius:6px;width:30px;height:30px;font-size:24px;line-height:1}.payment-close:hover{background:#f5eff8}.payment-amount{color:#5d4b64;margin:16px 0;font-size:12px}.payment-modal .public-bank{background:0 0;border:0;border-radius:0;margin:0;padding:0}.payment-modal .public-bank>div{border-bottom:1px solid #f0ebf3;grid-template-columns:126px minmax(0,1fr) auto;margin:0;padding:9px 0}.payment-modal .public-bank strong{overflow-wrap:anywhere}.payment-modal .public-bank p{margin:14px 0 0}.payment-done{color:#fff;background:#351251;border:1px solid #351251;border-radius:7px;width:100%;height:39px;margin-top:20px;font:600 12px Poppins,sans-serif}@media (width<=600px){.public-invoice{text-align:center}.public-head{align-items:center}.public-status{margin-left:auto}.public-amount{text-align:center;align-items:center}.tap-to-pay{align-self:center;margin-left:auto;margin-right:auto}.public-parties{text-align:center}.public-total{text-align:left;margin-left:auto;margin-right:auto}.public-card footer{text-align:center}.payment-modal-back{align-items:end;padding:12px}.payment-modal{text-align:left;width:100%;max-height:82vh;padding:20px}.payment-modal .public-bank>div{grid-template-columns:1fr;gap:3px}.payment-modal .public-bank>div button{justify-self:start;padding:0}.payment-modal .public-bank>div strong{font-size:12px}.payment-done{height:42px}}.public-card{background:#fff;max-width:780px;padding:32px;box-shadow:0 2px 8px #31005f14}.public-head{padding-bottom:22px}.public-logo{width:142px!important;height:70px!important}.public-status{color:#5b2684;background:#f4eef9}.public-payment-summary{color:#fff;background:#31005f;border-radius:9px;margin:24px 0 0;padding:24px 26px}.public-payment-summary .public-amount{border:0;align-items:flex-end;margin:0;padding:0}.public-payment-summary .public-amount>div>span{color:#d9cae9;letter-spacing:.09em;font-size:10px}.public-payment-summary .public-amount>strong{color:#fff;background:0 0;border:0;padding:0;font-size:30px}.public-payment-total{border-top:1px solid #ffffff2e;justify-content:space-between;align-items:baseline;gap:16px;margin-top:18px;padding-top:16px;display:flex}.public-payment-total span{color:#d9cae9;font-size:11px}.public-payment-total strong{color:#fff;letter-spacing:-1px;font:700 30px DM Mono,monospace}.public-payment-summary .tap-to-pay{color:#31005f;box-shadow:none;background:#fff;border:1px solid #fff;margin:21px 0 0}.public-payment-summary .tap-to-pay:hover{color:#31005f;background:#efe8f8;border-color:#efe8f8;transform:none}.public-parties{margin:0 0 22px;padding:22px 0}.public-parties span{color:#8a7a90}.public-parties strong{color:#321f3b}.public-lines th{background:#f8f5fa}.public-lines td:first-child{color:#3d2947;font-weight:600}.public-total{margin-bottom:26px}.public-card footer{padding-top:20px}@media (width<=600px){.public-invoice{text-align:center;background:#f6f3f8}.public-card{min-height:100vh;box-shadow:none;background:#fff;border:0;border-radius:0;padding:24px 20px}.public-head{min-height:74px;padding-bottom:20px}.public-head .public-logo{width:132px!important;height:64px!important}.public-status{padding:5px 7px;font-size:9px!important}.public-payment-summary{text-align:center;margin:20px -4px 0;padding:24px 18px}.public-payment-summary .public-amount{flex-direction:column;align-items:center;gap:8px}.public-payment-summary .public-amount h1{font-size:28px}.public-payment-total{flex-direction:column;align-items:center;gap:4px;margin-top:16px;padding-top:14px}.public-payment-total strong{font-size:29px}.public-payment-summary .tap-to-pay{width:auto;min-width:0;margin:20px auto 0;padding:12px 16px}.public-parties{text-align:center;grid-template-columns:1fr;gap:20px;padding:24px 0}.public-lines{font-size:10px}.public-lines th,.public-lines td{padding:12px 6px}.public-lines th:first-child,.public-lines td:first-child{text-align:left}.public-total{text-align:left;width:100%;margin:22px 0 26px}.public-card footer{text-align:center;padding-top:18px}.payment-modal{border-radius:10px 10px 0 0}.payment-modal-back{align-items:end;padding:0}}.public-payment-summary .tap-to-pay:before{content:"♥";color:#6f6efd;font-size:18px;line-height:1}.public-payment-summary .tap-to-pay:hover{color:#4f4dcc}.public-payment-total{text-align:right;background:#fff;border:1px solid #ffffff47;border-radius:7px;width:max-content;margin-left:auto;padding:10px 12px}.public-payment-total span{color:#77768e;font-size:10px;display:block}.public-payment-total strong{color:#302f69;letter-spacing:-.7px;margin-top:2px;font-size:27px;display:block}@media (width<=600px){.public-payment-total{text-align:center;width:auto;margin:16px auto 0;padding:10px 14px}.public-payment-total strong{font-size:28px}.public-payment-summary .tap-to-pay{color:#5553de}.public-payment-summary .tap-to-pay:before{color:#6f6efd}}.public-payment-summary .tap-to-pay{justify-content:center;gap:8px}.public-payment-summary .tap-to-pay:before{content:"💜";color:initial;font-family:inherit;font-size:16px}.public-payment-summary{background:#31005f}.public-payment-summary .tap-to-pay{color:#31005f}.payment-done{background:#31005f;border-color:#31005f}.payment-done:hover{background:#250047}.public-payment-summary{color:#302039;background:#fbf9fc;border:1px solid #e7dfed;border-radius:9px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:18px;margin-top:24px;padding:22px 24px;display:grid}.public-payment-summary .public-amount{text-align:left;align-items:flex-start}.public-payment-summary .public-amount>div>span{color:#7d6c86}.public-payment-summary .public-amount h1{color:#2d1838;font-size:25px}.public-payment-summary .public-amount p{color:#75657e}.public-payment-total{text-align:right;background:#fff;border:1px solid #e2d7ea;border-radius:7px;margin:0;padding:11px 13px}.public-payment-total strong{color:#321347;font-size:27px}.public-payment-summary .tap-to-pay{color:#fff;background:#31005f;border-color:#31005f;grid-column:1;justify-self:start;margin:0;padding:11px 14px}.public-payment-summary .tap-to-pay:before{color:initial}@media (width<=600px){.public-payment-summary{text-align:center;background:#fbf9fc;flex-direction:column;gap:16px;margin:20px 0 0;padding:22px 18px;display:flex}.public-payment-summary .public-amount{text-align:center;align-items:center}.public-payment-summary .public-payment-total{margin:0}.public-payment-summary .tap-to-pay{place-self:center;margin:0}.public-payment-summary .public-amount h1{font-size:27px}}.public-payment-summary{color:#fff;background:#31005f;border-color:#31005f;grid-template-columns:minmax(190px,1fr) auto auto;padding:20px 24px}.public-payment-summary .public-amount h1{color:#fff}.public-payment-summary .public-amount>div>span,.public-payment-summary .public-amount p{color:#d9cbe6}.public-payment-total{text-align:right;background:0 0;border-color:#ffffff40}.public-payment-total span{color:#d9cbe6}.public-payment-total strong{color:#fff}.public-payment-summary .tap-to-pay{color:#31005f;background:#fff;border-color:#fff;grid-column:auto;justify-self:auto}.public-payment-summary .tap-to-pay:hover{color:#31005f;background:#f1eaf7;border-color:#f1eaf7}@media (width<=600px){.public-payment-summary{text-align:center;background:#31005f;flex-direction:column;gap:14px;padding:22px 18px;display:flex}.public-payment-summary .public-payment-total{margin:0}.public-payment-summary .tap-to-pay{margin:2px 0 0}.public-payment-summary .public-amount{text-align:center;align-items:center}}.public-status{color:#6f6377;background:#f4f1f6;border:1px solid #ded6e6}.public-status[data-status=sent],.public-status[data-status=upcoming]{color:#9a5d13;background:#fff7e9;border-color:#f0d9b8}.public-status[data-status=paid]{color:#18734b;background:#edf8f1;border-color:#c9e7d8}.public-status[data-status=overdue]{color:#b22d49;background:#fff1f3;border-color:#f0cbd2}.public-status[data-status=payment-submitted]{color:#3d5d9c;background:#f1f5ff;border-color:#cbd7ee}.public-status[data-status=draft],.public-status[data-status=cancelled]{color:#6f6377;background:#f4f1f6;border-color:#ded6e6}.public-lines td:first-child strong{color:#3d2947;font-weight:600;display:block}.public-lines .service-period{color:#73627d;margin-top:4px;font-size:10px;font-weight:500;line-height:1.35;display:block}@media (width<=600px){.public-lines .service-period{font-size:9px}.public-lines td:first-child{min-width:170px}}.public-lines .service-period{color:#9a8da0;letter-spacing:0;margin-top:3px;font-size:9px;font-weight:400}@media (width>=601px){.public-invoice{padding:46px 24px}.public-card{width:min(100%,680px);max-width:680px;padding:30px}.public-payment-summary{gap:14px;padding:18px 20px}.public-payment-summary .tap-to-pay{min-width:auto;padding:10px 12px}.public-payment-total strong{font-size:24px}.public-parties{gap:24px}}.public-lines th:nth-child(2),.public-lines td:nth-child(2){display:table-cell}.download-invoice{color:#4c3a56;background:#fff;border:1px solid #d9cfdf;border-radius:7px;width:max-content;height:34px;margin:0 auto 18px;padding:0 12px;font:600 10px Poppins,sans-serif;display:block}.download-invoice:hover{background:#fbf9fc;border-color:#795c8c}@media print{@page{size:A4 portrait;margin:14mm}html,body{-webkit-print-color-adjust:exact;print-color-adjust:exact;zoom:1!important;background:#fff!important}body{font-size:12px}.public-invoice{background:#fff!important;padding:0!important}.public-card{width:100%!important;max-width:none!important;box-shadow:none!important;border:0!important;border-radius:0!important;padding:0!important}.tap-to-pay,.download-invoice,.payment-modal-back{display:none!important}.public-head{padding-bottom:16px}.public-payment-summary{break-inside:avoid;color:#2d1838!important;background:#fff!important;border:1px solid #d9cfdf!important;border-radius:6px!important;grid-template-columns:1fr auto!important;gap:16px!important;margin:18px 0!important;padding:16px!important;display:grid!important}.public-payment-summary .public-amount,.public-payment-summary .public-amount>div{text-align:left!important;align-items:flex-start!important}.public-payment-summary .public-amount h1{color:#2d1838!important;font-size:22px!important}.public-payment-summary .public-amount>div>span,.public-payment-summary .public-amount p{color:#75657e!important}.public-payment-total{background:#fbf9fc!important;border:1px solid #e2d7ea!important;margin:0!important;padding:9px 11px!important}.public-payment-total span{color:#75657e!important}.public-payment-total strong{color:#321347!important;font-size:22px!important}.public-status{color:#6f6377!important;background:#fff!important}.public-parties{margin:16px 0!important;padding:16px 0!important}.public-lines{break-inside:avoid}.public-total{margin-bottom:20px!important}.public-card footer{border-top:1px solid #e6ddeb!important}.public-status{display:none!important}}.backend-error{color:#9b3145;background:#fff8f8;border:1px solid #e9c8cf;border-radius:8px;margin:16px 42px 0;padding:10px 12px;font-size:11px}.agreement-actions{align-items:center;gap:6px;display:flex}.agreement-actions .secondary,.agreement-actions .danger-button{height:30px;padding:0 9px;font-size:10px}.public-payment-summary .tap-to-pay:before{display:none}.public-payment-summary .tap-to-pay span{font-size:12px;font-weight:700}.public-payment-summary .tap-to-pay b{color:#776682;border-left:1px solid #ded3e6;margin-left:9px;padding-left:9px;font-size:9px;font-weight:500;display:block}.public-payment-summary:has(.proof-state.rejected) .tap-to-pay{display:none}.proof-state{text-align:left;background:#fff;border:1px solid;border-radius:7px;grid-column:3;min-width:190px;padding:11px 13px}.proof-state span{text-transform:uppercase;letter-spacing:.06em;font-size:9px;font-weight:700;display:block}.proof-state strong{color:#30213d;margin-top:3px;font-size:11px;display:block}.proof-state p{color:#75677e;margin:3px 0 0;font-size:9px}.proof-state.submitted{border-color:#bddacb}.proof-state.submitted span{color:#18734b}.proof-state.rejected{border-color:#ebc6cf}.proof-state.rejected span{color:#a42d48}.proof-state button{color:#5e258e;background:0 0;border:0;margin-top:8px;padding:0;font:700 10px Poppins,sans-serif}.payment-proof-modal{width:min(500px,100%);padding:24px}.payment-step{align-items:flex-start;gap:11px;margin:20px 0 10px;display:flex}.payment-step i{color:#54217d;background:#eee7f5;border-radius:6px;flex:0 0 24px;place-items:center;height:24px;font:700 11px Poppins,sans-serif;display:grid}.payment-step h3{color:#33203e;margin:0;font-size:13px}.payment-step p{color:#817188;margin:3px 0 0;font-size:10px;line-height:1.5}.payment-proof-modal .public-bank{padding-left:35px}.no-reference{background:#fffbef;border:1px solid #ead7a8;border-radius:7px;margin:14px 0 4px;padding:11px 12px}.no-reference strong{color:#6f5017;font-size:11px}.no-reference p{color:#7c6a47;margin:4px 0 0;font-size:10px;line-height:1.55}.proof-drop{color:#483254;text-align:left;background:#fcfafd;border:1px dashed #cdbbdd;border-radius:8px;justify-content:center;align-items:center;gap:12px;width:calc(100% - 35px);min-height:92px;margin-left:35px;padding:12px;display:flex}.proof-drop:hover{background:#faf6fd;border-color:#75409d}.proof-drop .proof-upload-icon{color:#54217d;background:#eee6f5;border-radius:7px;place-items:center;width:34px;height:34px;font-size:20px;display:grid}.proof-drop span strong,.proof-drop span b{display:block}.proof-drop span strong{font-size:11px}.proof-drop span b{color:#897990;margin-top:4px;font-size:9px;font-weight:500}.proof-drop.has-file{border-style:solid;justify-content:flex-start}.proof-drop img{object-fit:cover;border:1px solid #e4dce9;border-radius:6px;width:54px;height:54px}.proof-error{color:#b32f49;margin:8px 0 0 35px;font-size:10px}.payment-submit{color:#fff;background:#31005f;border:1px solid #31005f;border-radius:7px;width:calc(100% - 35px);height:42px;margin:16px 0 0 35px;font:700 11px Poppins,sans-serif}.payment-submit:disabled{opacity:.55;cursor:wait}.proof-privacy{color:#918397;text-align:center;margin:8px 0 0 35px;font-size:9px}.drive-heading{justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:20px;display:flex}.drive-heading h2{margin:9px 0 5px}.drive-heading p{color:#7d6f85;max-width:580px;margin:0;font-size:11px;line-height:1.6}.drive-status{border-radius:6px;padding:5px 8px;font-size:9px;font-weight:700;display:inline-flex}.drive-status.connected{color:#17673e;background:#e8f6ed}.drive-status.not-connected{color:#726778;background:#f1edf3}.drive-folder-map{background:#fbf9fc;border:1px solid #e6ddeb;border-radius:7px;flex-wrap:wrap;align-items:center;gap:9px;margin:0 0 14px;padding:13px 14px;font-size:10px;display:flex}.drive-folder-map span{color:#52217b;font-weight:700}.drive-folder-map b{color:#87798e;font-weight:500}.drive-setup-note{color:#75667f;margin:0 0 20px;font-size:10px;line-height:1.6}.drive-setup-note code{color:#4d315e;word-break:break-all;background:#f0ebf4;border-radius:4px;padding:2px 5px;display:inline-block}.drive-settings>.field{margin-top:14px}.drive-settings textarea{min-height:130px}@media (width<=600px){.public-payment-summary .tap-to-pay{flex-direction:column;gap:3px}.public-payment-summary .tap-to-pay b{border:0;margin:0;padding:0}.proof-state{text-align:center;grid-column:auto;width:100%}.payment-proof-modal{max-height:92dvh;padding:20px 18px}.payment-proof-modal .public-bank{padding-left:35px}.proof-drop,.payment-submit{width:calc(100% - 35px)}.drive-heading{flex-direction:column}.drive-heading button{width:100%}}.public-payment-summary .tap-to-pay{white-space:nowrap;border-radius:8px;min-height:44px;padding:0 16px}.public-payment-summary .tap-to-pay span{font-size:11px}.proof-state.submitted{color:#fff;background:#ffffff1a;border-color:#ffffff3d;align-items:center;gap:11px;min-width:230px;padding:12px 14px;display:flex}.proof-state.submitted .proof-state-icon{color:#26734b;letter-spacing:0;background:#fff;border-radius:50%;flex:0 0 27px;place-items:center;height:27px;font-size:13px;display:grid}.proof-state.submitted strong{color:#fff;margin:0;font-size:11px}.proof-state.submitted p{color:#ded3e8;margin:2px 0 0;font-size:9px}.payment-proof-modal{position:relative}.payment-close:disabled{opacity:.35;cursor:not-allowed}.proof-drop{min-width:0;overflow:hidden}.proof-drop:disabled{cursor:wait}.proof-file-copy{flex:1;min-width:0;overflow:hidden}.proof-file-copy strong{text-overflow:ellipsis;white-space:nowrap;max-width:100%;display:block;overflow:hidden}.proof-file-copy b{display:block}.proof-uploading{z-index:4;text-align:center;background:#fffffff7;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;padding:30px;display:flex;position:absolute;inset:0}.proof-uploading strong{color:#301d3c;margin-top:16px;font-size:16px}.proof-uploading p{color:#7b6b84;max-width:270px;margin:6px 0 0;font-size:11px;line-height:1.6}.proof-spinner{border:3px solid #e6ddeb;border-top-color:#31005f;border-radius:50%;width:38px;height:38px;animation:.8s linear infinite proof-spin}@keyframes proof-spin{to{transform:rotate(360deg)}}@media (width<=600px){.public-payment-summary .tap-to-pay{flex-direction:row;min-height:46px;padding:0 16px}.proof-state.submitted{text-align:left;width:100%;min-width:0}.payment-proof-modal{max-height:94dvh}.proof-drop{padding:10px}.proof-drop img{flex:0 0 52px}.proof-privacy{line-height:1.5}}@media (prefers-reduced-motion:reduce){.proof-spinner{animation-duration:1.8s}}.public-payment-summary:has(.proof-state.submitted){grid-template-columns:minmax(0,1fr) auto}.proof-state.submitted{box-sizing:border-box;grid-column:1/-1;width:100%;min-width:0;overflow:hidden}.proof-state.submitted>div{min-width:0}.proof-state.submitted strong,.proof-state.submitted p{overflow-wrap:anywhere}.payment-progress{grid-template-columns:1fr 1fr;gap:6px;margin:14px 0 18px;display:grid}.payment-progress span{background:#ebe4ef;border-radius:3px;height:3px}.payment-progress span.complete{background:#67319a}.transfer-summary{background:#faf8fc;border:1px solid #e4d9eb;border-radius:8px;grid-template-columns:1fr auto;align-items:center;gap:2px 16px;padding:13px 14px;display:grid}.transfer-summary span{color:#786880;font-size:10px}.transfer-summary strong{color:#301b3c;grid-area:1/2/span 2;font:700 22px DM Mono,monospace}.transfer-summary b{color:#5e4a68;font-size:10px;font-weight:600}.payment-guidance{color:#66566f;margin:15px 0 4px;font-size:10px}.payment-proof-modal .transfer-bank{padding:0}.payment-proof-modal .transfer-bank>div{grid-template-columns:118px minmax(0,1fr) auto}.payment-proof-modal .no-reference{margin:14px 0 0}.payment-step-footer{z-index:2;background:#fff;border-top:1px solid #ece5f0;margin:18px -24px -24px;padding:14px 24px 18px;position:sticky;bottom:-24px}.payment-continue{color:#fff;background:#31005f;border:1px solid #31005f;border-radius:8px;width:100%;height:44px;font:700 11px Poppins,sans-serif}.payment-continue span{margin-left:8px;font-size:15px}.payment-step-footer p{color:#86778e;text-align:center;margin:7px 0 0;font-size:9px}.payment-back{color:#67319a;background:0 0;border:0;margin:0 0 14px;padding:0;font:600 10px Poppins,sans-serif}.payment-back:disabled{opacity:.45}.proof-intro{background:#faf8fc;border:1px solid #e6ddeb;border-radius:8px;padding:14px}.proof-intro strong{color:#321f3e;font-size:12px}.proof-intro p{color:#7b6b84;margin:4px 0 0;font-size:10px;line-height:1.55}.payment-proof-modal .proof-drop{width:100%;min-height:118px;margin:14px 0 0}.payment-proof-modal .payment-submit{width:100%;height:44px;margin:14px 0 0}.payment-proof-modal .proof-error{margin:8px 0 0}.payment-proof-modal .proof-privacy{text-align:center;margin:8px 0 0}@media (width<=600px){.payment-modal-back{align-items:stretch}.payment-proof-modal{border-radius:10px 10px 0 0;align-self:end;width:100%;max-height:94dvh}.payment-step-footer{padding:12px 18px max(16px,env(safe-area-inset-bottom));margin:18px -18px -20px;bottom:-20px}.payment-proof-modal .transfer-bank>div{grid-template-columns:minmax(0,1fr) auto;gap:3px 10px;padding:10px 0}.payment-proof-modal .transfer-bank>div span{grid-column:1}.payment-proof-modal .transfer-bank>div strong{grid-column:1;min-width:0}.payment-proof-modal .transfer-bank>div button{grid-area:1/2/span 2;place-self:center end}.transfer-summary strong{font-size:20px}.proof-intro{text-align:left}.payment-proof-modal .proof-drop,.payment-proof-modal .payment-submit{width:100%;margin-left:0}}.transfer-bank strong{white-space:pre-line}body:has(.auth-screen){zoom:1;background:#f5f1f6}.auth-screen{z-index:20;background:#f5f1f6;place-items:center;width:100%;min-height:100dvh;padding:24px;display:grid;position:fixed;inset:0}.auth-panel{background:#fff;border:1px solid #ded5e3;border-radius:12px;width:min(100%,380px);padding:34px 32px 30px;box-shadow:0 6px 18px #2a143614}.auth-logo{object-fit:contain;width:156px;max-height:68px;margin:0 auto 28px;display:block}.auth-title{text-align:center;margin:0 0 24px}.auth-title h1{color:#281633;letter-spacing:-.35px;margin:0;font-size:21px;line-height:1.25}.auth-title p{color:#7c7082;margin:6px 0 0;font-size:11px}.auth-field{margin-top:15px;display:block}.auth-field>span:first-child{color:#4d3e55;margin-bottom:6px;font-size:10px;font-weight:600;display:block}.auth-field>input,.auth-password{background:#fff;border:1px solid #dcd4e0;border-radius:7px;width:100%;height:42px}.auth-field>input{color:#2d2033;padding:0 12px}.auth-field>input:focus,.auth-password:focus-within{border-color:#6e3b90;outline:0;box-shadow:0 0 0 3px #5c297e1a}.auth-password{align-items:center;display:flex}.auth-password input{color:#2d2033;background:0 0;border:0;outline:0;flex:1;min-width:0;height:100%;padding:0 4px 0 12px}.auth-password button{color:#653188;background:0 0;border:0;border-radius:5px;height:28px;margin-right:7px;padding:0 7px;font-size:9px;font-weight:700}.auth-password button:hover{background:#f2edf5}.auth-remember{color:#5f5365;cursor:pointer;align-items:center;gap:8px;width:max-content;margin:16px 0 0;font-size:10px;display:flex}.auth-remember input{accent-color:#4b176e;width:15px;height:15px;margin:0}.auth-error{color:#a52f46;background:#fff7f8;border:1px solid #ecc9d0;border-radius:6px;margin:14px 0 0;padding:9px 10px;font-size:10px;line-height:1.45}.auth-submit{color:#fff;background:#31005f;border:1px solid #31005f;border-radius:7px;width:100%;height:43px;margin-top:18px;font-size:11px;font-weight:700}.auth-submit:hover{background:#27004c}.auth-submit:disabled{opacity:.65;cursor:wait}.auth-loading{align-content:center;gap:18px}.auth-loading .auth-logo{margin:0}.auth-loader{border:2px solid #d9cde1;border-top-color:#31005f;border-radius:50%;width:22px;height:22px;animation:.8s linear infinite proof-spin}.sidebar-foot .sign-out{color:#cdbddd;background:0 0;border:0;margin-left:auto;padding:4px 2px;font-size:9px;font-weight:600}.sidebar-foot .sign-out:hover{color:#fff}@media (width<=520px){.auth-screen{background:#fff;padding:0}.auth-panel{width:100%;box-shadow:none;border:0;border-radius:0;padding:32px 26px}.auth-logo{width:148px;margin-bottom:26px}}.billing{color:#30213d;font-size:13px}.billing h2{margin:0 0 8px;font-size:17px}.billing h3{margin:20px 0 12px;font-size:14px}.billing p{color:#7c6d87;line-height:1.6}.billing-panel{background:#fff;border:1px solid #e6ddeb;border-radius:9px;margin:20px 0;overflow:hidden}.billing-section-head{border-bottom:1px solid #ece5f0;justify-content:space-between;align-items:center;gap:16px;padding:18px 20px;display:flex}.billing-section-head p{margin:4px 0 0;font-size:12px}.billing-section-head>span{color:#786982;white-space:nowrap;font-size:11px}.billing-pill{white-space:nowrap;color:#6c6275;background:#f0edf3;border-radius:6px;align-items:center;padding:5px 9px;font-size:11px;font-weight:600;display:inline-flex}.billing-pill.scheduled,.billing-pill.paid{color:#16643d;background:#e4f4e9}.billing-pill.issued{color:#633e9d;background:#eee9fb}.billing-pill.sent{color:#345d9a;background:#e8eefb}.billing-pill.overdue,.billing-pill.failed{color:#a22d46;background:#fbe9ed}.billing-pill.payment-submitted,.billing-pill.needs-review{color:#895c17;background:#fff2d9}.billing-pill.cancelled,.billing-pill.skipped,.billing-pill.draft{color:#706779;background:#f0edf3}.billing-table-scroll{overflow:auto}.billing-table{width:100%;min-width:920px}.billing-table td{vertical-align:middle;white-space:nowrap;height:auto;padding:18px 16px;font-size:12px}.billing-table th{padding:12px 16px;font-size:10px}.billing-table small,.billing-invoice-items small,.billing-followup-row small{color:#8a7d94;margin-top:6px;font-size:11px;display:block}.billing-link{color:#39214e;text-align:left;background:0 0;border:0;padding:0;font-weight:600}.billing-row-actions{align-items:center;gap:8px;display:flex}.billing-error{white-space:normal;max-width:230px;color:#a22d46!important}.billing-empty{color:#81718b;padding:32px 22px}.billing-metric-currency{align-items:center;gap:20px;font-size:12px;display:flex}.billing-metric-currency span{color:#84758c}.billing-metrics{background:#fff;border:1px solid #e6ddeb;border-radius:9px;grid-template-columns:repeat(4,1fr);margin:16px 0 28px;display:grid}.billing-metrics>div{border-right:1px solid #eee8f2;padding:22px}.billing-metrics>div:last-child{border:0}.billing-metrics span{color:#7c6d87;font-size:12px;display:block}.billing-metrics strong{letter-spacing:-.7px;font-variant-numeric:tabular-nums;margin-top:10px;font-size:25px;display:block}.billing-followup-row{text-align:left;color:#39214e;background:#fff;border:0;border-bottom:1px solid #eee8f2;justify-content:space-between;align-items:center;width:100%;padding:18px 20px;display:flex}.billing-filter{gap:12px;margin:20px 0;display:flex}.billing-filter input{flex:1}.billing input,.billing select,.billing textarea,.billing-dialog input,.billing-dialog select,.billing-dialog textarea{font:inherit;color:#4f3b60;background:#fff;border:1px solid #e1d6e9;border-radius:6px;max-width:100%;min-height:38px;padding:8px 10px}.billing input[type=checkbox],.billing-dialog input[type=checkbox]{accent-color:#6d28d9;width:16px;height:16px;min-height:0}.billing-banner,.billing-notice{color:#654779;background:#faf7fd;border:1px solid #e4daed;border-radius:7px;margin:12px 0;padding:12px 16px;font-size:12px;line-height:1.6}.billing-overlay{z-index:100;background:#24133066;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.billing-dialog{color:#30213d;background:#fff;border:1px solid #e6ddeb;border-radius:10px;width:min(800px,100%);max-height:90dvh;padding:24px;font-size:13px;overflow:auto}.billing-dialog>header{justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px;display:flex}.billing-dialog h2{margin:0;font-size:20px}.billing-dialog h3{font-size:15px}.billing-dialog p{line-height:1.6}.billing-form-grid{grid-template-columns:1fr 1fr;gap:16px;margin:16px 0;display:grid}.billing-field{flex-direction:column;gap:6px;font-size:12px;display:flex}.billing-field>span{color:#675273;font-weight:600}.billing-field textarea{resize:vertical;width:100%}.billing-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;margin-top:24px;display:flex}.billing-total{border-top:1px solid #e6ddeb;justify-content:space-between;margin-top:18px;padding:18px 0;font-size:16px;display:flex}.billing-help{color:#83718c;font-size:12px;line-height:1.6}.billing-invoice-heading{justify-content:space-between;align-items:center;display:flex}.billing-invoice-items>div{border-bottom:1px solid #eee8f2;justify-content:space-between;gap:16px;padding:16px 0;display:flex}.billing-log>div{border-bottom:1px solid #eee8f2;flex-wrap:wrap;align-items:center;gap:12px;padding:12px 0;display:flex}.billing-log small{color:#83718c;width:100%}.billing-menu-actions{gap:12px;display:grid}.billing-item-title{grid-template-columns:1fr 130px 36px;align-items:end;gap:12px;display:grid}.billing-edit-items>section{border-bottom:1px solid #e6ddeb;padding:16px 0}.billing-check{align-items:center;gap:10px;margin:16px 0;font-size:12px;display:flex}.billing-settings{padding:24px}.billing-rule{grid-template-columns:1fr 65px 160px 155px 35px;align-items:center;gap:10px;margin:10px 0;display:grid}.billing-rule .billing-pill{justify-content:center}.billing-template-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.billing-preview{white-space:pre-wrap;word-break:break-word;font:inherit;background:#f8f5fa;border:1px solid #e6ddeb;border-radius:7px;padding:18px;font-size:12px;line-height:1.7}.billing-template-grid select{margin-top:10px}.billing-dialog .section-head{height:auto}.billing .detail-tabs{overflow:auto}.billing .detail-tabs button{white-space:nowrap}.billing .primary,.billing .secondary,.billing-dialog .primary,.billing-dialog .secondary{height:38px;font-size:12px}.billing-dialog .primary:disabled,.billing .primary:disabled{opacity:.55;cursor:wait}@media (width<=1000px){.billing-rule{grid-template-columns:1fr 60px 140px}.billing-rule .billing-pill{justify-self:start}.billing-metrics{grid-template-columns:1fr 1fr}.billing-metrics>div{border-bottom:1px solid #eee8f2}.billing-template-grid{grid-template-columns:1fr}}@media (width<=600px){.billing-form-grid{grid-template-columns:1fr}.billing-dialog{padding:18px}.billing-item-title{grid-template-columns:1fr 85px 30px}.billing-overlay{padding:10px}.billing-section-head{flex-direction:column;align-items:flex-start}.billing-metric-currency{flex-wrap:wrap}.billing-metrics strong{font-size:21px}.billing-rule{grid-template-columns:1fr 65px}.billing-actions button{flex:1}.billing-row-actions{flex-wrap:wrap}}.billing .billing-upcoming-table{table-layout:fixed;min-width:700px}.billing .billing-upcoming-table th:first-child{width:23%}.billing .billing-upcoming-table th:nth-child(2){width:14%}.billing .billing-upcoming-table th:nth-child(3){width:18%}.billing .billing-upcoming-table th:nth-child(4){width:27%}.billing .billing-upcoming-table th:nth-child(5){width:18%}.billing .billing-upcoming-table td{white-space:normal;padding:18px 12px}.billing .billing-upcoming-table th{padding:12px}.billing .billing-upcoming-table .billing-pill{white-space:normal}.billing .billing-upcoming-table .billing-row-actions{flex-wrap:wrap;gap:6px}.billing .billing-upcoming-table .billing-row-actions button{padding:7px 10px}.billing .billing-upcoming-table .billing-send-date{color:#4c3a58;margin:0 0 8px}.billing-proration{justify-content:space-between;align-items:center;gap:16px;display:flex}.billing-proration .billing-field{max-width:160px}.billing-dialog:focus{outline:none}.billing-table button:focus-visible,.billing-dialog button:focus-visible{outline-offset:3px;outline:2px solid #6d28d9}@media (width<=900px){body{zoom:1}.app-shell{padding-left:0!important}.app-shell main{width:100%;min-width:0;margin:0}.billing.content{padding:24px 16px}.billing .page-title{flex-wrap:wrap;align-items:flex-start}.billing .page-title h1{font-size:26px}.billing .page-title>button{flex-shrink:0}.billing .billing-upcoming-table{min-width:700px}.billing-dialog{max-height:92dvh}.billing-proration{flex-wrap:wrap}.billing-proration .billing-field{width:100%;max-width:none}}.payment-proof-review{background:#fbf9fc;border:1px solid #e5dbea;border-radius:8px;gap:12px;padding:18px;display:grid}.payment-proof-review>div:first-child{justify-content:space-between;align-items:center;gap:12px;display:flex}.payment-proof-review>div:first-child>span{color:#76677f;font-size:11px}.payment-proof-review>strong{font-size:18px}.payment-proof-review>small{color:#85758e}.proof-preview-link{color:#54217d;background:#fff;border:1px solid #d9cce2;border-radius:7px;justify-content:center;align-items:center;min-height:46px;padding:0 14px;font-weight:700;text-decoration:none;display:flex}.proof-preview-link:hover{background:#f8f4fb;border-color:#704096}.payment-proof-actions{justify-content:flex-end;gap:10px;margin-top:6px;display:flex}.payment-proof-actions button{height:40px}@media (width<=600px){.payment-proof-actions{flex-direction:column-reverse}.payment-proof-actions button{width:100%}}.billing-dialog:has(.payment-proof-review){width:min(620px,100%)}.payment-proof-review{background:0 0;border:0;gap:14px;padding:0}.payment-proof-review>div:first-child{border-bottom:1px solid #ebe4ef;padding-bottom:14px}.payment-proof-review>strong{letter-spacing:-.3px;font-size:20px}.payment-proof-review>small{margin-top:-8px}.proof-preview-link{background:#faf8fc;border-color:#d9cce2;min-height:52px}.proof-preview-link:before{content:"▧";color:#6d3498;margin-right:9px;font-size:17px}.payment-proof-review>p{color:#51405a;background:#fbf9fc;border:1px solid #e4dbea;border-radius:7px;margin:0;padding:12px 14px}.payment-proof-actions{border-top:1px solid #ebe4ef;padding-top:16px}.payment-proof-actions .primary:disabled{min-width:190px}.invoice-schedule{border:1px solid #e5ddea;border-radius:8px;margin-top:24px;overflow:hidden}.invoice-schedule-head{background:#fbfafc;border-bottom:1px solid #ebe4ef;justify-content:space-between;align-items:flex-start;gap:16px;padding:15px 16px;display:flex}.invoice-schedule-head h3{margin:0 0 3px}.invoice-schedule-head p{margin:0;font-size:11px}.invoice-schedule-head>span{color:#81738a;white-space:nowrap;font-size:10px}.invoice-schedule-row{border-bottom:1px solid #eee8f1;grid-template-columns:12px minmax(0,1fr) auto;align-items:center;gap:11px;padding:13px 16px;display:grid;position:relative}.invoice-schedule-row:last-child{border-bottom:0}.invoice-schedule-row>div:nth-child(2){min-width:0}.invoice-schedule-row strong{font-size:12px;display:block}.invoice-schedule-row small{color:#82748b;margin-top:3px;font-size:10px;line-height:1.45;display:block}.schedule-marker{background:#fff;border:2px solid #70409a;border-radius:50%;width:8px;height:8px}.invoice-schedule-row:not(:last-child) .schedule-marker:after{content:"";background:#dfd5e6;width:1px;position:absolute;top:27px;bottom:-14px;left:19px}.schedule-next-actions{justify-content:flex-end;align-items:center;gap:8px;display:flex}.schedule-next-actions .secondary{height:32px!important}.billing-history{border-top:1px solid #ebe4ef;margin-top:14px;padding-top:12px}.billing-history summary{cursor:pointer;color:#604071;font-size:11px;font-weight:600}.billing-history .billing-log{margin-top:8px}@media (width<=600px){.invoice-schedule-head{display:block}.invoice-schedule-head>span{margin-top:5px;display:block}.invoice-schedule-row{grid-template-columns:12px minmax(0,1fr);align-items:start}.invoice-schedule-row>.billing-pill,.schedule-next-actions{grid-column:2;justify-self:start}.schedule-next-actions{flex-direction:column;align-items:flex-start}.schedule-next-actions .secondary{width:auto!important}.invoice-schedule-row:not(:last-child) .schedule-marker:after{left:19px}.billing-dialog .billing-actions{justify-content:stretch}.billing-dialog .billing-actions>*{width:100%}}.invoice-review-brand{border-bottom:1px solid #ebe4ef;align-items:center;gap:11px;margin:-4px 0 18px;padding-bottom:16px;display:flex}.invoice-review-brand img{object-fit:contain;object-position:left center;width:112px;height:46px;display:block}.invoice-review-brand>strong{font-size:15px}.invoice-review-brand>span{color:#84768c;margin-left:auto;font-size:10px}.next-invoice-review{background:#fff;border:1px solid #dfd3e7;border-radius:8px;justify-content:space-between;align-items:center;gap:16px;margin-top:12px;padding:12px 14px;display:flex}.next-invoice-review strong{font-size:12px;display:block}.next-invoice-review span{color:#83758c;margin-top:3px;font-size:10px;display:block}.next-invoice-review button{flex:none}@media (width<=600px){.invoice-review-brand img{width:96px;height:40px}.next-invoice-review{flex-direction:column;align-items:stretch}.next-invoice-review button{width:100%}}.client-identity{text-align:left;align-items:center;gap:11px;min-width:0;display:flex}.client-identity>span:last-child{min-width:0}.client-identity strong{color:#34213f;text-overflow:ellipsis;white-space:nowrap;font-size:12px;display:block;overflow:hidden}.client-identity small{color:#897b91;margin-top:3px;font-size:10px;font-weight:500;display:block}.client-mark{color:#603482;background:#f7f3f9;border:1px solid #e3dbe8;border-radius:8px;flex:0 0 38px;place-items:center;width:38px;height:38px;font-size:10px;font-weight:700;display:grid;overflow:hidden}.client-mark img{object-fit:contain;background:#fff;width:100%;height:100%;display:block}.billing .invoice-list{min-height:0;overflow:visible}.invoice-record{color:#3c2947;width:100%;font:inherit;text-align:left;background:#fff;border:0;border-bottom:1px solid #eee8f1;grid-template-columns:1.25fr 1.05fr .62fr .72fr 1.05fr 12px;align-items:center;gap:12px;padding:17px 18px;display:grid}.invoice-record:last-of-type{border-bottom:0}.invoice-record:hover{background:#fcfafc}.invoice-record:focus-visible{outline-offset:-2px;outline:2px solid #6d28d9;position:relative}.record-fact{min-width:0}.record-fact>span{color:#928499;margin-bottom:4px;font-size:9px;font-weight:600;display:block}.record-fact strong{color:#44304f;text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:600;display:block;overflow:hidden}.record-fact small{color:#897b91;margin-top:3px;font-size:9px;display:block}.record-state{flex-direction:column;align-items:flex-start;gap:6px;min-width:0;display:flex}.record-state .billing-pill{text-overflow:ellipsis;max-width:100%;overflow:hidden}.record-chevron{color:#9c8ba4;font-size:22px}.upcoming-list{display:grid}.upcoming-record{border-bottom:1px solid #eee8f1;grid-template-columns:1.25fr .62fr .8fr 1.15fr auto;align-items:center;gap:14px;padding:18px 20px;display:grid}.upcoming-record:last-child{border-bottom:0}.record-schedule{flex-direction:column;align-items:flex-start;gap:5px;min-width:0;display:flex}.record-schedule small{color:#81728a;font-size:9px}.record-actions{align-items:center;gap:7px;display:flex}.record-actions .icon-button{width:38px;padding:0}.billing-followup-row .client-identity{flex:1}.billing-metrics{margin:14px 0 20px}.billing-metrics>div{padding:17px 20px}.billing-metrics strong{margin-top:7px;font-size:21px}.invoice-action-dock{z-index:5;background:#fff;border-top:1px solid #e6ddeb;align-items:center;margin:22px -24px -24px;padding:14px 24px 18px;position:sticky;bottom:-24px}.invoice-action-dock>a{justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.invoice-more-actions{position:relative}.invoice-more-actions>summary{color:#5d2a88;cursor:pointer;border:1px solid #d8cae2;border-radius:7px;justify-content:center;align-items:center;height:38px;padding:0 13px;font-size:12px;font-weight:600;list-style:none;display:flex}.invoice-more-actions>summary::-webkit-details-marker{display:none}.invoice-more-actions[open]>summary{background:#faf7fc;border-color:#8454a7}.invoice-more-actions>div{background:#fff;border:1px solid #ded4e5;border-radius:8px;width:190px;padding:6px;position:absolute;bottom:46px;right:0;box-shadow:0 4px 8px #2e183a1a}.invoice-more-actions button{color:#4e3a59;text-align:left;background:#fff;border:0;border-radius:5px;width:100%;height:34px;padding:0 10px;font:600 10px Poppins,sans-serif;display:block}.invoice-more-actions button:hover{background:#f8f4fa}.invoice-more-actions .danger-menu-action{color:#c43c56}@media (width<=1000px){.invoice-record{grid-template-columns:minmax(180px,1.25fr) minmax(165px,1fr) repeat(2,minmax(90px,.7fr)) minmax(150px,1fr) 14px;gap:12px}.upcoming-record{grid-template-columns:minmax(180px,1.2fr) repeat(2,minmax(100px,.7fr)) minmax(170px,1fr);gap:14px}.upcoming-record .record-actions{grid-column:1/-1;justify-content:flex-end}}@media (width<=700px){.invoice-record,.upcoming-record{grid-template-columns:1fr auto;gap:13px 16px}.invoice-record .client-identity,.upcoming-record .client-identity,.invoice-record .period-fact{grid-column:1/-1}.invoice-record .record-state{grid-column:1}.invoice-record .record-chevron{grid-area:2/2/span 3;align-self:center}.upcoming-record .record-schedule{grid-column:1/-1}.upcoming-record .record-actions{grid-column:1/-1;justify-content:stretch}.upcoming-record .record-actions .secondary:first-child{flex:1}.invoice-action-dock{margin:20px -18px -18px;padding:12px 18px 16px;bottom:-18px}.invoice-action-dock>*{flex:1;width:auto!important}.invoice-more-actions>summary{box-sizing:border-box;width:100%}.invoice-more-actions>div{left:auto;right:0}.billing-metrics{grid-template-columns:1fr 1fr}.billing-metrics>div{padding:14px}}@media (width<=600px){.billing.content{padding:20px 14px 84px}.billing .page-title{grid-template-columns:minmax(0,1fr) auto;gap:12px;margin-bottom:18px;display:grid}.billing .page-title h1{letter-spacing:-.5px;font-size:24px}.billing .page-title p{max-width:42ch;font-size:11px;line-height:1.5}.billing .page-title>.primary{white-space:nowrap;height:40px;padding:0 12px}.billing-banner,.billing-notice{margin:10px 0;padding:11px 13px;font-size:11px}.billing-metric-currency{grid-template-columns:1fr;gap:5px;margin-top:12px;display:grid}.billing-metric-currency label{justify-content:space-between;align-items:center;gap:12px;display:flex}.billing-metric-currency select{min-width:94px}.billing-metrics{grid-template-columns:1fr 1fr;margin:12px 0 18px;overflow:hidden}.billing-metrics>div{border-bottom:1px solid #eee8f2;border-right:1px solid #eee8f2;min-width:0;padding:13px}.billing-metrics>div:nth-child(2n){border-right:0}.billing-metrics>div:nth-last-child(-n+2){border-bottom:0}.billing-metrics span{font-size:10px}.billing-metrics strong{text-overflow:ellipsis;white-space:nowrap;margin-top:5px;font-size:17px;overflow:hidden}.billing-panel{border-radius:8px;margin:14px 0}.billing-section-head{padding:14px 15px}.billing-section-head h2{font-size:15px}.billing-section-head p{font-size:10px}.billing-filter{grid-template-columns:1fr;gap:8px;margin:14px 0;display:grid}.billing-filter input,.billing-filter select{width:100%;min-height:42px}.invoice-record,.upcoming-record{gap:12px 14px;padding:15px}.invoice-record .record-fact strong,.upcoming-record .record-fact strong{white-space:normal}.invoice-record .record-state{align-self:end}.record-actions{grid-template-columns:1fr 42px;width:100%;display:grid}.record-actions .secondary{height:42px!important}.billing-followup-row{align-items:flex-start;gap:12px;padding:14px 15px}.billing-followup-row .billing-pill{white-space:normal;text-align:right;max-width:44%}.client-mark{flex-basis:36px;width:36px;height:36px}.billing-overlay{align-items:stretch;padding:0}.billing-dialog{border:0;border-radius:0;width:100%;height:100dvh;max-height:100dvh;padding:18px 16px 0}.billing-dialog>header{z-index:7;background:#fff;border-bottom:1px solid #eee8f1;margin:0 -16px 18px;padding:16px;position:sticky;top:-18px}.billing-dialog h2{font-size:19px}.billing-dialog .billing-invoice-heading{align-items:flex-start;gap:10px}.billing-dialog .billing-invoice-items>div{align-items:flex-start;padding:13px 0}.invoice-review-brand{margin-top:0}.invoice-action-dock{padding:12px 16px max(14px,env(safe-area-inset-bottom));grid-template-columns:1fr 1fr;gap:8px;margin:20px -16px 0;display:grid;bottom:0;box-shadow:0 -5px 18px #2d183a14}.invoice-action-dock>*{flex:none;min-width:0;width:100%!important}.invoice-action-dock .primary{grid-column:1/-1}.invoice-more-actions>div{right:16px;bottom:calc(76px + env(safe-area-inset-bottom));width:min(220px,100vw - 32px);position:fixed}.invoice-schedule{margin-top:18px}.invoice-schedule-row{padding:13px 14px}.billing-history{margin-bottom:18px}}@media (width<=390px){.billing .page-title{grid-template-columns:1fr}.billing .page-title>.primary{width:100%}.billing-metrics{grid-template-columns:1fr}.billing-metrics>div,.billing-metrics>div:nth-child(2n),.billing-metrics>div:nth-last-child(-n+2){border-bottom:1px solid #eee8f2;border-right:0}.billing-metrics>div:last-child{border-bottom:0}}.compliant-invoice-screen{color:#261b2d;background:#eeeaf0;min-height:100vh;padding:32px;font-family:Poppins,sans-serif}.compliant-invoice-page{background:#fff;border:1px solid #dcd5e0;width:min(794px,100%);min-height:1123px;margin:0 auto;padding:58px 62px}.compliant-head{border-bottom:2px solid #34213f;justify-content:space-between;align-items:flex-start;gap:32px;padding-bottom:28px;display:flex}.compliant-head h1{letter-spacing:-1px;margin:0 0 5px;font-size:30px}.compliant-head>div>strong{font-size:15px}.compliant-head dl{gap:8px;width:210px;margin:0;display:grid}.compliant-head dl>div{justify-content:space-between;gap:20px;display:flex}.compliant-head dt{color:#766b7b;font-size:11px}.compliant-head dd{margin:0;font-size:11px;font-weight:600}.compliant-parties{grid-template-columns:1fr 1fr;gap:54px;padding:34px 0;display:grid}.compliant-parties h2{color:#766b7b;text-transform:uppercase;letter-spacing:.5px;margin:0 0 10px;font-size:10px;font-weight:600}.compliant-parties strong{font-size:13px;display:block}.compliant-parties p{color:#5f5365;white-space:pre-line;max-width:280px;margin:5px 0 0;font-size:11px;line-height:1.6}.compliant-lines{border-collapse:collapse;width:100%;min-width:0}.compliant-lines th{color:#625668;text-align:left;background:#f7f5f8;border-block:1px solid #dcd5e0;height:auto;padding:10px 12px;font-size:9px}.compliant-lines th:last-child,.compliant-lines td:last-child{text-align:right}.compliant-lines td{color:#312438;vertical-align:top;border-bottom:1px solid #e8e3ea;height:auto;padding:15px 12px;font-size:11px}.compliant-lines td strong{font-size:12px;display:block}.compliant-lines td p{color:#695d6f;margin:4px 0;font-size:10px}.compliant-lines td span{color:#817487;margin-top:5px;font-size:10px;display:block}.compliant-totals{gap:8px;width:270px;margin:24px 0 48px auto;display:grid}.compliant-totals>div{color:#65596b;justify-content:space-between;gap:24px;font-size:11px;display:flex}.compliant-totals strong{color:#2f2037}.compliant-grand-total{border-top:1px solid #34213f;margin-top:4px;padding-top:10px;font-size:14px!important}.compliant-invoice-page footer{color:#817587;border-top:1px solid #e1dbe4;margin-top:auto;padding-top:18px;font-size:9px}.compliant-loading,.compliant-invoice-error{background:#fff;border:1px solid #ddd5e1;width:min(500px,100% - 32px);margin:80px auto;padding:24px}.compliant-invoice-error h1{margin-top:0;font-size:20px}@media (width<=650px){.compliant-invoice-screen{background:#fff;padding:0}.compliant-invoice-page{border:0;min-height:100vh;padding:30px 22px}.compliant-head{gap:20px}.compliant-head h1{font-size:25px}.compliant-head dl{width:150px}.compliant-parties{grid-template-columns:1fr;gap:24px;padding:28px 0}.compliant-totals{width:100%}}@media print{@page{size:A4 portrait;margin:14mm}.compliant-invoice-screen{min-height:0;background:#fff!important;padding:0!important}.compliant-invoice-page{border:0!important;width:100%!important;min-height:0!important;margin:0!important;padding:0!important}.compliant-invoice-page footer{position:fixed;bottom:0;left:0;right:0}.compliant-lines tr,.compliant-parties,.compliant-totals{break-inside:avoid}}.compliant-warning{color:#8e2940;background:#fff6f7;border:1px solid #e3b5bd;margin:-30px 0 30px;padding:13px 15px}.compliant-warning strong{font-size:11px}.compliant-warning p{margin:4px 0 0;font-size:10px}@media print{.compliant-warning{display:none!important}}