@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700;800&display=swap');*{box-sizing:border-box}:root{--ink:#18324b;--muted:#71899c;--line:#cce4f2}body{margin:0;min-height:100vh;color:var(--ink);font:14px Inter,sans-serif;background:radial-gradient(circle at 75% 0,#d8f7ff,transparent 30%),linear-gradient(145deg,#edf8ff,#fbfdff 60%,#e6f5ff);display:grid;grid-template-columns:235px 1fr}aside{padding:25px 14px;background:#f8fdffb8;border-right:1px solid #c7e4f2;backdrop-filter:blur(24px);display:flex;flex-direction:column;min-height:100vh}.brand{padding:8px 10px 28px;color:#149fd0;font-size:18px}.brand b{color:#1d527d;margin-left:7px}.brand small{display:block;color:#8ba4b6;font-size:7px;letter-spacing:1.7px;margin:5px 0 0 25px}nav{display:grid;gap:5px}nav a{padding:12px 14px;color:#718b9f;border-radius:11px;cursor:pointer;font-weight:600}nav a.on,nav a:hover{color:#116ebc;background:#fff;border:1px solid #cbe9f7;box-shadow:0 7px 20px #5b9fc716}.sidefoot{margin-top:auto;padding:12px;color:#22a879;font-size:9px;font-weight:800}.sidefoot small{display:block;color:#91a6b5;margin-top:6px}main{padding:38px clamp(22px,4vw,60px);max-width:1450px;width:100%}header{display:flex;align-items:center;gap:20px;margin-bottom:30px}.menu{display:none}.eyebrow{font-size:9px;color:#1396c7;font-weight:800;letter-spacing:1.6px}h1{font-size:29px;margin:6px 0}header p{margin:0;color:var(--muted)}.user{margin-left:auto;display:flex;align-items:center;gap:10px}.user small{display:block;color:#8ba0b0;font-size:9px}.avatar{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#e3f7ff;border:1px solid #bde2f4;color:#168bc2;font-weight:800}.logout,.soft{border:1px solid #c5e5f4;background:#ffffffb8;color:#257ca9;border-radius:10px;padding:9px 12px;cursor:pointer}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.stats article,.glass,.integration{background:#ffffffb8;border:1px solid #cce5f2;border-radius:17px;box-shadow:0 14px 35px #4685a614,inset 0 1px #fff;backdrop-filter:blur(20px)}.stats article{padding:19px}.stats span{font-size:8px;color:#7895a9;font-weight:800}.stats b{display:block;font-size:23px;margin:7px 0}.stats small{color:#8ba0b0;font-size:9px}.ok{color:#20a879}.sectionhead{display:flex;justify-content:space-between;align-items:end;margin:28px 0 13px}h2{font-size:16px;margin:5px 0}.cards{display:grid;grid-template-columns:1fr 1fr;gap:13px}.integration{display:flex;align-items:center;gap:14px;padding:18px}.serviceicon{width:40px;height:40px;border-radius:12px;background:#e1f6ff;display:grid;place-items:center;color:#148bc0;font-weight:800}.integration>div:nth-child(2){flex:1}.integration h3{margin:0 0 5px}.integration p{margin:0;color:#7891a4;font-size:10px}.integration span{display:block;color:#d29331;font-size:8px;font-weight:800;margin-top:10px}.integration>b{color:#9db8c8;font-size:20px}
.twocol{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin-top:25px}.panel{padding:20px}.app{display:flex;align-items:center;gap:12px;padding:14px 0;border-top:1px solid #dbeaf2;color:#148bc0}.app div{flex:1;color:var(--ink)}.app small{display:block;color:#849cab;margin-top:4px}.app>span{font-size:7px;color:#4285a9}.empty{text-align:center;color:#9ab0bd;padding:25px}.empty b{display:block;color:#587488;margin-top:9px}.empty p{font-size:10px}.placeholder{display:none;place-items:center;text-align:center;min-height:55vh;padding:40px}.placeholder>div{font-size:40px;color:#36acd1}.placeholder p{color:var(--muted)}.loginbody{display:block;background:radial-gradient(circle at 20% 20%,#c9f4ff,transparent 30%),linear-gradient(145deg,#eefaff,#fff);overflow:hidden}.login{min-height:100vh;display:grid;grid-template-columns:1fr 430px;align-items:center;gap:8vw;max-width:1100px;margin:auto;padding:40px}.loginbrand .logo{font-size:40px;color:#16a8d1}.loginbrand>span,.tag{font-size:9px;color:#1396c7;font-weight:800;letter-spacing:2px}.loginbrand h1{font-size:46px;margin:12px 0}.loginbrand h1 b{color:#13a1ce}.loginbrand p{max-width:500px;color:#6d8799;font-size:16px;line-height:1.6}.feature{margin:18px 0;color:#52758d}.loginbox{padding:34px}.loginbox h2{font-size:25px;margin:12px 0 4px}.loginbox p{color:#8199a9}.loginbox label{display:block;font-size:10px;font-weight:800;color:#638298;margin:18px 0 7px}.loginbox input{width:100%;padding:13px;border:1px solid #c6e1ef;border-radius:11px;background:#fafdff;color:#23445c;outline:none}.loginbox button{width:100%;border:0;border-radius:11px;padding:13px;margin-top:20px;background:linear-gradient(135deg,#1caee0,#1978dc);color:#fff;font-weight:800}.loginbox button b{float:right}.loginbox>small{display:block;text-align:center;color:#9aafbc;margin-top:20px}#err{display:none;color:#d34d5d;font-size:10px;margin-top:10px}.orb{position:fixed;border-radius:50%;filter:blur(2px);opacity:.35}.o1{width:300px;height:300px;background:#91e9ff;top:-100px;right:-70px}.o2{width:230px;height:230px;background:#b8d8ff;bottom:-90px;left:-70px}@media(max-width:850px){body{display:block}aside{position:fixed;z-index:10;left:-250px;width:235px;transition:.2s;background:#f8fdfff2}.navopen aside{left:0;box-shadow:15px 0 40px #5c829933}main{padding:25px 18px}.menu{display:block}.stats{grid-template-columns:1fr 1fr}.cards,.twocol{grid-template-columns:1fr}.login{grid-template-columns:1fr;max-width:500px}.loginbrand{display:none}}@media(max-width:520px){header{align-items:flex-start}.user>div:nth-child(2){display:none}.stats{grid-template-columns:1fr 1fr}.login{padding:22px}.loginbox{padding:25px}}
/* Aero balanced contrast v2 */
:root{--ink:#102b42;--muted:#526f84;--line:#9fc8dd}body{background:radial-gradient(circle at 76% -8%,#b7e6f1 0,transparent 32%),radial-gradient(circle at 15% 90%,#c7dfea 0,transparent 30%),linear-gradient(145deg,#d7e8ef,#edf4f7 55%,#d4e6ed);color:var(--ink)}aside{background:linear-gradient(180deg,#d8e9f0e8,#c9dde6e8);border-right:1px solid #94bdcf;box-shadow:8px 0 28px #315c7214}.brand b{color:#153f60}.brand small{color:#5e7c91}nav a{color:#456a83}nav a.on,nav a:hover{color:#075f99;background:#edf8fbe6;border-color:#8bc8e1;box-shadow:0 8px 22px #346c891c}.sidefoot small{color:#557489}header p{color:#526f84}.user small{color:#56748a}.avatar{background:linear-gradient(145deg,#edfaff,#badde9);border-color:#83bfd6;color:#087aaa}.logout,.soft{background:#eaf5f9d9;border-color:#91c7dc;color:#075f99;box-shadow:0 5px 16px #346c8912}.stats article,.glass,.integration{background:linear-gradient(145deg,#f3f8fae8,#dcebf0e8);border-color:#9bc8da;box-shadow:0 13px 30px #315e751c,inset 0 1px #ffffff}.stats span{color:#52758d}.stats small{color:#59768a}.stats b{color:#12344e}.stats .ok{color:#087d62}.eyebrow{color:#007fae}.integration p{color:#58758a}.integration span{color:#a96208}.serviceicon{background:linear-gradient(145deg,#d9f3f8,#b9deea);border:1px solid #a3cfdd;color:#057fae}.integration>b{color:#668da4}.app small{color:#58758a}.empty{color:#67869a}.empty b{color:#294d66}.placeholder p{color:#526f84}.loginbody{background:radial-gradient(circle at 18% 18%,#a9dbe8,transparent 32%),linear-gradient(145deg,#d8e8ee,#edf4f7)}.loginbox{background:linear-gradient(145deg,#f4f9faef,#dbeaf0ef)}.loginbox p,.loginbrand p{color:#4d6b80}.loginbox input{background:#edf5f7;border-color:#91bdcf;color:#16374e}.feature{color:#315b75}@media(max-width:850px){aside{background:linear-gradient(180deg,#d8e9f0fa,#c9dde6fa)}}
:root{--accent:#168fbd}.settings{display:none;grid-template-columns:220px 1fr;gap:14px}.settingsnav,.appearance{padding:22px}.settingsnav b{display:block;margin-bottom:18px}.settingsnav button{width:100%;text-align:left;border:0;border-radius:10px;padding:11px;background:transparent;color:var(--ink)}.settingsnav .seton{background:color-mix(in srgb,var(--accent) 12%,transparent);color:var(--accent);font-weight:700}.appearance>p{color:var(--muted)}.appearance>label{display:block;font-size:10px;font-weight:800;margin:25px 0 9px;color:var(--muted)}.themes{display:flex;gap:8px}.themes button{border:1px solid var(--line);background:#e8f2f6;color:var(--ink);padding:11px 18px;border-radius:11px;cursor:pointer}.themes button.selected{border-color:var(--accent);color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 12%,transparent)}.colors{display:flex;gap:10px;align-items:center}.colors button,.colors input{width:34px;height:34px;border-radius:50%;border:3px solid #eef6f8;background:var(--c);box-shadow:0 0 0 1px #91b5c5;cursor:pointer;padding:0}.colors input{overflow:hidden}.appearance>small{display:block;color:var(--muted);margin-top:25px}body{--accent-rgb:22,143,189}.eyebrow,.brand,.serviceicon{color:var(--accent)}nav a.on,nav a:hover{color:var(--accent)}.soft{color:var(--accent)}body.dark{--ink:#dceaf2;--muted:#91aabd;--line:#355a6d;background:radial-gradient(circle at 75% 0,#173f52,transparent 32%),linear-gradient(145deg,#0b1822,#122632 60%,#0b1b26)}body.dark aside{background:linear-gradient(180deg,#102b39f2,#0d202cf2);border-color:#315366}body.dark .brand b{color:#d9edf6}body.dark nav a{color:#88a7ba}body.dark nav a.on,body.dark nav a:hover{background:#173849;border-color:#315f75}body.dark .stats article,body.dark .glass,body.dark .integration{background:linear-gradient(145deg,#183544e8,#112733e8);border-color:#315a6d;box-shadow:0 14px 30px #0003}body.dark .stats b,body.dark .integration h3,body.dark h1,body.dark h2{color:#e7f2f7}body.dark .serviceicon{background:#1a4252;border-color:#315f70}body.dark .themes button{background:#183846;color:#dceaf2;border-color:#355a6d}body.dark .avatar{background:#183f50;border-color:#376578}body.dark .logout,body.dark .soft{background:#173846;border-color:#376578}body.dark .app div{color:#dceaf2}@media(max-width:700px){.settings{grid-template-columns:1fr}.settingsnav{display:none}.themes{flex-wrap:wrap}}
/* Full accent theming v3 */
body:not(.dark){background:radial-gradient(circle at 78% -8%,color-mix(in srgb,var(--accent) 28%,white),transparent 34%),radial-gradient(circle at 10% 100%,color-mix(in srgb,var(--accent) 16%,#dce8ee),transparent 32%),linear-gradient(145deg,color-mix(in srgb,var(--accent) 12%,#e5edf1),#edf3f5 55%,color-mix(in srgb,var(--accent) 10%,#dce8ed))}body:not(.dark) aside{background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 13%,#e5eef2),color-mix(in srgb,var(--accent) 8%,#cfdee5));border-color:color-mix(in srgb,var(--accent) 42%,#a9bdc7)}body:not(.dark) .stats article,body:not(.dark) .glass,body:not(.dark) .integration{background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 5%,#f7fafb),color-mix(in srgb,var(--accent) 9%,#e0e9ed));border-color:color-mix(in srgb,var(--accent) 35%,#b6cbd5)}body:not(.dark) nav a.on,body:not(.dark) nav a:hover{background:color-mix(in srgb,var(--accent) 10%,#f5fafb);border-color:color-mix(in srgb,var(--accent) 48%,#b8d0da)}body:not(.dark) .serviceicon,body:not(.dark) .avatar{background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 14%,white),color-mix(in srgb,var(--accent) 25%,#dcebf0));border-color:color-mix(in srgb,var(--accent) 45%,#b5ccd6)}body:not(.dark) .logout,body:not(.dark) .soft,body:not(.dark) .themes button{background:color-mix(in srgb,var(--accent) 7%,#f2f7f9);border-color:color-mix(in srgb,var(--accent) 38%,#b5ccd6)}body.dark{background:radial-gradient(circle at 75% 0,color-mix(in srgb,var(--accent) 34%,#10202a),transparent 34%),linear-gradient(145deg,color-mix(in srgb,var(--accent) 12%,#09131b),#10222c 60%,color-mix(in srgb,var(--accent) 8%,#08141d))}body.dark aside{background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 18%,#0d202b),color-mix(in srgb,var(--accent) 10%,#0a1821));border-color:color-mix(in srgb,var(--accent) 38%,#294553)}body.dark .stats article,body.dark .glass,body.dark .integration{background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 15%,#142c38),color-mix(in srgb,var(--accent) 7%,#0e202a));border-color:color-mix(in srgb,var(--accent) 38%,#294b5a)}body.dark nav a.on,body.dark nav a:hover{background:color-mix(in srgb,var(--accent) 18%,#122b37);border-color:color-mix(in srgb,var(--accent) 50%,#315366)}body.dark .serviceicon,body.dark .avatar{background:color-mix(in srgb,var(--accent) 24%,#153441);border-color:color-mix(in srgb,var(--accent) 45%,#315667)}body.dark .logout,body.dark .soft,body.dark .themes button{background:color-mix(in srgb,var(--accent) 13%,#17323e);border-color:color-mix(in srgb,var(--accent) 40%,#315667)}.brand b,.stats .ok,.app,.settingsnav .seton,.themes button.selected{color:var(--accent)!important}.themes button.selected,.colors button.selected{border-color:var(--accent)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 22%,transparent)!important}
/* Solid background v4 */
body:not(.dark){background:#e3edf1}body.dark{background:#0e1d26}
.module{display:none}.tablebox{padding:8px 18px;overflow:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:14px 10px;border-bottom:1px solid var(--line);font-size:11px}th{font-size:8px;color:var(--muted);letter-spacing:.8px}.pill{padding:5px 8px;border-radius:10px;background:color-mix(in srgb,var(--accent) 12%,transparent);color:var(--accent);font-size:8px;font-weight:800}.integrationList{display:grid;gap:12px}.introw{padding:18px;display:grid;grid-template-columns:45px 1fr auto;gap:14px;align-items:center}.introw p{margin:4px 0;color:var(--muted);font-size:10px}.actions{display:flex;gap:7px}.modal{display:none;position:fixed;inset:0;background:#0a1b2677;z-index:30;place-items:center;padding:20px}.modalbox{width:min(520px,100%);padding:25px}.modalbox label{display:block;font-size:9px;font-weight:800;color:var(--muted);margin:14px 0 6px}.modalbox input,.modalbox select{width:100%;padding:11px;border:1px solid var(--line);border-radius:9px;background:color-mix(in srgb,var(--accent) 5%,#f5f8f9);color:#17364b}.modalactions{display:flex;justify-content:flex-end;gap:8px;margin-top:20px}@media(max-width:700px){.introw{grid-template-columns:40px 1fr}.introw .actions{grid-column:1/-1}}
.notice{position:fixed;inset:0;background:#07172266;z-index:50;display:grid;place-items:center;padding:20px;backdrop-filter:blur(4px)}.noticebox{width:min(440px,100%);padding:26px;text-align:center}.noticeicon{width:54px;height:54px;margin:0 auto 13px;border-radius:50%;display:grid;place-items:center;font-size:22px;background:color-mix(in srgb,var(--accent) 15%,transparent);color:var(--accent);border:1px solid color-mix(in srgb,var(--accent) 45%,var(--line))}.noticebox h3{margin:5px 0 8px;font-size:18px}.noticebox p{color:var(--muted);line-height:1.5;margin:0 0 18px}.noticebox details{text-align:left;margin:12px 0 18px;color:var(--muted);font-size:10px}.noticebox details div{padding:9px;margin-top:5px;border-radius:8px;background:#0000000c;font-family:monospace}.noticebox .soft{min-width:100px}.notice.error .noticeicon{color:#c34b57;background:#c34b5712;border-color:#c34b5755}.notice.success .noticeicon{color:#13835f;background:#13835f12;border-color:#13835f55}.notice.warning .noticeicon{color:#b26a13;background:#b26a1312;border-color:#b26a1355}
.policytabs{display:flex;gap:6px;margin:22px 0 12px}.policytabs button{flex:1;padding:10px;border:1px solid var(--line);border-radius:9px;background:transparent;color:var(--muted);cursor:pointer}.policytabs button.on{background:color-mix(in srgb,var(--accent) 13%,transparent);color:var(--accent);border-color:var(--accent)}.policybox{border:1px solid var(--line);border-radius:12px;padding:4px 14px}.policyrow{display:flex;align-items:center;gap:12px;padding:12px 2px;border-bottom:1px solid var(--line)}.policyrow:last-child{border:0}.policyrow div{flex:1}.policyrow b{display:block;font-size:11px}.policyrow small{color:var(--muted);font-size:8px}.toggle{width:38px;height:21px;border-radius:20px;background:#91a8b5;position:relative;cursor:pointer;border:0}.toggle:after{content:'';position:absolute;width:15px;height:15px;left:3px;top:3px;border-radius:50%;background:white;transition:.15s}.toggle.on{background:var(--accent)}.toggle.on:after{left:20px}.readonlynote{padding:10px 12px;border-radius:9px;background:#d38a1912;color:#a3650c;font-size:9px;margin:10px 0}
.clienttest{margin-top:14px;padding:15px;border:1px solid var(--line);border-radius:12px;background:color-mix(in srgb,var(--accent) 4%,transparent)}.clienttest h4{margin:0 0 4px}.clienttest>p{font-size:9px;color:var(--muted);margin:0 0 12px}.testline{display:flex;gap:7px}.testline input{flex:1}.clientresult{display:none;margin-top:12px;padding:12px;border-radius:10px;background:color-mix(in srgb,var(--accent) 7%,transparent);border:1px solid var(--line)}.clientresult .resultgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.resultitem small{display:block;color:var(--muted);font-size:8px;text-transform:uppercase}.resultitem b{font-size:10px;word-break:break-word}.resultempty{color:var(--muted);font-size:10px}.spin{opacity:.6;pointer-events:none}@media(max-width:600px){.testline{flex-direction:column}.clientresult .resultgrid{grid-template-columns:1fr}}
/* Responsive scrollable modal v5 */
.modal{overflow:hidden;padding:clamp(10px,2vh,20px);align-items:center}.modalbox{width:min(560px,100%);max-height:calc(100dvh - 32px);overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--accent) 55%,#8aa5b4) transparent}.modalbox::-webkit-scrollbar{width:7px}.modalbox::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--accent) 55%,#8aa5b4);border-radius:8px}.modalbox::-webkit-scrollbar-track{background:transparent}@media(max-height:760px){.modalbox{padding:18px;max-height:calc(100dvh - 20px)}.modalbox label{margin:9px 0 4px}.modalbox input,.modalbox select{padding:8px}.policytabs{margin:14px 0 8px}.policytabs button{padding:8px}.policyrow{padding:8px 2px}.readonlynote{padding:7px 10px;margin:7px 0}.clienttest{margin-top:9px;padding:11px}.modalactions{margin-top:12px}}@media(max-width:600px){.modal{padding:8px;align-items:stretch}.modalbox{width:100%;max-height:calc(100dvh - 16px);padding:16px;border-radius:14px;margin:auto}.policytabs{position:sticky;top:-16px;z-index:2;padding:6px 0;background:color-mix(in srgb,var(--accent) 7%,#e8f0f3)}.policytabs button{font-size:10px;padding:8px 4px}}
.resultsection{margin-top:14px}.resultsection h5{margin:0 0 8px;font-size:11px}.contractcard{margin-top:8px;padding:12px;border:1px solid var(--line);border-radius:10px;background:color-mix(in srgb,var(--accent) 4%,transparent)}.contractcard>div:first-child{display:flex;justify-content:space-between;gap:10px;margin-bottom:10px}.contractcard>div:first-child small{color:var(--muted);font-size:8px}.contractcard>div:first-child b{font-size:10px}
.financehead{display:flex;justify-content:space-between;align-items:center;margin:7px 0;font-size:9px}.financehead span{color:var(--muted)}.invoicelist{display:grid;gap:7px}.invoice{display:grid;grid-template-columns:repeat(3,1fr) auto;gap:8px;align-items:center;padding:10px;border:1px solid var(--line);border-radius:9px;background:color-mix(in srgb,var(--accent) 3%,transparent)}.invoice small{display:block;color:var(--muted);font-size:7px;text-transform:uppercase}.invoice b{font-size:9px;word-break:break-word}.invoice .soft{padding:7px;font-size:8px}@media(max-width:600px){.invoice{grid-template-columns:1fr 1fr}.invoice .soft{width:100%}}
.supportsummary{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:8px 0}.supportsummary>div{padding:10px;border:1px solid var(--line);border-radius:9px;text-align:center}.supportsummary b{display:block;font-size:16px;color:var(--accent)}.supportsummary small{font-size:8px;color:var(--muted)}.ticketlist{display:grid;gap:7px}.ticket{display:grid;grid-template-columns:1fr 1fr 2fr 1fr;gap:8px;padding:10px;border:1px solid var(--line);border-radius:9px}.ticket small{display:block;color:var(--muted);font-size:7px;text-transform:uppercase}.ticket b{font-size:9px}@media(max-width:600px){.ticket{grid-template-columns:1fr 1fr}}
.teamdiag{display:grid;grid-template-columns:70px 1fr;gap:8px;padding:9px 2px;border-top:1px solid var(--line);font-size:9px}.teamdiag span{color:var(--muted)}
.oltgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:7px;margin-top:10px}.oltcard{padding:10px;text-align:left;border:1px solid var(--line);border-radius:9px;background:transparent;color:var(--text);cursor:pointer}.oltcard b,.oltcard small{display:block}.oltcard small{color:var(--muted);font-size:8px;margin-top:3px}.onubar{display:flex;justify-content:space-between;align-items:center;gap:8px;margin:12px 0 7px}.onubar>div{display:flex;gap:5px}.onubar input{padding:7px;min-width:220px}.onulist{display:grid;gap:7px}.onucard{display:grid;grid-template-columns:2fr 1fr 1.3fr 1.5fr 1fr 1fr 1fr 1.3fr;gap:7px;padding:9px;border:1px solid var(--line);border-radius:9px}.onucard small{display:block;color:var(--muted);font-size:7px;text-transform:uppercase}.onucard b{font-size:8px;word-break:break-word}@media(max-width:700px){.oltgrid{grid-template-columns:1fr}.onubar{display:block}.onubar>div{margin-top:7px}.onubar input{min-width:0;width:100%}.onucard{grid-template-columns:1fr 1fr}}
.financepage .sectionhead{align-items:end}.financepage .sectionhead p,.financesplit p{color:var(--muted);font-size:11px}.financecontrols,.financebar,.financepager{display:flex;align-items:center;gap:9px}.financecontrols input,.financebar input{padding:10px;border:1px solid var(--line);border-radius:9px;background:var(--surface,#fff);color:inherit}.financenote{margin:16px 0;padding:12px 15px;border:1px solid var(--line);border-radius:10px;font-size:11px;color:var(--muted)}.financestats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.financestat{padding:18px;border:1px solid var(--line);border-radius:14px;background:color-mix(in srgb,var(--accent) 4%,#fff)}.financestat small{display:block;font-size:10px;color:var(--muted)}.financestat b{display:block;margin-top:8px;font-size:21px;word-break:break-word}.financesplit{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:16px 0}.financesplit .panel{min-width:0}.financegroup{display:flex;justify-content:space-between;gap:10px;padding:10px 0;border-bottom:1px solid var(--line);font-size:11px}.financegroup span{overflow-wrap:anywhere}.financegroup b{white-space:nowrap}.financebar{justify-content:space-between;margin-bottom:15px}.financebar input{min-width:260px}.financebar button.on{background:var(--accent);color:#fff}.financeevents{overflow:auto}.financetable{width:100%;min-width:750px}.financetable td{font-size:11px}.financetable small{color:var(--muted)}.financepager{justify-content:flex-end;margin-top:14px;font-size:11px}@media(max-width:800px){.financestats{grid-template-columns:repeat(2,minmax(0,1fr))}.financesplit{grid-template-columns:1fr}.financebar,.financepage .sectionhead{flex-wrap:wrap}.financebar input{min-width:0;width:100%}}@media(max-width:500px){.financestats{grid-template-columns:1fr 1fr}.financestat b{font-size:16px}.financecontrols{width:100%}}
.financesplit .bankcard{grid-column:1/-1}.bankcard #financeBanks{font-size:17px;font-weight:700;color:var(--accent);margin-top:10px}
.financebar{flex-wrap:wrap}.financebar select{padding:10px;border:1px solid var(--line);border-radius:9px;background:var(--surface,#fff);color:inherit;min-width:170px;max-width:230px}.financebar select:disabled{opacity:.55}@media(max-width:760px){.financebar select{flex:1;min-width:145px}.financebar input{flex:1;min-width:180px}}