:root{--ink:#142f38;--muted:#718087;--line:#e5e9e7;--paper:#f5f7f5;--teal:#167568;--orange:#d97647;--red:#ba5144}*{box-sizing:border-box}body{margin:0;font:14px/1.5 "Segoe UI",Arial,sans-serif;color:var(--ink);background:var(--paper)}button,input,textarea{font:inherit}button,a,input,textarea{outline-offset:4px}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}[hidden]{display:none!important}.shell{display:flex;min-height:100vh}aside{width:240px;background:var(--ink);color:#b8c9ca;position:fixed;inset:0 auto 0 0;padding:32px 18px;display:flex;flex-direction:column;z-index:5}.brand{display:flex;gap:12px;align-items:center;color:white;font-size:19px;font-weight:600;padding:0 10px 36px}.brand small{display:block;font-size:8px;letter-spacing:1.8px;font-weight:500;color:#9fb6b6;margin-top:3px}.brand-mark{background:#e5a477;color:#17343a;display:inline-block;width:67px;height:67px;border-radius:18px;font-size:35px;font-weight:750;padding:5px 12px;letter-spacing:-3px;position:relative}.brand-mark span{font-size:19px;position:absolute;right:7px;top:3px}.smallmark{width:42px;height:42px;font-size:25px;border-radius:12px;padding:1px 6px}.smallmark span{font-size:14px;right:3px;top:0}nav{display:grid;gap:7px}.nav{display:flex;align-items:center;gap:12px;border:0;background:transparent;color:inherit;padding:12px 15px;border-radius:8px;text-align:left;width:100%;font-size:13px}.nav>span{font-size:20px;width:23px}.nav.active{background:#29454d;color:#fff}.nav:hover{background:#25424a;color:white}.nav b{margin-left:auto;background:#486068;border-radius:5px;font-size:10px;padding:1px 6px}.sidebar-bottom{margin-top:auto}.mini-clock{display:flex;gap:12px;border-top:1px solid #345059;padding:22px 12px;color:#d1dfde;font-size:12px}.mini-clock small{display:block;color:#8da6a9;font-size:10px;margin-top:4px}main{margin-left:240px;width:calc(100% - 240px);min-width:0}header{height:77px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 38px;font-size:12px;color:#66767d}.workspace-dot{display:inline-block;background:#33947b;width:7px;height:7px;border-radius:100%;margin-right:8px}.header-divider{margin:0 15px;color:#bac1c0}.header-right{display:flex;align-items:center;gap:18px}.connection-label{font-size:11px}.avatar{display:inline-grid;place-items:center;border-radius:50%;height:32px;width:32px;background:#e9eeeb;color:#244b49;font-size:11px;font-weight:700}.content{padding:35px 38px 20px;max-width:1600px;margin:auto}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:27px}.eyebrow{font-size:9px;font-weight:700;letter-spacing:1.8px;color:#84918e;margin:0 0 9px}h1{font-size:31px;letter-spacing:-1px;line-height:1.2;font-weight:650;margin:0 0 8px}h2{font-size:18px;font-weight:600;letter-spacing:-.4px;margin:0 0 7px}p{margin:0 0 14px}.muted{color:var(--muted);font-size:12px}.small{font-size:11px}.button{display:inline-flex;justify-content:center;align-items:center;gap:8px;border-radius:7px;padding:11px 16px;font-weight:600;font-size:12px;white-space:nowrap;border:1px solid transparent;min-height:39px}.button.primary{background:var(--teal);color:white}.button.primary:hover{background:#105c52}.button.subtle{border-color:#d9e2de;background:#fff;color:#365650}.button.subtle:hover{background:#f0f5f2}.button:disabled{opacity:.5;cursor:wait}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:1px solid transparent;border-radius:6px;color:#7c898c;font-size:20px}.icon-button:hover{background:#edf2ef}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:23px}.stat{background:#fff;border:1px solid var(--line);border-radius:10px;text-align:left;padding:21px 20px;min-width:0;box-shadow:0 2px 2px #132d3502}.stat>span{font-size:11px;color:#73817d;display:flex;justify-content:space-between;align-items:center}.stat i{font-style:normal;background:#f1f4f1;border-radius:6px;width:23px;height:23px;display:grid;place-items:center}.stat strong{font-size:27px;display:block;letter-spacing:-1px;font-weight:600;margin:10px 0 7px}.stat small{color:#8c9792;font-size:10px}.stat.overdue strong{color:var(--red)}.stat.overdue i{background:#fbefeb;color:#b8644c}.stat:hover{border-color:#b9d2c8}.automation-card{display:flex;align-items:center;gap:16px;border:1px solid #dce7df;background:#edf3ee;border-radius:9px;padding:17px 21px;margin-bottom:26px}.automation-symbol{background:#dce9df;color:#528164;font-size:22px;border-radius:10px;height:39px;width:39px;display:grid;place-items:center;flex-shrink:0}.automation-card b{font-size:12px}.automation-card p{font-size:11px;color:#718575;margin:4px 0 0}.automation-card>.button{margin-left:auto;background:transparent;font-size:10px;border-color:#ceddd1}.panel{background:white;border:1px solid var(--line);border-radius:10px;overflow:hidden}.table-toolbar{display:flex;justify-content:space-between;align-items:center;padding:16px 18px;gap:14px}.tabs{display:flex;align-items:center;gap:3px}.tabs button{background:transparent;border:0;color:#8a9690;border-radius:5px;font-size:11px;padding:7px 10px;white-space:nowrap}.tabs button.selected{color:#2f5146;background:#edf3ee;font-weight:650}.tabs span{font-size:9px;background:#dae6dc;padding:1px 5px;border-radius:3px;margin-left:3px}.table-tools{display:flex;align-items:center;gap:8px}.search{display:flex;align-items:center;border:1px solid var(--line);border-radius:6px;padding:5px 9px;gap:6px;margin:0}.search span{font-size:19px;color:#8b9691}.search input{border:0;background:transparent;width:171px;padding:2px;outline:none;font-size:10px}.table-scroll{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left}th{font-size:8px;letter-spacing:1px;color:#909c96;background:#fafbf9;padding:13px 16px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);white-space:nowrap;font-weight:600}td{font-size:11px;padding:16px;border-bottom:1px solid #eef1ee;vertical-align:middle}td b{font-weight:600}td small{display:block;color:#8b9691;font-size:10px;margin-top:4px}tr[data-open]{cursor:pointer}tr[data-open]:hover{background:#f9fbf8}.numeric{text-align:right}.badge{display:inline-block;font-size:9px;padding:4px 8px;border-radius:5px;background:#f0f3ef;color:#6e7b74;white-space:nowrap}.badge.overdue,.badge.failed,.badge.needs_review{background:#fceee9;color:#b25f48}.badge.paid,.badge.accepted{background:#eaf4ed;color:#438264}.badge.due-soon,.badge.blocked{background:#fcf3df;color:#a78534}.channel{font-size:10px;background:#f1f5f1;padding:3px 5px;border-radius:4px;margin-right:3px;color:#6c8777}.table-footer{display:flex;justify-content:space-between;padding:13px 18px;border-top:1px solid var(--line);font-size:10px;color:#8e9992}.empty{text-align:center;padding:63px 20px 59px}.empty-icon{width:65px;height:65px;background:#f2f5ef;border:1px solid #e8ece3;border-radius:15px;display:grid;place-items:center;font-size:33px;color:#90a487;margin:0 auto 22px;position:relative;transform:rotate(-5deg)}.empty-icon span{position:absolute;font-size:17px;bottom:-5px;right:-6px;border-radius:50%;background:#d8e9da;border:3px solid white;width:27px;height:27px}.empty h2{font-size:19px;letter-spacing:-.4px}.empty p{font-size:12px;color:#929d94;line-height:1.9;margin:10px 0 21px}.empty>small{display:block;color:#a2aaa1;margin-top:18px;font-size:9px}.bottom-note{text-align:center;font-size:10px;color:#8d9b90;margin-top:18px}.bottom-note span{color:#809b7f;margin-right:6px}footer{padding:20px 38px;font-size:10px;color:#a2ada4;display:flex;justify-content:space-between}.notice{display:flex;align-items:center;gap:12px;padding:14px 17px;border:1px solid #ecddbc;background:#fff9ed;border-radius:8px;font-size:11px;margin:0 0 23px;color:#9a7734}.notice div{flex:1}.notice b{display:block;font-size:11px}.notice div>span{display:block;font-size:10px;margin-top:3px}.notice button{background:transparent;border:0;color:#96702d;font-size:10px;white-space:nowrap}.notice.compact{font-size:11px;margin:14px 0}.settings-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.setting{padding:26px}.setting p{line-height:1.8}.setting-title{display:flex;align-items:center;gap:13px;margin-bottom:15px}.setting-title h2{font-size:16px;margin:0}.setting-title p{font-size:10px;margin:3px 0 0;color:#9a7a43}.service-icon{width:38px;height:38px;border-radius:10px;background:#eaf0eb;display:grid;place-items:center;font-size:22px;color:#638070}.service-icon.email-icon{background:#f7eee7;color:#bd7b5a}.service-icon.whatsapp-icon{background:#e4f1e9;color:#58a274}.account-email{font-size:12px;font-weight:600}.schedule{display:flex;gap:5px;flex-wrap:wrap;margin-bottom:15px}.schedule span{border:1px solid #e4e9e1;background:#f6f8f4;padding:5px 7px;border-radius:4px;font-size:10px;color:#70836b}.button-row{display:flex;gap:10px;flex-wrap:wrap}dialog{width:650px;max-width:calc(100vw - 24px);max-height:92vh;border:0;border-radius:14px;box-shadow:0 20px 100px #102b3550;padding:27px;overflow:auto;color:var(--ink)}dialog::backdrop{background:#10282d80;backdrop-filter:blur(3px)}.dialog-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}.dialog-heading h2{font-size:24px}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;border-top:1px solid var(--line);padding-top:19px;margin-top:20px}.dropzone{padding:24px;text-align:center;border:1.5px dashed #bacebf;border-radius:9px;background:#f6f9f3}.dropzone.drag{border-color:var(--teal);background:#e6f1e8}.dropzone p{font-size:11px;color:#8b988d;margin:7px 0 0}.upload-symbol{font-size:25px;color:#8ca58b;margin-bottom:4px}.dropzone b{font-size:13px}.text-button{background:transparent;border:0;padding:0;color:var(--teal);font-size:inherit;text-decoration:underline}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:22px}label{display:block;font-size:11px;font-weight:600}label small{color:#94a095;font-size:9px;font-weight:400}label>input:not([type=checkbox]),label>textarea{display:block;width:100%;border:1px solid #dce3dc;border-radius:6px;background:#fff;padding:10px 11px;margin-top:6px;color:var(--ink);font-size:12px}label>input:focus,label>textarea:focus{border-color:var(--teal);outline:2px solid #16756818}.span-2{grid-column:1/-1}.channel-checks{display:flex;gap:24px;padding:9px 0 0}.channel-checks label,.checkbox-line{display:flex;align-items:center;gap:7px;font-weight:400;color:#758879}input[type=checkbox]{accent-color:var(--teal);width:15px;height:15px;margin:0}.checkbox-line{font-size:10px}.pdf-loaded{display:flex;align-items:center;gap:13px;background:#edf5ed;border:1px solid #dce8da;border-radius:8px;padding:13px}.pdf-loaded>span{font-size:25px;color:#729569}.pdf-loaded>div{flex:1;min-width:0}.pdf-loaded b{display:block;font-size:12px;overflow-wrap:anywhere}.pdf-loaded small{display:block;font-size:10px;color:#8a9c86}.error{color:#be5c4a;font-size:11px;margin-top:14px}.payment-balance{background:#eff5ee;border-radius:9px;text-align:center;padding:23px}.payment-balance span,.payment-balance small{display:block;color:#81957d;font-size:11px}.payment-balance strong{display:block;font-size:32px;margin:6px}.detail-customer{font-size:18px;margin-bottom:19px}.detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px;background:#f5f8f3;padding:20px;border-radius:9px;margin:18px 0}.detail-grid span{font-size:10px;display:block;color:#899b84}.detail-grid b{display:block;margin-top:3px;font-size:15px}.message-preview{font:12px/1.8 "Segoe UI",sans-serif;background:#f8f9f6;border:1px solid #e7ebe2;padding:16px;border-radius:8px;white-space:pre-wrap;overflow-wrap:anywhere}details{font-size:11px;margin-top:18px}pre{max-height:180px;overflow:auto;font-size:10px;white-space:pre-wrap}.toast{position:fixed;bottom:26px;left:50%;transform:translateX(-50%);background:var(--ink);color:white;padding:14px 22px;border-radius:9px;box-shadow:0 8px 30px #0002;font-size:12px;z-index:100;max-width:90vw}.login{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;background:#fff}.login-card{max-width:430px;margin:auto;padding:35px}.login-card>.brand-mark{margin-bottom:42px}.login-card h1{font-size:38px;line-height:1.2;margin:17px 0}.login-card form{margin:30px 0}.login-card form .button{width:100%;margin-top:7px}.login-art{background:var(--ink);color:#f4f0df;display:flex;flex-direction:column;justify-content:center;padding:12%;overflow:hidden}.login-art>p{font-size:55px;line-height:1.1;font-weight:300;letter-spacing:-2px}.art-invoice{background:#f4f5e9;border-radius:13px;padding:25px;color:var(--ink);transform:rotate(-5deg);margin-top:45px;min-width:290px;box-shadow:12px 15px 0 #e3a779}.art-invoice span{font-size:9px;letter-spacing:2px;color:#82927a}.art-invoice h2{margin:20px 0 10px;font-size:20px}.art-invoice b{color:var(--teal)}.art-invoice p{font-size:11px;color:#82927a}.detail-notes{white-space:pre-wrap;color:#73826f;font-size:12px}.text-link{color:var(--teal);font-size:11px;text-decoration:underline}
@media(min-width:1500px){.stats{gap:22px}.stat{padding:25px}.stat strong{font-size:32px}.content{padding-top:42px}}
@media(max-width:1100px){aside{width:200px;padding:26px 12px}.brand{font-size:16px;padding-left:6px;gap:8px}main{margin-left:200px;width:calc(100% - 200px)}.content{padding:26px 22px}header{padding:0 22px}.table-toolbar{align-items:flex-start;flex-direction:column}.table-tools{width:100%}.search{flex:1}.search input{width:100%}.stat{padding:17px 13px}.stat strong{font-size:23px}.stat>span{font-size:10px}.login-art>p{font-size:40px}}
@media(max-width:760px){aside{position:static;width:100%;padding:16px}.shell{display:block}.brand{padding:0 4px 15px}.sidebar-bottom{display:none}nav{display:flex;overflow-x:auto;gap:3px}.nav{white-space:nowrap;font-size:11px;padding:8px 10px;width:auto}.nav>span{display:none}main{margin:0;width:100%}header{height:58px;padding:0 17px}.connection-label{font-size:9px}.content{padding:23px 15px}.stats{grid-template-columns:repeat(2,1fr);gap:10px}.page-heading{align-items:flex-start}h1{font-size:27px}.page-heading>.button{font-size:10px;padding:9px 11px}.page-heading .muted{font-size:10px}.automation-card{gap:10px;flex-wrap:wrap;padding:15px}.automation-card>.button{margin-left:49px}.settings-grid{grid-template-columns:1fr}.tabs{overflow-x:auto;max-width:100%}.tabs button{font-size:10px;padding:7px}.form-grid{gap:13px}.dialog-actions{flex-wrap:wrap}.dialog-actions .button{flex:1}.notice{align-items:flex-start;flex-wrap:wrap}.notice button{margin-left:26px}.login{display:block}.login-art{display:none}.login-card{padding-top:80px}.login-card h1{font-size:33px}footer{padding:17px}.table-toolbar{padding:13px}dialog{padding:20px}.dialog-heading h2{font-size:21px}.table-scroll td{min-width:100px}}
.invoice-link{border:0;background:transparent;color:var(--teal);font-weight:650;padding:0;text-align:left}.detail-customer h3{margin:0 0 8px}.detail-customer p{font-size:12px;margin-top:9px}.detail-totals{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;background:#f2f6ef;border-radius:9px;padding:18px;margin-bottom:20px}.detail-totals small{display:block;color:var(--muted);font-size:10px}.detail-totals strong{font-size:20px}.activity-list p{border-bottom:1px solid var(--line);padding:9px 0;font-size:11px}.activity-list small{display:block;color:var(--muted);margin-top:4px}.reminder-detail{max-width:260px;min-width:180px}.badge.needsreview{background:#fceee9;color:#b25f48}.badge.duesoon{background:#fcf3df;color:#a78534}.dropzone.dragover{background:#e6f1e8;border-color:var(--teal)}.setup-guide{max-width:840px;margin:40px auto;background:white;border:1px solid var(--line);border-radius:14px;padding:40px;font-size:14px;line-height:1.8}.setup-guide h1{margin:25px 0}.setup-guide h2{margin:35px 0 15px}.setup-guide a{color:var(--teal);text-decoration:underline}.setup-guide code{background:#eef3ed;padding:3px 5px;overflow-wrap:anywhere}.setup-guide li{margin:12px 0}.setup-guide blockquote{border-left:3px solid var(--teal);padding:15px;background:#f2f6ef;margin-left:0}.setup-guide>.eyebrow{margin-top:30px}@media(max-width:600px){.detail-totals{grid-template-columns:1fr}.setup-guide{margin:12px;padding:22px}}