:root{--navy:#102e46;--navy2:#173e58;--mint:#1bc6a2;--ink:#19354b;--muted:#738495;--bg:#f3f6fa;--line:#e5ebf0;--purple:#7357cf}*{box-sizing:border-box}body{margin:0;font-family:Inter,Arial,Helvetica,sans-serif;color:var(--ink);background:var(--bg);font-size:14px;line-height:1.5}button,input,select{font:inherit}button,a,input,select,summary{outline-offset:4px}button{cursor:pointer;border:0}button:disabled{cursor:wait;opacity:.55}a{color:#167c77}h1,h2,h3,p{margin:0}h1{font-size:30px;line-height:1.25;letter-spacing:-1px}h2{font-size:19px;letter-spacing:-.4px}h3{font-size:16px}p{line-height:1.7}small{font-size:11px}.muted{color:var(--muted)}.small{font-size:12px}.gap{margin-top:24px}.eyebrow{font-size:10px;font-weight:800;letter-spacing:1.9px;color:#7a8b99;display:block;margin-bottom:9px}.primary,.secondary,.text-button{padding:11px 17px;border-radius:9px;font-weight:700;font-size:12px;transition:.15s}.primary{background:var(--mint);color:#073b39;box-shadow:0 3px 7px #13a88d18}.primary:hover{background:#13b794;transform:translateY(-1px)}.secondary{background:white;border:1px solid #dce4eb;color:#3b566b}.secondary:hover{border-color:#1bb698;background:#f0fcf9}.text-button{background:transparent;color:#26867c;padding:8px}.wide{width:100%}.inline{display:inline-block;text-decoration:none}.brand{display:flex;align-items:center;gap:10px;font-weight:800;font-size:22px;letter-spacing:-.8px;color:white;line-height:1.2}.brand img{width:39px;height:39px}.brand span{color:#50d9bb}.brand small{display:block;color:#93adbd;font-size:8px;letter-spacing:1.9px;font-weight:500;margin-top:5px}.shell{display:flex;min-height:100vh}#sidebar{position:fixed;inset:0 auto 0 0;width:238px;background:var(--navy);padding:30px 22px 22px;color:white;display:flex;flex-direction:column;z-index:30}#sidebar .brand{margin-bottom:43px}.nav-label{font-size:9px;letter-spacing:1.8px;color:#7e9cad;margin:0 13px 14px}nav{display:grid;gap:6px}nav button{text-align:left;color:#a7bdcc;background:none;display:flex;align-items:center;gap:12px;padding:12px 13px;border-radius:9px;font-size:12px;font-weight:600}nav button span{width:18px;font-size:20px;line-height:1}nav button:hover{background:#ffffff08;color:white}nav button.active{background:#1bc6a2;color:#093f3e;box-shadow:0 4px 15px #0001}.sidebar-note{border:1px solid #385367;background:linear-gradient(135deg,#204a60,#173c54);border-radius:13px;margin-top:38px;padding:17px 14px}.sidebar-note>span{font-size:21px;color:#51dbbb}.sidebar-note b{display:block;font-size:12px;margin:10px 0 5px}.sidebar-note small{color:#98b4c5;display:block;line-height:1.8}.powered{margin-top:auto;padding:30px 10px 0;font-size:8px;letter-spacing:1.5px;color:#7998ab}.powered strong{display:block;letter-spacing:0;font-size:11px;color:#c3d4df;margin-top:5px}.powered small{display:block;letter-spacing:0;margin-top:5px;font-size:10px}.workspace{margin-left:238px;flex:1;min-width:0}header{height:85px;background:#fff;border-bottom:1px solid var(--line);padding:0 35px;display:flex;align-items:center;justify-content:space-between;gap:15px}.workspace-title{font-weight:600;font-size:12px;display:flex;align-items:center;gap:10px}.dot{width:7px;height:7px;background:#19bc96;border-radius:50%;box-shadow:0 0 0 4px #1bc6a214}.header-right{display:flex;align-items:center;gap:22px}.date{color:#8a99a6;font-size:11px}.profile{display:flex;align-items:center;gap:10px;background:none;color:var(--ink);text-align:left;font-size:11px;font-weight:700}.profile small{display:block;color:#8595a3;font-weight:400;text-transform:capitalize;font-size:10px}.avatar{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#ecf2ff;color:#536ac1;font-size:14px}.icon-button{background:none;color:#7d90a0;font-size:23px}.content{max-width:1560px;margin:auto;padding:33px 35px 0}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:28px}.page-heading p{font-size:12px;color:#8493a0;margin-top:8px}.heading-actions{display:flex;gap:9px;flex-shrink:0}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;margin-bottom:25px}.stat{padding:21px;border:1px solid var(--line);border-radius:14px;background:white;min-height:150px;overflow:hidden}.stat>div{display:flex;align-items:center;justify-content:space-between;gap:9px}.stat>div>span{font-size:11px;font-weight:600}.stat i{font-style:normal;font-size:20px;opacity:.7}.stat h2{font-size:24px;letter-spacing:-.8px;margin:17px 0 8px;white-space:nowrap}.currency{font-size:.54em;letter-spacing:.3px;font-weight:600;opacity:.65}.stat small{opacity:.7;display:block;font-size:10px}.navy{background:linear-gradient(120deg,#153c55,#0c2b43);color:white;border-color:transparent}.mint{background:#ddf8ed;color:#176453;border-color:#ceeede}.lavender{background:#eeebfd;color:#65529a;border-color:#e4def9}.rose{background:#fff0f0;color:#a24e5d;border-color:#f6dddd}.balance-strip{display:flex;background:white;border:1px solid var(--line);border-radius:12px;padding:19px 8px;margin-bottom:30px;justify-content:space-around;gap:12px}.balance-strip>div{padding:0 20px;border-right:1px solid var(--line);flex:1}.balance-strip>div:last-child{border:0}.balance-strip span{display:block;color:#8694a0;font-size:10px;margin-bottom:5px}.balance-strip b{font-size:17px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:19px}.section-heading .eyebrow{margin-bottom:4px}.provider-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.provider-card{border:1px solid var(--line);border-top:3px solid var(--c);border-radius:13px;padding:21px;background:white;box-shadow:0 4px 14px #1c344504}.provider-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.provider-mark{width:39px;height:39px;border-radius:11px;background:var(--c);color:white;font-size:13px;font-weight:800;display:grid;place-items:center}.provider-card h3{margin-bottom:15px}.provider-card>small{color:#8c9aa7;font-size:10px}.provider-card h2{font-size:24px;margin-top:3px}.provider-card h3+.currency{margin-top:10px}.provider-card p{font-size:11px;color:#8b98a3;margin:12px 0}.provider-meta{border-top:1px solid #eff2f5;margin:17px 0 14px;padding-top:11px;display:flex;justify-content:space-between;gap:8px;color:#8a99a7;font-size:9px}.provider-card .secondary{font-size:10px;padding:9px}.inactive{opacity:.65}.badge{font-size:9px;font-weight:600;padding:4px 9px;border-radius:20px;background:#eff3f8;color:#8293a0;white-space:nowrap;display:inline-block}.badge.green{background:#e4f8ef;color:#2d9070}.badge.neutral{background:#f2f3f6;color:#8191a0}.panel{padding:25px;background:white;border-radius:14px;border:1px solid var(--line);min-width:0}.two-col{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(0,1fr);gap:22px}.table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:left;font-size:11px;white-space:nowrap}th{color:#93a0ad;font-weight:600;font-size:9px;text-transform:uppercase;letter-spacing:.6px;background:#f8fafc;padding:12px 13px;border-block:1px solid #edf1f5}td{padding:15px 13px;border-bottom:1px solid #edf1f5}td b{font-size:11px}td small{display:block;font-size:10px;color:#8b9aa6;margin-top:4px;max-width:200px;white-space:normal}td .secondary{padding:6px 10px}tr:last-child td{border-bottom:0}.steps>div:not(.section-heading){display:flex;gap:15px;align-items:flex-start;margin:23px 0}.steps>div>b{font-size:11px;background:#e9f7f2;color:#21957e;border-radius:10px;flex:0 0 33px;height:33px;display:grid;place-items:center}.steps strong{font-size:12px;display:block}.steps p small{font-size:11px;line-height:1.7;color:#8b99a7;display:block;margin-top:3px}.catalogue{display:flex;justify-content:space-around;flex-wrap:wrap;gap:25px}.catalogue>div{text-align:center;display:flex;flex-direction:column;align-items:center;gap:8px;min-width:90px}.catalogue .provider-mark{width:42px;height:42px}.catalogue b{font-size:12px}.catalogue small{font-size:9px;color:#8b99a7}.toolbar{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:20px}.empty{text-align:center;padding:34px 20px;color:#8997a3}.empty>span{font-size:30px;color:#b6cbd6}.empty h3{color:#4d6a7d;margin:12px 0 6px}.empty p{font-size:12px;max-width:380px;margin:auto}.notice{background:#eef8f5;color:#51766e;border:1px solid #def0ea;border-radius:10px;padding:16px;font-size:12px;line-height:1.8}.notice.danger{background:#fff0ef;border-color:#f5dedb;color:#a05a55;margin-bottom:20px}.red{color:#b4666a}.chart{display:flex;align-items:end;height:200px;gap:12px;padding:22px 0 0}.bar-col{display:flex;align-items:center;flex-direction:column;flex:1;height:100%;gap:7px}.bar-col>span{font-size:8px;color:#94a0ac}.bar-track{height:125px;width:100%;display:flex;align-items:flex-end}.bar{background:linear-gradient(#39c9b0,#b1e9d9);width:100%;border-radius:5px 5px 0 0;min-height:2px}.bar.negative{background:#e99398}.bar-col small{font-size:9px;color:#8a9aa7}.counter-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:25px}.counter-note h2{font-size:30px;margin:25px 0 3px}.counter-note>p{font-size:12px;color:#8795a2}.mini-providers{margin:25px 0}.mini-providers>div{display:flex;gap:9px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line);font-size:12px}.mini-providers b{margin-left:auto}.provider-dot{display:inline-block;background:var(--c);width:9px;height:9px;border-radius:3px}.type-switch{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:20px}.type-switch label{border:1px solid var(--line);border-radius:10px;padding:14px;color:#8294a2;font-weight:600;font-size:12px;cursor:pointer;display:block}.type-switch input{width:auto;position:absolute;opacity:0}.type-switch label:focus-within{outline:2px solid #218f7e}.type-switch small{display:block;font-size:10px;margin-top:5px;font-weight:400}.type-switch .chosen{border-color:#50c6ab;color:#1d8370;background:#eefaf6}form>label,details>label,.form-row>label{display:flex;flex-direction:column;gap:7px;font-size:11px;font-weight:600;margin-bottom:17px}input,select{height:44px;border:1px solid #dce4eb;border-radius:8px;padding:10px 12px;background:white;color:#294a60;width:100%;min-width:0}input:focus,select:focus{border-color:#24b59b;outline:2px solid #1bc6a217}input::placeholder{color:#acb6c0;font-size:12px}input.amount-input{height:66px;font-size:29px;font-weight:700;letter-spacing:-.8px}.provider-hint{font-size:11px;color:#7a939b;background:#f5f8fa;border-radius:7px;padding:10px 12px;margin:-8px 0 18px}details{margin:7px 0 20px}summary{color:#4f8e81;font-size:11px;cursor:pointer;margin-bottom:15px}.transaction-form>small{display:block;text-align:center;margin-top:13px;font-size:10px}.transaction-form .primary{height:47px}.form-error{color:#c04c56;font-size:12px;margin:10px 0;line-height:1.5}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}.filters{display:flex;flex-wrap:wrap;gap:12px;align-items:end;margin-bottom:15px}.filters>label{flex:1;min-width:120px;margin-bottom:0}.filters button{height:44px}.permission-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:25px}.permission-cards>div{padding:19px;border:1px solid #e0e8ef;background:#eaf0f7;border-radius:12px;font-size:12px}.permission-cards p{font-size:11px;color:#7c8d9c;margin-top:8px}.action-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.action-card{text-align:left;background:white;border:1px solid var(--line);border-radius:13px;padding:22px;color:var(--ink);transition:.2s}.action-card:hover{border-color:#1bc6a2;transform:translateY(-2px)}.action-card>span{font-size:24px;color:#349d8c;display:block;margin-bottom:13px}.action-card p{font-size:11px;color:#8c9aa6;margin:8px 0 20px}.action-card b{font-size:11px;color:#368e7c}.narrow{max-width:560px}.overlay{position:fixed;inset:0;background:#102e467d;backdrop-filter:blur(4px);z-index:60;display:flex;align-items:center;justify-content:center;padding:24px}.modal{width:550px;max-width:100%;max-height:92vh;overflow:auto;background:white;border-radius:17px;padding:28px;box-shadow:0 25px 100px #0003}.modal .notice{margin:12px 0 20px}.modal>div h2{font-size:20px}.modal form>p{margin:12px 0 18px}.close{background:#f2f6f9;border-radius:50%;height:31px;width:31px;font-size:21px;color:#8c9ca7}.menu{display:none;background:none;font-size:22px;color:var(--ink)}footer{font-size:9px;color:#9aa7b2;display:flex;justify-content:space-between;border-top:1px solid #e4eaf0;margin-top:40px;padding:21px 0;gap:15px}.auth{min-height:100vh;display:grid;grid-template-columns:1.05fr 1fr}.auth-story{background:radial-gradient(ellipse at 0 70%,#20566d66,transparent 65%),var(--navy);padding:45px 10%;color:white;display:flex;flex-direction:column;justify-content:space-between;min-height:100vh;position:relative;overflow:hidden}.auth-story::after{content:'';position:absolute;width:500px;height:500px;border:1px solid #95dfce12;border-radius:50%;right:-350px;top:20%;box-shadow:0 0 0 65px #9ef8df04,0 0 0 130px #9ef8df03;pointer-events:none}.auth-story>div:not(.brand){margin:65px 0}.auth-story .eyebrow{color:#78b9bd;letter-spacing:2px}.auth h1{font-size:55px;line-height:1.15;letter-spacing:-2px;margin:25px 0}.auth em{font-style:normal;color:#58dbb9}.auth-story p{color:#9db8c9;max-width:350px;font-size:13px}.auth-story>small{font-size:8px;color:#6f94ac;letter-spacing:1.7px}.story-cards{display:flex;gap:13px;margin-top:40px}.story-cards>div{border:1px solid #62839a50;border-radius:12px;background:#ffffff04;padding:17px;flex:1}.story-cards span{font-size:22px;color:#56cdb6}.story-cards b{display:block;font-size:11px;margin:11px 0 5px}.story-cards small{color:#8aa9bc;font-size:9px}.auth-form{display:flex;align-items:center;justify-content:center;padding:50px 35px;background:#fff}.login-box{max-width:360px;width:100%}.login-box h2{font-size:27px;line-height:1.3;letter-spacing:-.8px;margin:13px 0}.login-box>p{font-size:12px;margin-bottom:30px}.login-box form{margin-top:30px}.login-box form button{margin-top:10px;height:46px}.login-box .help{font-size:10px;line-height:2;text-align:center;margin:28px 0;color:#8d9ba7}.help a{text-decoration:none}.secure{text-align:center;font-size:9px;color:#9caab5;border-top:1px solid var(--line);padding-top:22px}.password-screen{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:30px;background:var(--navy);padding:25px}.password-screen .panel{max-width:490px;width:100%}.password-screen h1{font-size:25px;margin-bottom:15px}.password-screen p{font-size:12px;color:var(--muted);margin-bottom:20px}#toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,30px);opacity:0;pointer-events:none;z-index:100;background:#153c4f;color:white;padding:14px 24px;border-radius:10px;box-shadow:0 8px 30px #0002;font-size:12px;max-width:90%;transition:.2s}#toast.show{opacity:1;transform:translate(-50%,0)}#toast.bad{background:#a64550}.loading{padding:12vh 25px;text-align:center;color:#64858c}.loading h2{margin-bottom:20px}.loading button{padding:10px 20px;margin-top:20px}.password-screen .brand{margin-bottom:10px}@media(min-width:1600px){.content{padding-top:40px}.provider-card{padding:25px}}@media(max-width:1200px){#sidebar{width:210px;padding-inline:17px}.workspace{margin-left:210px}.content{padding:26px 24px 0}header{padding-inline:24px}.stats{gap:12px}.stat{padding:17px}.stat h2{font-size:21px}.provider-grid{gap:14px}.provider-card{padding:17px}.provider-card h2{font-size:22px}.two-col{grid-template-columns:1.4fr 1fr}.date{display:none}.brand{font-size:20px}}@media(max-width:980px){.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.provider-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.two-col,.counter-layout{grid-template-columns:1fr}.action-grid{grid-template-columns:repeat(2,1fr)}.balance-strip{flex-wrap:wrap}.balance-strip>div{flex:1 1 40%;margin:5px}.balance-strip>div:nth-child(2){border:0}.permission-cards{gap:10px}.auth h1{font-size:45px}.auth-story{padding-inline:9%}.story-cards{flex-direction:column}.story-cards>div{padding:12px}.story-cards span{display:none}}@media(max-width:760px){#sidebar{transform:translateX(-100%);transition:.2s;box-shadow:8px 0 30px #0002}#sidebar.open{transform:translateX(0)}.workspace{margin-left:0}header{height:69px;padding:0 18px}.menu{display:block}.workspace-title{margin-right:auto;font-size:11px}.header-right{gap:10px}.profile>span:last-child{display:none}.content{padding:24px 18px 0}.page-heading{flex-wrap:wrap;margin-bottom:22px}.page-heading h1{font-size:26px}.page-heading p{font-size:11px}.heading-actions{width:100%}.heading-actions button:last-child{flex:1}.stat{min-height:135px;padding:16px}.stat h2{font-size:23px}.provider-card h2{font-size:22px}.provider-grid{gap:13px}.provider-head{margin-bottom:16px}.panel{padding:19px}.balance-strip{padding:12px 0}.balance-strip>div{padding:0 12px}.balance-strip b{font-size:15px}.permission-cards{grid-template-columns:1fr}.action-grid{gap:13px}.auth{display:flex;flex-direction:column}.auth-story{min-height:auto;padding:24px}.auth-story>div:not(.brand){margin:20px 0 10px}.auth h1{font-size:33px;margin:10px 0 15px}.auth h1 br{display:none}.auth h1 em{display:block}.auth-story p{font-size:12px;max-width:none}.auth-story .eyebrow,.story-cards,.auth-story>small{display:none}.auth-form{padding:35px 24px;flex:1}.login-box{max-width:420px}.eyebrow{font-size:8px}footer{font-size:8px;flex-direction:column;gap:5px}.type-switch label{padding:11px;font-size:11px}}@media(max-width:400px){.provider-grid{grid-template-columns:1fr}.stat h2{font-size:19px}.stat>div>span{font-size:10px}.stat small{font-size:9px}.form-row{grid-template-columns:1fr}.action-grid{grid-template-columns:1fr}.currency{font-size:.5em}.profile{padding:0}.workspace-title{font-size:10px}.avatar{width:28px;height:28px}}@media print{#sidebar,header,.heading-actions,.toolbar,form,.text-button,button,footer,.notice{display:none!important}.workspace{margin:0}.content{padding:0}.panel,.stat{break-inside:avoid}.stats{grid-template-columns:repeat(2,1fr)}.table-scroll{overflow:visible}body{background:white;font-size:10px}table{font-size:9px;white-space:normal}.provider-grid{grid-template-columns:repeat(3,1fr)}.stat{color:#19354b;background:white}.page-heading{margin-top:0}td,th{padding:6px}}
.language-button{background:#eef5f8;color:#386379;font-size:10px;font-weight:700;border-radius:7px;padding:8px 11px}.low-alert{display:flex;align-items:center;gap:15px;border:1px solid #f2dcb6;background:#fff8e9;padding:13px 17px;border-radius:11px;margin-bottom:20px;font-size:11px;color:#936828}.low-alert span{flex:1}.saved-banner{display:flex;gap:10px;align-items:center;flex-wrap:wrap;background:#e6f8ee;border:1px solid #bde8d4;border-radius:9px;color:#267658;padding:12px;margin-bottom:16px;font-size:12px}.saved-banner small{flex-basis:100%;word-break:break-all}.quick-help{font-size:10px;color:#8399a4;line-height:2;margin-bottom:15px}.quick-help b{display:inline-block;background:#f2f6f9;border:1px solid #e3e9ef;border-radius:4px;padding:0 4px;margin:0 4px 0 9px;font-size:9px;color:#42667b}.entry-preview{display:flex;gap:7px;flex-wrap:wrap;background:#eff9f5;padding:12px;border-radius:8px;margin:0 0 15px;color:#49836f;font-size:11px}.entry-preview>span,.entry-preview>strong{flex-basis:100%}.entry-preview b{margin-right:13px}.entry-preview.danger{background:#fff0f0;color:#a24e5d}.count-fields{margin:18px 0}.count-row{display:grid;grid-template-columns:1fr 1.1fr;gap:10px;align-items:center;padding:13px 0;border-bottom:1px solid var(--line)}.count-row>div>small{display:block;font-size:10px;color:var(--muted);margin-top:4px}.count-row label{font-size:10px;margin:0;display:flex;flex-direction:column;gap:6px}.count-row output{grid-column:1/-1;text-align:right;font-size:11px}.green-text{color:#278760}.notice button{margin:10px 8px 0 0}.counter-note .notice{margin-top:20px}@media(max-width:760px){.low-alert{flex-wrap:wrap;gap:7px}.low-alert span{flex-basis:100%}.header-right{gap:7px}.language-button{padding:7px;font-size:9px}.workspace-title{max-width:42%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.count-row{grid-template-columns:1fr 1fr}.quick-help{font-size:9px}}

.auth-language{position:fixed;top:17px;right:20px;z-index:20}
.counter-layout>.panel{padding:21px}.counter-layout .section-heading{margin-bottom:13px}.transaction-form>label{margin-bottom:12px}.transaction-form .type-switch{margin-bottom:13px}.transaction-form .type-switch label{padding:10px}.transaction-form .type-switch small{margin-top:3px}.transaction-form input.amount-input{height:55px}.transaction-form .provider-hint{margin-bottom:12px}.transaction-form details{margin:5px 0 12px}.counter-layout .quick-help{margin-bottom:10px}.transaction-form summary{margin-bottom:10px}
