@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800&display=swap');
:root{--ink:#0F1E33;--muted:#64748B;--purple:#005780;--line:#E2E8F0;--paper:#F3F6FA;--green:#27816a;--rose:#AF5261}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:14px 'Poppins',Arial,sans-serif}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:4px}button{cursor:pointer}button{border:0}a{color:inherit}.layout{display:grid;grid-template-columns:236px 1fr;min-height:100vh}aside{background:white;border-right:1px solid var(--line);padding:35px 23px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.brand{display:flex;align-items:center;gap:11px;font:800 29px Poppins,Arial;letter-spacing:-1.3px}.mark{background:var(--ink);border-radius:12px;width:37px;height:37px;color:white;display:grid;place-items:center;letter-spacing:-4px;padding-right:4px;font-size:23px}.brand small{font:10px 'Poppins';color:var(--muted);display:block;letter-spacing:2px;margin-top:1px}.workspace{margin-top:41px;padding:14px 10px;border:1px solid var(--line);border-radius:12px;display:flex;gap:10px;align-items:center}.avatar{background:#E6EFF6;border-radius:10px;padding:10px;color:var(--purple);font-weight:700}.tiny{font-size:11px;color:var(--muted);margin-top:5px}.navlabel{font-size:10px;letter-spacing:1.8px;color:#a3a0af;margin:32px 12px 13px}.nav{display:flex;flex-direction:column;gap:6px}.nav button{background:transparent;border-radius:9px;display:flex;align-items:center;gap:12px;text-align:left;padding:13px;color:#797688}.nav button.active{background:#E6EFF6;color:#005780;font-weight:700}.nav button:hover{background:#F0F5F9}.icon{width:19px;height:19px;display:inline-flex;flex-shrink:0}.nav .count{margin-left:auto;background:#D8E8F4;border-radius:6px;font-size:11px;padding:2px 7px}.sidebottom{margin-top:auto;padding-top:30px}.support{background:#F3F6FA;border-radius:12px;padding:17px;line-height:1.6}.support strong{font-size:12px}.support p{color:var(--muted);font-size:12px}.textbtn{background:none;color:var(--purple);padding:0;font-size:12px}.user{display:flex;gap:10px;align-items:center;margin-top:22px;padding-top:20px;border-top:1px solid var(--line)}.main{min-width:0}.topbar{height:83px;border-bottom:1px solid var(--line);padding:0 44px;display:flex;align-items:center;justify-content:space-between;background:#fff}.breadcrumbs{font-size:12px;color:var(--muted)}.breadcrumbs span{color:var(--ink);margin-left:10px}.topright{display:flex;gap:15px;align-items:center}.mode{background:#F0F4F8;padding:5px;border-radius:9px;display:flex;gap:3px}.mode button{background:transparent;color:var(--muted);padding:7px 11px;font-size:12px;border-radius:6px}.mode button.selected{background:white;color:var(--ink);box-shadow:0 1px 5px #0F1E3312}.demo{font-size:10px;letter-spacing:1px;color:var(--purple);border:1px solid #DCE7F0;border-radius:5px;padding:5px 7px}.content{max-width:1390px;margin:auto;padding:35px 44px 20px}.pagehead{display:flex;justify-content:space-between;align-items:center;margin:0 0 27px;gap:15px}h1{font:700 27px Poppins,Arial;margin:0 0 8px;letter-spacing:-.8px}p{line-height:1.6}.subtitle{color:var(--muted);margin:0;font-size:13px}.actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.btn{border:1px solid var(--line);background:white;color:var(--ink);padding:11px 15px;border-radius:8px;display:inline-flex;gap:8px;align-items:center;justify-content:center;font-size:12px;font-weight:600}.btn.primary{background:var(--purple);border-color:var(--purple);color:white}.btn:hover{filter:brightness(.97)}.btn.green{background:#e5f2ec;color:var(--green);border-color:#cbe6d9}.month{background:white;padding:10px;border:1px solid var(--line);border-radius:8px;font-size:12px;color:var(--ink);max-width:170px}.hero{display:grid;grid-template-columns:1fr 260px;background:#E9F1F7;border:1px solid #DCE7F0;border-radius:15px;margin-bottom:24px;padding:26px 29px;position:relative;overflow:hidden}.eyebrow{font-size:10px;letter-spacing:1.7px;font-weight:700;color:#416D8E;margin-bottom:10px}.hero h2{font:700 21px Poppins,Arial;margin:0 0 10px;letter-spacing:-.5px}.hero p{max-width:500px;color:#5E7488;font-size:12px;margin:0 0 17px}.hero .btn{background:var(--ink);color:#fff;border-color:var(--ink)}.heroart{position:relative;display:flex;align-items:center;justify-content:center}.orb{position:absolute;background:#D3E4EF;width:177px;height:177px;border-radius:50%}.receipt{z-index:1;transform:rotate(9deg);background:white;width:112px;padding:18px 14px;border-radius:8px;box-shadow:0 12px 30px #0B2A4D1C}.receipt .line{height:5px;background:#DBE8F2;margin:8px 0}.receipt .line.short{width:60%}.receipt .total{border-top:1px dashed #C3D7E7;padding-top:10px;font-size:15px;font-weight:700}.tick{position:absolute;z-index:2;background:#d5e8dd;color:#33715b;padding:10px;border:5px solid #E9F1F7;border-radius:50%;right:44px;bottom:13px;font-size:23px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:24px 0}.stat{background:white;border:1px solid var(--line);border-radius:12px;padding:20px}.stat .label{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:var(--muted);gap:10px}.stat .label .icon{padding:7px;width:32px;height:32px;border-radius:9px;background:#EAF1F7;color:#487DA0}.stat .value{font:700 25px Poppins;margin:15px 0 8px;letter-spacing:-.8px}.stat .caption{color:var(--muted);font-size:10px}.stat .value .unit{font-size:11px;letter-spacing:0;color:#a19aa9;margin-right:4px}.stat.profit{border-color:#C7DEEC;background:#EAF3F9}.split{display:grid;grid-template-columns:minmax(0,1fr) 306px;gap:22px}.panel{background:white;border:1px solid var(--line);border-radius:13px;overflow:hidden;margin-bottom:22px}.panelhead{padding:21px 23px;display:flex;justify-content:space-between;align-items:center;gap:12px;border-bottom:1px solid #E9EFF5}.panelhead h2{font:700 14px Poppins;margin:0}.sub{color:var(--muted);font-size:11px;margin-top:6px}.panelbody{padding:23px}.status{border-radius:5px;padding:5px 8px;font-size:10px;white-space:nowrap;display:inline-block;background:#fff4df;color:#ad8645}.status.approved{background:#edf5ef;color:#478263}.status.needs-info{background:#fbebed;color:#b36d7c}.status.pending{background:#E8F0F7;color:#376D92}table{width:100%;border-collapse:collapse;font-size:12px}th{text-align:left;font-size:10px;font-weight:500;color:#708399;background:#FAFCFE;padding:13px 22px;border-bottom:1px solid var(--line)}td{padding:17px 22px;border-bottom:1px solid #EAF0F5;vertical-align:middle}tr:last-child td{border:0}.docname{display:flex;gap:12px;align-items:center}.fileicon{background:#EAF1F7;color:#5D84A0;width:33px;height:38px;border-radius:7px;display:grid;place-items:center;flex-shrink:0}.docname strong{font-size:12px;font-weight:500;display:block}.docname small{font-size:10px;color:#708399;display:block;margin-top:5px}.number{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}.tablewrap{overflow:auto}.panel .textbtn{white-space:nowrap}.reminderdate{display:flex;gap:12px;align-items:center;padding:16px 0}.calendar{background:#EAF1F7;border-radius:9px;padding:10px 12px;text-align:center;color:#416D8E;font-size:11px}.calendar b{display:block;font-size:20px;margin-top:3px}.reminderdate strong{font-size:12px}.reminderdate p{font-size:11px;color:var(--muted);margin:5px 0}.dashed{border-top:1px dashed var(--line);margin:13px 0}.progresshead{display:flex;justify-content:space-between;font-size:11px;color:var(--muted);margin:13px 0}.progress{height:5px;background:#E9F0F6;border-radius:5px}.progress span{display:block;height:100%;background:#4288AD;border-radius:5px}.notice{font-size:11px;color:var(--muted);line-height:1.7}.dots{display:flex;gap:9px;align-items:flex-start;margin:14px 0;color:var(--muted);font-size:11px}.dots:before{content:'';display:block;width:6px;height:6px;background:#3C85AB;border-radius:50%;margin-top:5px;flex-shrink:0}.foot{display:flex;justify-content:space-between;gap:10px;color:#aaa5b3;font-size:10px;margin:12px 0 10px}.foot button{font-size:10px}.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:18px}label{font-size:12px;color:#6f687b;display:block;margin-bottom:8px}input:not([type=file]),select,textarea{width:100%;padding:12px;border:1px solid #DCE5ED;border-radius:8px;background:white;color:var(--ink)}textarea{min-height:90px;resize:vertical}.full{grid-column:1/-1}.uploadbox{border:1.5px dashed #9EBFD4;border-radius:12px;background:#F5F9FC;padding:28px;text-align:center;position:relative}.uploadbox input{max-width:100%;font-size:12px;margin-top:15px}.uploadbox h3{font:700 16px Poppins;margin:12px 0 6px}.uploadbox p{font-size:12px;color:var(--muted)}.uploadicon{color:var(--purple);display:flex;justify-content:center}.uploadicon .icon{width:30px;height:30px}.helper{font-size:11px;color:var(--muted);line-height:1.7;margin-top:8px}.empty{padding:45px;text-align:center;color:var(--muted)}.reviewcard{display:grid;grid-template-columns:290px 1fr;gap:25px}.preview{background:#EFF5F9;border-radius:10px;padding:23px;min-height:260px;display:flex;flex-direction:column;gap:16px;justify-content:center;align-items:center;text-align:center;overflow:hidden}.preview img{max-width:100%;max-height:300px;object-fit:contain}.preview p{font-size:12px;color:var(--muted)}.pnlrow{display:flex;justify-content:space-between;gap:12px;padding:14px 0;border-bottom:1px solid var(--line);font-size:13px}.pnlrow.total{font-weight:700;border-bottom:2px solid #C3D7E7}.pnlrow.net{background:#E5EFF7;margin:15px -15px 0;padding:18px 15px;border:0;border-radius:8px}.barrow{margin:0 0 20px}.barlabel{display:flex;justify-content:space-between;font-size:12px;margin-bottom:9px}.bartrack{height:8px;background:#EAF1F7;border-radius:5px}.bartrack span{height:100%;background:#4D8BAC;border-radius:5px;display:block}dialog{border:1px solid var(--line);border-radius:16px;max-width:600px;width:calc(100% - 30px);padding:25px;box-shadow:0 15px 60px #0B2A4D22}dialog::backdrop{background:#0B2A4D55;backdrop-filter:blur(3px)}dialog h2{font:700 20px Poppins;margin:0 0 8px}.dialogtop{display:flex;justify-content:space-between}.close{background:#EAF1F7;border-radius:20px;padding:7px 11px;color:var(--muted)}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:var(--ink);color:white;padding:14px 22px;border-radius:10px;z-index:10;display:none;box-shadow:0 8px 30px #0B2A4D22;max-width:90vw}#toast.show{display:block}.mobilebrand{display:none}.banner{background:#fff9e9;border:1px solid #f0e6c9;color:#8c794b;padding:12px 16px;border-radius:8px;font-size:11px;margin-bottom:20px}.reminderform{max-width:690px}.linkrow{display:flex;gap:12px;flex-wrap:wrap}.filelist{margin-top:12px;font-size:12px;color:var(--purple)}button:disabled{opacity:.5;cursor:not-allowed}.danger{color:#AF5261}.viewrow{cursor:pointer}.viewrow:hover{background:#F5F9FC}.filter{display:flex;gap:10px;padding:16px 23px}.filter select{width:auto;padding:8px 12px;font-size:12px}.wide{width:100%}
@media(min-width:1450px){.content{padding-top:43px}.hero{padding:30px}.stat{padding:25px}}
@media(max-width:1150px){.layout{grid-template-columns:200px 1fr}aside{padding:30px 16px}.content{padding:28px}.topbar{padding:0 28px}.split{grid-template-columns:minmax(0,1fr) 270px}.stats{gap:12px}.stat{padding:16px}.stat .value{font-size:21px}.hero{grid-template-columns:1fr 190px}.tick{right:15px}td,th{padding:15px}.reviewcard{grid-template-columns:230px 1fr}}
@media(max-width:900px){.layout{grid-template-columns:175px 1fr}.split{grid-template-columns:1fr}.stats{grid-template-columns:repeat(2,1fr)}.sidebottom .support{display:none}.heroart{display:none}.hero{grid-template-columns:1fr}.reviewcard{grid-template-columns:1fr}.preview{min-height:170px}.topright{gap:6px}.demo{display:none}}
@media(max-width:640px){.layout{display:block}aside{position:static;height:auto;padding:17px 18px 0;border-bottom:1px solid var(--line)}.brand{font-size:25px}.brand small{display:none}.workspace,.navlabel,.sidebottom{display:none}.nav{flex-direction:row;margin-top:16px;overflow:auto;gap:3px;padding-bottom:10px}.nav button{font-size:11px;gap:6px;padding:9px 10px;white-space:nowrap}.nav button .icon{width:15px;height:15px}.nav .count{padding:1px 5px}.topbar{height:65px;padding:0 18px}.breadcrumbs{font-size:11px}.mode button{font-size:11px;padding:6px 8px}.content{padding:24px 18px}.pagehead{align-items:flex-start;flex-direction:column;gap:18px}h1{font-size:24px}.hero{padding:23px}.hero h2{font-size:19px}.stats{gap:10px}.stat{padding:15px}.stat .value{font-size:22px}.stat .label .icon{display:none}.stat .label{font-size:11px}.stat .caption{font-size:10px}.split{gap:0}.panelhead{padding:18px}.panelbody{padding:18px}.formgrid{grid-template-columns:1fr}.full{grid-column:auto}.foot{line-height:1.8;flex-direction:column}.hero p{font-size:12px}.tablewrap table{min-width:550px}.reportgrid{display:block}.reviewcard{gap:18px}.panel{border-radius:11px}.topbar .breadcrumbs span{margin-left:4px}.barlabel{font-size:11px}.preview{padding:16px}.actions .btn{padding:10px 12px}.filter{padding:14px}.pnlrow{font-size:12px}}

/* Fintac brand identity */
.fintac-brand{display:flex;flex-direction:column;align-items:flex-start;gap:13px;letter-spacing:normal}.fintac-brand img{display:block;width:100%;max-width:190px;height:auto;object-fit:contain}.fintac-brand .app-name{font:700 15px Poppins,Arial,sans-serif;color:#005780;letter-spacing:-.2px}.powered-by{color:#586b7c}.powered-by strong{font-weight:700;color:#005780}.foot{flex-wrap:wrap;align-items:center;row-gap:9px}.workspace{margin-top:29px}@media(max-width:640px){.fintac-brand{flex-direction:row;align-items:center;justify-content:space-between;width:100%;gap:16px}.fintac-brand img{width:159px;max-width:48%;height:auto}.fintac-brand .app-name{font-size:14px;white-space:nowrap}.foot{align-items:flex-start}}

.capture-actions{display:flex;justify-content:center;gap:12px;margin:20px 0 12px}.capture-input{display:none}.capture-preview:empty{display:none}.capture-preview{display:flex;flex-direction:column;align-items:center;gap:12px;margin-top:16px}.capture-preview img{max-width:100%;max-height:220px;object-fit:contain;border:1px solid var(--line);border-radius:8px;background:white}.capture-preview .textbtn{padding:6px}@media(max-width:360px){.capture-actions{flex-direction:column}}

/* Fintac Simple Accountant brand */
.fintac-brand{gap:0;min-height:48px;justify-content:center}.fintac-brand img{width:100%;max-width:198px;height:auto}.powered-by a{text-decoration:none}.powered-by a:hover{text-decoration:underline}.hero{background:linear-gradient(110deg,#0B2A4D,#0F3D6E);border-color:#0F3D6E}.hero h2{color:#FFFFFF}.hero .eyebrow{color:#9BC9E3}.hero p{color:#D0E0ED}.hero .btn{background:#FFFFFF;color:#0B2A4D;border-color:#FFFFFF}.orb{background:#FFFFFF12}.tick{border-color:#0F3D6E}.receipt{box-shadow:0 12px 30px #00000022}.receipt .total{color:#0B2A4D}.stat .value{font-size:24px}.stat.profit .value{color:#005780}.nav button.active{box-shadow:inset 3px 0 0 #005780}.topbar{border-top:3px solid #0B2A4D}.btn.primary{box-shadow:0 3px 8px #00578012}@media(max-width:640px){.fintac-brand{justify-content:flex-start;min-height:50px}.fintac-brand img{width:238px;max-width:85%;height:auto}.stat .value{font-size:21px}}

/* Refreshed ribbon identity */
.fintac-brand img{max-width:204px;width:100%;height:auto}.fintac-brand{min-height:69px}.btn.primary{background:#087F81;border-color:#087F81}.nav button.active{color:#087F81;box-shadow:inset 3px 0 0 #087F81;background:#E8F5F3}.hero{background:linear-gradient(110deg,#123E55,#165B68);border-color:#123E55}.hero .eyebrow{color:#ECC47D}.stat.profit{background:#EBF6F3;border-color:#CCE5DF}.stat.profit .value{color:#087F81}.progress span{background:#11A8A0}.bartrack span{background:#11A8A0}@media(max-width:640px){.fintac-brand{min-height:65px}.fintac-brand img{width:255px;max-width:85%;height:auto}}

.optional-details{padding:16px;border:1px solid var(--line);border-radius:10px;margin:16px 0}.optional-details summary{cursor:pointer;font-weight:600;color:#087F81}.ai-choice{display:flex;gap:10px;align-items:center;line-height:1.6;margin-top:20px}.ai-choice input[type=checkbox]{width:18px;height:18px;flex-shrink:0;padding:0}.accountant-layout .topbar{border-top:4px solid #E7AD48}.accountant-layout .workspace{background:#F3F6FA}.client-layout .hero h2{max-width:650px}