:root{--nav:#132f3b;--green:#147d65;--gold:#e6b668;--ink:#173340;--muted:#73848d;--bg:#f2f6f6}*{box-sizing:border-box}body{font-family:Inter,'Segoe UI',Arial,sans-serif;background:var(--bg);color:var(--ink);font-size:14px}.app-sidebar{width:260px;background:var(--nav);color:#d7e6e8;position:fixed;inset:0 auto 0 0;display:flex;flex-direction:column;z-index:40;padding:28px 18px;overflow-y:auto}.brand{display:flex;align-items:center;gap:12px;color:white;font-size:23px;font-weight:700;padding:0 12px 30px}.brand:hover{color:white}.brand-mark{display:grid;place-items:center;background:var(--gold);color:var(--nav);width:43px;height:43px;border-radius:14px;font-family:Georgia,serif;font-size:28px}.brand-light{font-weight:300}.brand small{font-size:8px;display:block;letter-spacing:2px;color:#aec6cb;margin-top:4px}.sidebar-label{font-size:10px;letter-spacing:2px;color:#8ca9b1;padding:12px 14px}.nav-item{display:flex;align-items:center;gap:13px;color:#c6d7db;border-radius:9px;padding:12px 14px;margin-bottom:4px;transition:background .2s,transform .2s}.nav-item i{width:18px;text-align:center;font-size:14px}.nav-item:hover{color:white;background:#234651;transform:translateX(2px)}.nav-item.active{background:#256356;color:white;box-shadow:inset 3px 0 var(--gold)}.sidebar-bottom{display:flex;gap:10px;align-items:center;border-top:1px solid #39545e;margin-top:auto;padding:25px 10px 0}.sidebar-bottom strong{font-size:12px;display:block}.sidebar-bottom small{font-size:10px;color:#a1bac2}.avatar{background:#3a626d;color:#fff;display:grid;place-items:center;width:36px;height:36px;border-radius:50%}.app-main{margin-left:260px;min-height:100vh}.app-topbar{background:white;border-bottom:1px solid #e1e9eb;height:76px;padding:0 38px;display:flex;align-items:center;justify-content:space-between;font-weight:600}.top-actions{display:flex;align-items:center;gap:16px}.pill,.workspace-tag{font-size:11px;border-radius:20px;background:#eaf3ee;color:#3c6c5d;padding:8px 12px}.page-content{padding:32px 38px;max-width:1800px;margin:auto}.page-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px}.eyebrow{font-size:10px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:1.5px;margin-bottom:8px}h1{font-size:29px;font-weight:700;letter-spacing:-1px;margin:0}h2{font-size:17px;font-weight:650;margin:0}h3{font-size:18px}.card{border:1px solid #e3e9eb;border-radius:15px;box-shadow:0 4px 18px #14364304;margin-bottom:24px;overflow:hidden}.card-header{background:white;border-bottom:1px solid #ecf0f1;padding:22px 24px}.card-header p{margin:7px 0 0}.card-body{padding:24px}.muted{color:var(--muted);font-size:12px}.hero{background:linear-gradient(115deg,#174c4e,#147d65);border-radius:17px;padding:30px 34px;color:white;display:flex;justify-content:space-between;gap:25px;margin-bottom:25px;position:relative;overflow:hidden}.hero h2{font-size:26px;letter-spacing:-.7px;margin-bottom:10px}.hero p{color:#c1e0d5;max-width:530px;margin:0}.hero-stat{min-width:170px;border-left:1px solid #ffffff36;padding-left:25px}.hero-stat strong{display:block;font-size:33px;color:#ffe1a4}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-bottom:26px}.stat{border-radius:14px;background:white;padding:23px;border:1px solid #e3e9eb}.stat .icon{background:#e9f4ef;color:var(--green);width:36px;height:36px;display:grid;place-items:center;border-radius:10px;margin-bottom:18px}.stat strong{display:block;font-size:23px;letter-spacing:-.6px}.stat small{color:var(--muted);display:block;margin-top:6px}.grid-two{display:grid;grid-template-columns:1.3fr 1fr;gap:24px}.chart-box{height:260px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.field{display:flex;flex-direction:column;gap:8px;margin:0;font-size:12px;font-weight:600;min-width:0}.field .form-control{font-size:14px;font-weight:400;border:1px solid #d9e3e6;border-radius:8px;height:43px}.field select[multiple]{height:160px}.field textarea.form-control{height:95px}.full{grid-column:1/-1}.check{font-size:12px;display:flex;align-items:center;gap:8px;margin:0}.btn{border-radius:8px;font-size:12px;padding:10px 17px;font-weight:600}.btn-primary{background:var(--green);border-color:var(--green)}.btn-primary:hover{background:#11644f;border-color:#11644f}.btn-outline-secondary{border-color:#d9e2e4;color:#4e6973}.btn-sm{padding:6px 10px;font-size:11px}.table{font-size:12px;margin:0}.table thead th{background:#f5f8f8;border-top:0;border-bottom:1px solid #e0e8eb;color:#7b8e96;text-transform:uppercase;font-size:9px;letter-spacing:.8px;padding:14px 12px;white-space:nowrap}.table td{padding:15px 12px;vertical-align:middle;border-top:1px solid #edf1f2}.table td strong{display:block}.status{display:inline-block;font-size:9px;letter-spacing:.4px;font-weight:700;border-radius:5px;padding:6px 8px;white-space:nowrap;background:#edf1f4;color:#506671}.status-approved,.status-active,.status-accepted,.status-closed,.status-paid,.status-posted{background:#e5f5ec;color:#20835b}.status-pending,.status-pending_guarantors,.status-ready{background:#fff4dc;color:#94712b}.status-rejected,.status-declined,.status-reversed{background:#fbe9e9;color:#b24d4d}.inline-form{display:flex;flex-wrap:wrap;align-items:end;gap:10px}.inline-form .field{flex:1;min-width:110px}.inline-form .btn{margin-top:10px}.table-search{max-width:320px;margin-bottom:18px;font-size:12px;border-radius:8px}.notice{background:#f2f8f6;border-left:3px solid var(--green);padding:15px 18px;border-radius:6px;font-size:12px;margin-bottom:18px}.app-footer{font-size:11px;color:#90a0a6;padding:20px 38px;display:flex;justify-content:space-between}.menu-toggle{display:none;background:none;border:0;color:var(--ink);font-size:20px}.filter-form{display:flex;gap:14px;flex-wrap:wrap;align-items:end;margin-bottom:20px}.filter-form .field{min-width:130px}.alert{border:0;border-radius:10px;font-size:13px}.auth-page{min-height:100vh;background:#edf4f1;display:grid;place-items:center;padding:25px}.auth-card{background:white;border-radius:24px;width:min(100%,470px);padding:42px;box-shadow:0 22px 70px #163f3c12}.auth-card .brand{color:var(--ink);padding:0 0 30px}.auth-card .brand small{color:#73948a}.auth-card h1{font-size:27px;margin-bottom:12px}.auth-card .form-grid{grid-template-columns:1fr}.auth-card .btn{width:100%}.auth-card p{font-size:13px;color:var(--muted);margin-bottom:25px}.details-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:25px}.details-grid small{display:block;color:var(--muted);margin-bottom:6px;font-size:10px;text-transform:uppercase}.details-grid strong{font-size:15px}a{color:var(--green)}.no-data{padding:30px;text-align:center;color:var(--muted)}.action-stack{display:grid;gap:12px;min-width:200px}.chart-fallback{font-size:12px}.chart-fallback div{display:flex;justify-content:space-between;border-bottom:1px solid #eee;padding:10px}.print-only{display:none}
@media(max-width:1200px){.stats{grid-template-columns:repeat(2,1fr)}.grid-two{grid-template-columns:1fr}.app-topbar{padding:0 25px}.page-content{padding:25px}.app-sidebar{width:235px}.app-main{margin-left:235px}}
@media(max-width:800px){.app-sidebar{transform:translateX(-100%);transition:transform .2s;width:260px}.app-sidebar.open{transform:translateX(0);box-shadow:0 0 0 100vmax #09233066}.app-main{margin:0}.menu-toggle{display:block}.app-topbar{padding:0 18px;height:65px;gap:14px;font-size:12px}.pill{display:none}.page-content{padding:22px 16px}.workspace-tag{display:none}h1{font-size:25px}.hero{padding:25px;flex-direction:column}.hero-stat{border:0;padding:0}.stats{gap:10px}.stat{padding:18px}.stat strong{font-size:20px}.form-grid{grid-template-columns:1fr}.details-grid{grid-template-columns:repeat(2,1fr)}.card-body,.card-header{padding:18px}.auth-card{padding:28px}.app-footer span{display:none}}
@media print{.app-sidebar,.app-topbar,.no-print,form,.table-search,.workspace-tag,.menu-toggle{display:none!important}.app-main{margin:0}.page-content{padding:0}.card{box-shadow:none;break-inside:auto;border-radius:0}.table-responsive{overflow:visible}.table{font-size:10px}a{color:inherit;text-decoration:none}.print-only{display:block}.chart-box{height:180px}body{background:white}.app-footer{padding:10px 0}.hero{background:#eee!important;color:#111}.hero p,.hero-stat strong{color:#111}.stats{grid-template-columns:repeat(4,1fr)}}
@media(prefers-reduced-motion:no-preference){.card,.stat,.hero{animation:rise .35s ease both}@keyframes rise{from{opacity:.5;transform:translateY(7px)}to{opacity:1;transform:none}}}
.lookup-result{background:#eef6f3;border:1px solid #d5e6df;border-radius:8px;padding:12px;margin-top:8px;font-size:12px;font-weight:400}.lookup-result button{display:block;border:0;background:transparent;padding:8px;text-align:left;width:100%;color:#147d65}.news-popup{border:0;border-radius:18px;padding:32px;width:min(540px,92vw);box-shadow:0 30px 90px #132f3b44}.news-popup::backdrop{background:#0c283c88}.news-popup p{margin:20px 0;max-height:55vh;overflow:auto}.pagination-bar{display:flex;gap:12px;align-items:center;justify-content:space-between;margin-top:18px;flex-wrap:wrap}.account-tile{border:1px solid #dbe7e1;border-radius:12px;padding:22px;background:#fff}.account-tile strong{display:block;font-size:25px;margin:15px 0}.account-tile small{display:block;color:#73848d}.mini-label{font-size:10px;text-transform:uppercase;letter-spacing:1px}.file-input{padding:8px;height:auto!important}.nav-item{font-size:12px;padding:10px 13px}.print-only{display:none}@media print{.news-popup{display:none}.print-only{display:block}}
.nav-group{margin:3px 0 8px}.nav-group summary{cursor:pointer;list-style:none;padding:12px 14px;color:#d7e6e8;font-size:12px;border-radius:8px;background:#1b3e49}.nav-group summary::-webkit-details-marker{display:none}.nav-group summary i{margin-right:12px}.nav-group summary::after{content:'+';float:right;font-size:15px}.nav-group[open] summary::after{content:'−'}.nav-group .nav-item{margin-left:11px;font-size:11px;padding:10px}
.sidebar-close{display:none}@media(max-width:800px){.sidebar-close{display:block;position:absolute;right:12px;top:16px;border:0;background:transparent;color:#d7e6e8;font-size:24px;line-height:28px;width:28px;height:28px;cursor:pointer}}
