:root{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#14233c;background:#f3f6fb;font-synthesis:none;--navy:#121e35;--navy-2:#1c2c48;--teal:#17b9ae;--cyan:#0f8b9e;--line:#e5ebf2;--muted:#77869b;--white:#fff;--shadow:0 15px 45px rgba(18,38,70,.055)}
*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin-top:0}.hidden{display:none!important}.muted{color:var(--muted)}.overline,.eyebrow,.nav-label{font-size:10px;font-weight:800;letter-spacing:1.5px;color:#8a9ab1}.eyebrow{color:#228e97;margin-bottom:10px}.eyebrow.light{color:#80ddd4}.brand-mark{display:grid;place-items:center;flex-shrink:0;width:42px;height:42px;border-radius:14px;background:linear-gradient(135deg,#14cbba,#237bb2);color:#fff;font-size:24px;font-weight:850;box-shadow:0 12px 25px rgba(21,169,164,.17)}.brand-mark.large{width:64px;height:64px;border-radius:20px;font-size:35px}
.btn{border:1px solid var(--line);border-radius:12px;padding:11px 17px;display:inline-flex;gap:12px;align-items:center;justify-content:center;font-size:13px;font-weight:700;background:white;color:#253650;transition:.15s}.btn:hover{transform:translateY(-1px);box-shadow:0 6px 18px rgba(26,42,74,.08)}.btn.primary{border-color:transparent;background:linear-gradient(112deg,#13bba9,#119ab5);color:white}.btn.ghost{background:#f2f5f9}.btn.danger{color:#b33c4b;border-color:#f4d9de}.btn.small{font-size:12px;padding:8px 12px}.btn.full{width:100%}.icon-button{border:0;background:transparent;color:#60728c;width:39px;height:39px;border-radius:11px;display:grid;place-items:center;font-size:21px}.icon-button:hover{background:#edf3f8}.text-button{border:0;background:none;color:#068e9d;font-weight:750;font-size:12px;padding:10px}
.login-screen{min-height:100dvh;display:grid;grid-template-columns:minmax(350px,1.04fr) minmax(360px,1fr);background:#fff}.login-art{background:radial-gradient(circle at 78% 18%,rgba(44,202,189,.15),transparent 30%),linear-gradient(160deg,#132039,#0d2a43 72%,#103b4d);position:relative;overflow:hidden;padding:clamp(35px,6vw,110px);display:flex;align-items:center}.login-art::before,.login-art::after{content:"";position:absolute;width:460px;height:460px;border:1px solid rgba(162,240,234,.12);border-radius:50%;right:-150px;top:-180px}.login-art::after{width:600px;height:600px;right:-235px;top:-245px}.login-orb{position:absolute;bottom:-200px;left:-120px;width:500px;height:500px;border-radius:50%;background:radial-gradient(circle,rgba(27,178,164,.14),transparent 66%)}.login-art-content{position:relative;max-width:570px;z-index:1}.login-art h1{font-size:clamp(35px,4.1vw,62px);letter-spacing:-2px;line-height:1.1;font-weight:760;color:white;margin:25px 0}.login-art p{font-size:16px;color:#a9bfd1;line-height:1.75;max-width:440px}.login-pill{display:inline-block;padding:13px 18px;color:#d8f4f0;border:1px solid #4c6973;border-radius:50px;font-size:12px;margin-top:37px}.login-panel{display:flex;align-items:center;justify-content:center;padding:50px 34px}.login-form-wrap{width:min(100%,425px)}.login-panel h2{font-size:36px;letter-spacing:-1.4px;color:#182642;margin:13px 0}.login-panel p{font-size:14px;line-height:1.6}.login-form{margin-top:38px;display:grid;gap:13px}.login-form label{font-size:12px;font-weight:800}.password-wrap{display:flex;align-items:center;border:1px solid #d9e2eb;border-radius:12px;overflow:hidden}.password-wrap:focus-within{outline:2px solid #b8e7e4}.password-wrap input{border:0!important;outline:0!important;flex:1;min-width:0;padding:16px}.login-form .btn{margin-top:9px;padding:15px}.login-foot{display:block;margin-top:45px;font-size:11px;color:#a6b2c0}.login-mobile-brand{display:none;align-items:center;gap:12px;margin-bottom:40px}.login-mobile-brand b{font-size:20px;letter-spacing:2px}.form-error{font-size:12px;color:#c03545;min-height:16px;margin-top:14px}
.workspace{min-height:100dvh;display:flex}.sidebar{width:250px;flex:0 0 250px;position:sticky;top:0;height:100dvh;display:flex;flex-direction:column;background:linear-gradient(180deg,#14213a,#101b31);color:#b8c8da;padding:27px 15px;z-index:20;box-shadow:8px 0 35px rgba(18,29,48,.06)}.side-brand{display:flex;align-items:center;gap:12px;padding:1px 12px}.side-brand strong{display:block;color:white;font-size:22px;letter-spacing:3px;line-height:1.2}.side-brand span{font-size:10px;color:#99b9c8}.side-separator{margin:27px 10px;border-top:1px solid rgba(255,255,255,.08)}.nav-label{margin:8px 15px 10px;color:#667e99}.nav-separator{margin-top:23px}.nav{display:flex;flex-direction:column}.nav-link{width:100%;padding:13px 15px;display:flex;align-items:center;gap:12px;background:transparent;border:0;border-radius:11px;font-size:12px;font-weight:600;color:#a7b9cc;text-align:left}.nav-link:hover{background:#1e304c;color:white}.nav-link.active{background:linear-gradient(100deg,#1d4d66,#1a425d);color:#ecfffe;box-shadow:inset 3px 0 #20caba}.nav-icon{width:22px;height:18px;display:grid;place-items:center;font-size:18px;font-weight:400;color:#8eb8c9}.nav-link.active .nav-icon{color:#42dfc9}.sidebar-bottom{margin-top:auto;padding:16px 12px;border-top:1px solid rgba(255,255,255,.08);font-size:11px}.sidebar-bottom small{color:#6c839c}.sidebar-status{margin-bottom:12px}.online-dot{display:inline-block;width:7px;height:7px;background:#22c7a6;border-radius:50%;margin-right:7px;box-shadow:0 0 0 3px rgba(34,199,166,.1)}.app-column{flex:1;min-width:0}.topbar{height:77px;background:#fff;border-bottom:1px solid var(--line);padding:0 clamp(18px,2.6vw,42px);display:flex;align-items:center;justify-content:space-between;gap:20px}.top-left,.top-right{display:flex;align-items:center;gap:18px}.breadcrumbs{color:#8b99ac;font-size:10px;font-weight:800;letter-spacing:1px}.breadcrumbs span{margin:0 9px;color:#c9d2dc}.breadcrumbs b{color:#2c5267}.top-status{color:#6c8590;font-size:11px;font-weight:600}.profile-pill{display:flex;gap:10px;align-items:center;border:1px solid var(--line);border-radius:50px;background:#fff;padding:5px 12px 5px 5px;color:#2a3a51;font-weight:700;font-size:12px}.avatar{width:32px;height:32px;border-radius:50%;background:#def2f2;display:grid;place-items:center;color:#188b8c;overflow:hidden}.avatar img{height:100%;width:100%;object-fit:cover}.chev{color:#8ea1b4}.main-area{max-width:1700px;margin:0 auto;padding:35px clamp(17px,2.5vw,45px) 22px}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:24px}.page-heading h1{font-size:clamp(24px,2vw,30px);font-weight:760;letter-spacing:-1px;margin:0 0 7px}.page-heading p{font-size:13px;color:#7b8ca1;margin:0}.page-actions{display:flex;gap:9px;flex-wrap:wrap}.app-footer{text-align:center;color:#9eaebc;font-size:10px;padding:36px 0 10px}.app-footer span{margin:0 8px}
.metric-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin-bottom:18px}.metric-card,.panel{background:#fff;border:1px solid #e5ecf3;border-radius:18px;box-shadow:var(--shadow)}.metric-card{padding:22px;min-height:130px;position:relative;overflow:hidden}.metric-card::after{content:"";position:absolute;right:-15px;bottom:-32px;width:90px;height:90px;border-radius:50%;background:rgba(25,171,165,.035)}.metric-label{font-size:11px;font-weight:650;color:#74859b;display:flex;align-items:center;justify-content:space-between;gap:8px}.metric-icon{width:29px;height:29px;border-radius:10px;background:#e9f8f6;display:grid;place-items:center;color:#1b9d9b;font-size:17px}.metric-value{font-size:clamp(20px,2.2vw,28px);font-weight:780;letter-spacing:-1px;margin:14px 0 5px;white-space:nowrap}.metric-meta{font-size:11px;color:#91a0b0}.metric-card.negative .metric-icon{color:#cb5366;background:#fbedef}.metric-card.info .metric-icon{color:#3e84c8;background:#eaf4fd}.grid-two{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);gap:16px;margin:16px 0}.panel{padding:22px;min-width:0}.panel-heading{display:flex;align-items:start;justify-content:space-between;gap:12px;margin-bottom:22px}.panel-heading h2{font-size:15px;color:#1c2a44;margin:0 0 6px;font-weight:760}.panel-heading p{font-size:11px;color:#91a1b0;margin:0}.panel-tag{padding:6px 9px;border:1px solid #e7eff2;border-radius:8px;font-size:10px;color:#7e94a5}.chart-svg{display:block;width:100%;height:235px;overflow:visible}.chart-key{display:flex;align-items:center;gap:15px;flex-wrap:wrap;color:#77899d;font-size:11px;margin-bottom:15px}.chart-key i,.donut-legend i{width:9px;height:9px;display:inline-block;border-radius:3px;margin-right:5px}.chart-key .inc{background:#22b99d}.chart-key .out{background:#34597f}.chart-key .saldo{background:#72c9d2}.svg-grid{stroke:#e6edf4;stroke-width:1}.svg-label{font-size:11px;fill:#96a5b6}.empty-state{padding:38px 16px;text-align:center;color:#94a2b3;font-size:12px}.empty-state b{display:block;font-size:14px;color:#384b65;margin-bottom:7px}.donut-container{display:flex;gap:18px;align-items:center;justify-content:center;min-height:235px}.donut-svg{width:172px;height:172px;flex:0 0 172px}.donut-legend{flex:1;min-width:0;display:flex;flex-direction:column;gap:12px}.donut-legend-line{display:flex;justify-content:space-between;gap:10px;color:#75869a;font-size:11px}.donut-legend-line span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.donut-legend-line b{color:#2b3b54;font-size:11px;white-space:nowrap}.progress-track{background:#e9f1f5;border-radius:50px;height:9px;overflow:hidden;margin:18px 0}.progress-fill{height:100%;border-radius:50px;background:linear-gradient(90deg,#17c3aa,#48a4d8)}.conciliation-big{font-size:35px;font-weight:790;color:#143d56;letter-spacing:-1.5px}.checklist{padding:0;list-style:none;color:#75889d;font-size:12px;line-height:2}.checklist li::before{content:"✓";color:#1fbca4;font-weight:800;margin-right:11px}.goal-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:10px}.goal-item{background:#f5f9fb;border:1px solid #e7f0f3;border-radius:12px;padding:15px}.goal-item small{display:block;color:#8596a8;font-size:10px;margin-bottom:7px}.goal-item b{font-size:17px;color:#24415d}
.table-panel{padding:18px}.table-tools{display:flex;gap:10px;align-items:center;justify-content:space-between;flex-wrap:wrap;margin-bottom:15px}.filters{display:flex;gap:9px;flex-wrap:wrap}.filters select,.filters input,.field input,.field select,.field textarea,.search-box{padding:11px 12px;border:1px solid #dae4ec;background:#fff;border-radius:10px;color:#30435d;font-size:12px;outline:0;min-width:0}.filters select:focus,.filters input:focus,.field input:focus,.field select:focus,.field textarea:focus{border-color:#4abab3;box-shadow:0 0 0 3px #e0f9f4}.search-box{min-width:190px}.table-wrap{width:100%;overflow-x:auto}.data-table{width:100%;border-collapse:collapse;text-align:left;font-size:11px;min-width:590px}.data-table th{font-size:10px;letter-spacing:.6px;text-transform:uppercase;color:#94a0af;background:#f8fafc;padding:14px 12px;font-weight:750;white-space:nowrap}.data-table td{border-bottom:1px solid #eef1f5;padding:13px 12px;color:#44566e;white-space:nowrap;max-width:260px;text-overflow:ellipsis;overflow:hidden}.data-table tr:hover td{background:#f9fcfc}.data-table tbody tr:last-child td{border-bottom:0}.data-table td:first-child{font-weight:650;color:#263b56}.table-count{color:#8a9aae;font-size:11px;padding:13px 5px 2px}.status-badge{display:inline-flex;border-radius:7px;padding:5px 9px;font-size:10px;font-weight:740;background:#edf7f3;color:#15846e}.status-badge.red{background:#fff1f3;color:#c4525c}.table-actions{display:flex;gap:5px}.mini-btn{border:1px solid #e5ecf1;background:white;border-radius:8px;font-size:11px;padding:6px 9px;color:#4e687e}.mini-btn:hover{border-color:#20b5a7;color:#068d82}.mini-btn.danger:hover{border-color:#ce6571;color:#b0404b}.notice{border-radius:13px;padding:16px 18px;font-size:12px;line-height:1.6;background:#ecf8f6;color:#236c69;border:1px solid #d5f1ec;margin-bottom:17px}.notice.warning{background:#fff8eb;color:#805b21;border-color:#f2e4c1}.stack{display:grid;gap:16px}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}.field{display:flex;flex-direction:column;gap:7px}.field label{color:#53667f;font-size:11px;font-weight:750}.field input,.field select,.field textarea{width:100%}.field.full{grid-column:1/-1}.field.checkbox{display:flex;flex-direction:row;align-items:center}.field.checkbox input{width:auto}.settings-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.settings-form button{justify-self:start}.panel-copy{color:#788da0;line-height:1.65;font-size:12px}.avatar-large{width:54px;height:54px;border-radius:50%;background:#edf7f6;display:grid;place-items:center;overflow:hidden;color:#188f8b}.avatar-large img{width:100%;height:100%;object-fit:cover}.upload-box{border:1px dashed #b9d7d6;background:#f8fdfc;padding:30px;text-align:center;border-radius:14px}.upload-box input{max-width:100%;margin-top:16px}.upload-box p{font-size:13px;color:#72869a}.upload-counts{display:flex;flex-wrap:wrap;gap:10px;margin-top:17px}.upload-counts span{border:1px solid #e2edf1;padding:10px 12px;border-radius:9px;font-size:11px;color:#61798d;background:white}
.editor-dialog{border:0;border-radius:18px;padding:0;width:min(550px,calc(100vw - 30px));max-height:90dvh;overflow:auto;box-shadow:0 25px 100px rgba(3,23,45,.27)}.editor-dialog::backdrop{background:rgba(11,27,49,.57);backdrop-filter:blur(3px)}.editor-dialog form{padding:26px}.dialog-heading{display:flex;justify-content:space-between;align-items:start;margin-bottom:22px}.dialog-heading h2{margin:5px 0 0;font-size:23px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:25px}.toast{position:fixed;bottom:22px;right:23px;background:#172940;color:white;padding:14px 19px;border-radius:12px;box-shadow:0 15px 45px #14263b33;opacity:0;pointer-events:none;transform:translateY(10px);transition:.2s;z-index:100;font-size:12px;max-width:calc(100vw - 40px)}.toast.show{opacity:1;transform:translateY(0)}.toast.error{background:#953b4c}.mobile-only{display:none}.sidebar-overlay{display:none}
@media(max-width:1180px){.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-two{grid-template-columns:1fr}.donut-container{justify-content:start}.settings-grid{grid-template-columns:1fr}}
@media(max-width:850px){.sidebar{position:fixed;left:0;top:0;transform:translateX(-110%);transition:transform .2s;width:265px;box-shadow:15px 0 35px #111c2f33}.sidebar.open{transform:translateX(0)}.sidebar-overlay.open{position:fixed;display:block;inset:0;z-index:19;background:#111e36aa}.mobile-only{display:grid;margin-left:auto}.login-screen{grid-template-columns:1fr}.login-art{display:none}.login-panel{min-height:100dvh}.login-mobile-brand{display:flex}.topbar{height:69px}.main-area{padding-top:25px}.top-status{display:none}}
@media(max-width:580px){.top-left,.top-right{gap:8px}.topbar{padding:0 12px}.breadcrumbs{font-size:9px}.breadcrumbs b{display:none}.profile-pill{padding:4px}.profile-pill #user-name,.profile-pill .chev{display:none}.page-heading{align-items:stretch;flex-direction:column}.page-actions .btn{flex:1}.metric-grid{gap:10px}.metric-card{padding:16px;min-height:118px}.metric-value{font-size:20px}.panel{padding:16px}.donut-container{flex-direction:column;align-items:stretch}.donut-svg{align-self:center}.goal-strip{grid-template-columns:repeat(2,1fr)}.settings-form{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.filters,.filters select,.filters input{width:100%}.table-tools{align-items:stretch}.search-box{width:100%}.login-panel{padding:24px}.login-panel h2{font-size:29px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;animation:none!important}}

.import-actions{margin-top:18px}.progress-native{appearance:none;width:100%;height:9px;border:0;border-radius:40px;overflow:hidden;margin:17px 0;background:#e9f1f5}.progress-native::-webkit-progress-bar{background:#e9f1f5}.progress-native::-webkit-progress-value{background:linear-gradient(90deg,#17c3aa,#48a4d8);border-radius:40px}.progress-native::-moz-progress-bar{background:#17c3aa}.swatch-0{background:#277ac5}.swatch-1{background:#249ebc}.swatch-2{background:#1dbaa6}.swatch-3{background:#7095d9}.swatch-4{background:#9fb6d0}.swatch-5{background:#84cec7}.swatch-6{background:#c4d5e7}.panel hr{border:0;border-top:1px solid var(--line);margin:20px 0}