:root{--text-xs:.75rem;--text-sm:.8125rem;--text-label:.875rem;--text-ui:.9375rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.75rem;--text-4xl:2rem;--navy-950:#071629;--navy-900:#0b1f3a;--navy-800:#102a4c;--navy-700:#173b68;--gold-600:#b58d16;--gold-500:#c9a227;--gold-400:#d4af37;--gold-100:#fbf6e6;--gold-50:#fdfaf1;--bg:#f5f7fa;--surface:#fff;--surface-2:#f8fafc;--ink:#122033;--muted:#6b7280;--line:#e5e7eb;--line-strong:#d5dbe4;--success:#14734b;--success-soft:#eaf7f0;--danger:#b33a3a;--danger-soft:#fdf0f0;--info:#245f96;--info-soft:#edf5fb;--shadow:0 8px 26px #0b1f3a0f;--shadow-lg:0 20px 50px #0716292e;--radius:14px;--sidebar:268px}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{background:var(--bg);color:var(--ink);font-family:Inter,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:var(--text-base);-webkit-font-smoothing:antialiased;line-height:1.5}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.58}button,a,input,select,textarea{transition:border-color .18s,background-color .18s,color .18s,box-shadow .18s,transform .18s}:focus-visible{outline-offset:2px;outline:3px solid #c9a22752}.app-layout{grid-template-columns:var(--sidebar) minmax(0, 1fr);min-height:100vh;display:grid}.sidebar{z-index:40;width:var(--sidebar);color:#fff;background:var(--navy-900);border-right:1px solid #ffffff0f;flex-direction:column;display:flex;position:fixed;inset:0 auto 0 0}.brand{border-bottom:1px solid #ffffff14;align-items:center;gap:12px;min-height:84px;padding:18px 20px;display:flex}.brand-mark{width:42px;height:42px;color:var(--gold-400);letter-spacing:-.5px;background:#c9a2271a;border:1px solid #d4af3780;border-radius:12px;flex:0 0 42px;place-items:center;font-weight:800;display:grid}.brand-copy{min-width:0;display:grid}.brand-copy strong{font-size:var(--text-lg);letter-spacing:-.2px}.brand-copy small{color:#9dabbd;font-size:var(--text-sm);letter-spacing:.3px;margin-top:2px}.sidebar-nav{flex:1;padding:17px 12px;overflow-y:auto}.nav-group{margin-bottom:18px}.nav-group>span{color:#788ba2;font-size:var(--text-xs);letter-spacing:1.15px;text-transform:uppercase;padding:0 12px 7px;font-weight:700;display:block}.nav-group a{color:#b9c5d3;border-radius:9px;align-items:center;gap:11px;min-height:44px;margin:2px 0;padding:0 13px;font-weight:550;display:flex;position:relative}.nav-group a:hover{color:#fff;background:#ffffff0f}.nav-group a.active{color:#fff;background:var(--navy-800);box-shadow:inset 3px 0 0 var(--gold-500)}.nav-group a.active svg{color:var(--gold-400)}.nav-group a i{background:var(--gold-400);border-radius:50%;width:5px;height:5px;position:absolute;right:13px}.sidebar-footer{border-top:1px solid #ffffff14;padding:14px 16px 18px}.sidebar-security{color:#9cabbd;align-items:center;gap:10px;display:flex}.sidebar-security svg{color:var(--gold-400)}.sidebar-security span{display:grid}.sidebar-security strong{color:#dce3eb;font-size:var(--text-sm)}.sidebar-security small{font-size:var(--text-xs)}.main-wrap{grid-column:2;min-width:0}.topbar{z-index:30;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff5;justify-content:space-between;align-items:center;height:72px;padding:0 30px;display:flex;position:sticky;top:0}.topbar-left,.topbar-right{align-items:center;gap:16px;display:flex}.breadcrumb{font-size:var(--text-ui);align-items:center;gap:7px;display:flex}.breadcrumb span{color:var(--muted)}.breadcrumb svg{color:#a4adba}.breadcrumb strong{color:var(--navy-900)}.topbar-date{color:var(--muted);font-size:var(--text-label);border-right:1px solid var(--line);padding-right:16px}.profile-wrap{position:relative}.profile-button{color:var(--ink);background:0 0;border:0;border-radius:10px;align-items:center;gap:9px;padding:5px;display:flex}.profile-button:hover{background:var(--surface-2)}.avatar{background:var(--navy-900);width:36px;height:36px;color:var(--gold-400);font-weight:800;font-size:var(--text-label);border-radius:10px;place-items:center;display:grid}.profile-copy{text-align:left;line-height:1.25;display:grid}.profile-copy strong{font-size:var(--text-label)}.profile-copy small{color:var(--muted);font-size:var(--text-xs);margin-top:2px}.profile-menu{border:1px solid var(--line);width:230px;box-shadow:var(--shadow-lg);background:#fff;border-radius:12px;padding:10px;position:absolute;top:calc(100% + 10px);right:0}.profile-menu>div{border-bottom:1px solid var(--line);padding:8px 9px 12px;display:grid}.profile-menu small{color:var(--muted);font-size:var(--text-sm);text-overflow:ellipsis;overflow:hidden}.profile-menu button{width:100%;color:var(--danger);text-align:left;background:0 0;border:0;border-radius:8px;align-items:center;gap:9px;padding:10px 9px;font-weight:650;display:flex}.profile-menu button:hover{background:var(--danger-soft)}.main-content{width:min(100%,1500px);margin:0 auto;padding:30px 32px 50px}.page-header{justify-content:space-between;align-items:flex-start;gap:18px;min-height:66px;margin-bottom:24px;display:flex}.page-header h1{color:var(--navy-900);letter-spacing:-.65px;margin:0;font-size:clamp(1.75rem,2vw,2rem);line-height:1.18}.page-header p{color:var(--muted);font-size:var(--text-base);margin:7px 0 0}.page-actions,.row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.between{justify-content:space-between}.section{margin-top:22px}.section-header{justify-content:space-between;align-items:flex-start;gap:16px;padding:20px 22px 16px;display:flex}.section-header h2{font-size:var(--text-xl);color:var(--navy-900);letter-spacing:-.25px;margin:0}.section-header p{color:var(--muted);font-size:var(--text-label);margin:4px 0 0}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.grid,.grid4,.grid2{gap:16px;display:grid}.grid4,.grid.cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid2,.grid.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.stat-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;display:grid}.stat-card{align-items:flex-start;gap:14px;min-height:128px;padding:19px;display:flex;position:relative;overflow:hidden}.stat-card:after{content:"";background:var(--gold-50);border-radius:50%;width:80px;height:80px;position:absolute;top:-35px;right:-35px}.stat-icon{border-radius:11px;flex:0 0 42px;place-items:center;width:42px;height:42px;display:grid}.stat-navy{color:var(--navy-800);background:#edf2f7}.stat-gold{color:#7d6011;background:var(--gold-100)}.stat-green{color:var(--success);background:var(--success-soft)}.stat-red{color:var(--danger);background:var(--danger-soft)}.stat-copy{min-width:0;display:grid}.stat-copy>span{color:var(--muted);font-size:var(--text-label);font-weight:650}.stat-copy>strong{color:var(--navy-900);letter-spacing:-.55px;font-variant-numeric:tabular-nums;white-space:nowrap;margin-top:5px;font-size:clamp(1.5rem,2vw,2rem);line-height:1.2}.stat-copy>small{color:var(--muted);font-size:var(--text-sm);margin-top:5px}.stat-featured{color:#fff;border-color:var(--navy-900);background:var(--navy-900);box-shadow:0 12px 28px #0b1f3a2e}.stat-featured:after{background:#c9a2271a}.stat-featured .stat-icon{color:var(--gold-400);background:#c9a22721}.stat-featured .stat-copy>span,.stat-featured .stat-copy>small{color:#bac6d5}.stat-featured .stat-copy>strong{color:#fff}.dashboard-main{grid-template-columns:minmax(0,1.6fr) minmax(280px,.65fr);gap:16px;margin-top:16px;display:grid}.due-summary{background:linear-gradient(135deg, var(--navy-900), var(--navy-800));color:#fff;padding:20px;position:relative;overflow:hidden}.due-summary:after{content:"";border:1px solid #d4af3733;border-radius:50%;width:180px;height:180px;position:absolute;inset:auto -45px -75px auto}.due-summary h2{font-size:var(--text-lg);margin:0}.due-summary>p{color:#b9c6d5;font-size:var(--text-label);margin:5px 0 20px}.due-total{color:var(--gold-400);font-size:var(--text-4xl);letter-spacing:-.8px;font-variant-numeric:tabular-nums;display:block}.due-summary-list{gap:10px;margin-top:20px;display:grid}.due-summary-row{border-top:1px solid #ffffff1a;justify-content:space-between;align-items:center;padding-top:10px;display:flex}.due-summary-row span{color:#c4ceda;font-size:var(--text-label)}.due-summary-row strong{font-variant-numeric:tabular-nums}.btn{background:var(--navy-900);color:#fff;min-height:44px;font-weight:700;font-size:var(--text-ui);white-space:nowrap;border:1px solid #0000;border-radius:9px;justify-content:center;align-items:center;gap:7px;padding:0 15px;display:inline-flex}.btn:hover:not(:disabled){background:var(--navy-800);transform:translateY(-1px)}.btn.accent{color:var(--navy-950);background:var(--gold-500)}.btn.accent:hover:not(:disabled){background:var(--gold-400)}.btn.secondary{color:var(--navy-900);border-color:var(--line-strong);background:#fff}.btn.secondary:hover:not(:disabled){background:var(--surface-2);border-color:#aeb9c7}.btn.ghost{color:var(--navy-800);background:0 0}.btn.ghost:hover:not(:disabled){background:#edf2f7}.btn.danger{color:var(--danger);background:#fff;border-color:#e8bdbd}.btn.danger:hover:not(:disabled){background:var(--danger-soft);border-color:#dc9898}.btn.sm,.btn.table-action{min-height:36px;font-size:var(--text-sm);border-radius:7px;padding:0 10px}.btn.table-action{color:var(--navy-800);background:var(--gold-50);border-color:#eadba6}.btn.full{width:100%}.icon-btn{border:1px solid var(--line);width:38px;height:38px;color:var(--navy-900);background:#fff;border-radius:9px;place-items:center;padding:0;display:grid}.mobile-only{display:none}.table-card{overflow:hidden}.table-toolbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:16px 20px;display:flex}.table-wrap,.tableWrap{width:100%;overflow-x:auto}table,.table{border-collapse:collapse;width:100%;font-size:var(--text-ui)}th,td,.table th,.table td{text-align:left;white-space:nowrap;vertical-align:middle;border-bottom:1px solid #edf0f4;padding:13px 16px}th,.table th{color:#536174;font-size:var(--text-sm);letter-spacing:.55px;text-transform:uppercase;background:#f7f9fb;font-weight:750}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:#fbfcfd}td strong{color:var(--navy-900)}.subtext{color:var(--muted);font-size:var(--text-sm);margin-top:2px;display:block}.num{font-variant-numeric:tabular-nums;text-align:right!important}.actions{text-align:right!important}.money{color:var(--navy-900);font-variant-numeric:tabular-nums;font-weight:700}.money.due,.credit{color:#8b6810}.debit{color:var(--success)}.table-footer{border-top:1px solid var(--line);min-height:55px;color:var(--muted);font-size:var(--text-label);justify-content:space-between;align-items:center;padding:10px 18px;display:flex}.pagination{align-items:center;gap:7px;display:flex}.pagination button{border:1px solid var(--line);width:34px;height:34px;color:var(--navy-900);background:#fff;border-radius:8px}.badge{min-height:25px;font-size:var(--text-xs);letter-spacing:.35px;border-radius:6px;align-items:center;gap:5px;padding:2px 8px;font-weight:800;display:inline-flex}.badge-success{color:var(--success);background:var(--success-soft)}.badge-danger{color:var(--danger);background:var(--danger-soft)}.badge-warning,.badge-credit{color:#7d6011;background:var(--gold-100)}.badge-info,.badge-debit{color:var(--info);background:var(--info-soft)}.badge-neutral{color:#596273;background:#eef1f5}.filter-bar{border-bottom:1px solid var(--line);background:#fff;flex-wrap:wrap;align-items:end;gap:12px;padding:17px 20px;display:flex}.filter-field{flex:150px;gap:5px;min-width:150px;display:grid}.filter-field.wide{flex-basis:260px}.filter-field label,.field label,.form-field label{color:#455267;font-size:var(--text-label);font-weight:700}.input,.select,.textarea,input,select,textarea{width:100%;color:var(--ink);border:1px solid var(--line-strong);min-width:0;font-size:var(--text-base);background:#fff;border-radius:10px;padding:10px 12px;font-weight:400;line-height:1.5}.input,.select,input,select{height:48px}.textarea,textarea{resize:vertical;min-height:90px}.input:hover,.select:hover,.textarea:hover,input:hover,select:hover,textarea:hover{border-color:#b9c3cf}.input:focus,.select:focus,.textarea:focus,input:focus,select:focus,textarea:focus{border-color:var(--gold-500);outline:0;box-shadow:0 0 0 3px #c9a22721}.search{min-width:min(100%,340px);position:relative}.search svg{color:#7b8797;pointer-events:none;position:absolute;top:50%;left:13px;transform:translateY(-50%)}.search input{padding-left:40px}.field{align-content:start;gap:7px;min-width:0;display:grid}.formGrid,.form-grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:14px;display:grid}.formGrid>.field{grid-column:span 6}.formGrid>button{grid-column:span 12;justify-self:start}.fullWidth,.col-12{grid-column:1/-1!important}.col-8{grid-column:span 8}.col-6{grid-column:span 6}.col-4{grid-column:span 4}.col-3{grid-column:span 3}.form-section{border-bottom:1px solid var(--line);padding:22px}.form-section:last-child{border-bottom:0}.form-section h3{color:var(--navy-900);font-size:var(--text-lg);margin:0 0 5px}.form-section>p{color:var(--muted);font-size:var(--text-label);margin:0 0 20px}.form-actions{background:var(--surface-2);justify-content:flex-end;gap:10px;padding:18px 22px;display:flex}.helper{color:var(--muted);font-size:var(--text-sm);margin-top:2px}.modalBg,.modal-backdrop{z-index:80;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#07162994;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.modal{width:min(760px,100%);max-height:calc(100vh - 48px);box-shadow:var(--shadow-lg);background:#fff;border-radius:16px;animation:.18s modal-in;overflow:auto}@keyframes modal-in{0%{opacity:0;transform:translateY(8px)scale(.99)}}.modal-head{z-index:2;border-bottom:1px solid var(--line);background:#fff;justify-content:space-between;align-items:flex-start;gap:14px;padding:18px 22px;display:flex;position:sticky;top:0}.modal-head h2{color:var(--navy-900);font-size:var(--text-2xl);margin:0}.modal-head p{color:var(--muted);font-size:var(--text-label);margin:4px 0 0}.modal-body,.modal .formGrid{padding:20px 22px}.alert,.error,.success,.notice{font-size:var(--text-ui);border:1px solid;border-radius:10px;margin-bottom:16px;padding:13px 15px}.alert{justify-content:space-between;align-items:center;gap:12px;display:flex}.alert p{margin:2px 0 0}.alert-danger,.error{color:#8f2c2c;background:var(--danger-soft);border-color:#efc8c8}.success{color:var(--success);background:var(--success-soft);border-color:#bee2ce}.notice{color:#735914;background:var(--gold-50);border-color:#e7d79c}.empty-state,.emptyState{text-align:center;min-height:235px;color:var(--muted);flex-direction:column;justify-content:center;align-items:center;padding:36px 20px;display:flex}.empty-state strong{color:var(--navy-900);font-size:var(--text-base)}.empty-state p{max-width:390px;font-size:var(--text-label);margin:5px 0 15px}.empty-icon{width:48px;height:48px;color:var(--gold-600);background:var(--gold-100);border-radius:13px;place-items:center;margin-bottom:12px;display:grid}.full-loader{min-height:100vh;color:var(--navy-900);justify-content:center;align-items:center;gap:10px;font-weight:650;display:flex}.full-loader span{border:2px solid #dbe1e8;border-top-color:var(--gold-500);border-radius:50%;width:18px;height:18px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.skeleton-grid{grid-template-columns:repeat(4,1fr);gap:15px;display:grid}.skeleton{background:linear-gradient(90deg,#eef1f5 25%,#f7f8fa 45%,#eef1f5 65%) 0 0/250% 100%;border-radius:10px;animation:1.25s infinite shimmer}@keyframes shimmer{to{background-position:-250% 0}}.skeleton-card{height:126px}.skeleton-table{padding:20px}.skeleton-line{width:30%;height:16px;margin-bottom:20px}.skeleton-row{height:42px;margin-top:8px}.customer-profile{justify-content:space-between;gap:20px;padding:22px;display:flex}.customer-identity{align-items:flex-start;gap:15px;display:flex}.customer-mark{width:54px;height:54px;color:var(--gold-500);background:var(--navy-900);font-size:var(--text-xl);border-radius:14px;place-items:center;font-weight:800;display:grid}.customer-identity h2{color:var(--navy-900);font-size:var(--text-2xl);margin:0}.customer-meta{color:var(--muted);font-size:var(--text-label);flex-wrap:wrap;gap:9px 18px;margin-top:8px;display:flex}.customer-meta span{align-items:center;gap:5px;display:flex}.customer-address{color:var(--muted);font-size:var(--text-label);margin-top:10px}.accounting-note{color:#6f5612;background:var(--gold-50);font-size:var(--text-label);border:1px solid #eadba6;border-radius:10px;align-items:flex-start;gap:10px;padding:12px 14px;display:flex}.transaction-customer-picker{position:relative}.transaction-customer-row{align-items:stretch;gap:9px;display:flex}.transaction-customer-row input{flex:1;min-width:0}.customer-picker-results{z-index:5;border:1px solid var(--line-strong);box-shadow:var(--shadow-lg);background:#fff;border-radius:9px;position:absolute;top:72px;left:0;right:0;overflow:hidden}.customer-picker-results button{text-align:left;border:0;border-bottom:1px solid var(--line);width:100%;color:var(--ink);background:#fff;gap:2px;padding:10px 12px;display:grid}.customer-picker-results button:hover{background:var(--gold-50)}.customer-picker-results button:last-of-type{border-bottom:0}.customer-picker-results strong{color:var(--navy-900);font-size:var(--text-label)}.customer-picker-results small,.customer-picker-results p{color:var(--muted);font-size:var(--text-sm);margin:0}.customer-picker-results p{padding:12px}.customer-selected{color:var(--success);font-size:var(--text-sm);margin-top:5px;display:block}.inline-customer-form{background:var(--gold-50);border:1px solid #eadba6;border-radius:10px;margin-top:12px;padding:14px}.inline-customer-form>strong{color:var(--navy-900);font-size:var(--text-ui);margin-bottom:10px;display:block}.inline-customer-form .formGrid{margin-bottom:12px}.embedded-form{width:100%}.embedded-form-card{width:100%;min-width:0}.embedded-form-card .modal-head{border-bottom:1px solid var(--line);padding:0 0 18px}.embedded-form-card .modal-head .icon-btn{display:none}.embedded-form-card .form-actions{margin:18px -22px -22px;padding:16px 22px}.embedded-form-card .modal-body{padding:0}.embedded-form-card .accounting-note{margin:18px 0 0}.embedded-form-card .formGrid{margin-top:18px}.embedded-form-card .transaction-customer-picker{border:1px solid var(--line);background:var(--surface-2);border-radius:11px;padding:16px}.embedded-form-card .transaction-customer-picker>label{color:var(--navy-900);font-size:var(--text-ui);font-weight:750}.embedded-form-card .transaction-customer-row .btn{min-width:150px}.embedded-form-card .transaction-customer-picker+.field{margin-top:2px}.credit-debit-document .form-section{padding:22px}.credit-debit-document .form-section h2{color:var(--navy-900);font-size:var(--text-xl);margin:0 0 4px}.credit-debit-document .form-section>p{color:var(--muted);font-size:var(--text-label);margin:0 0 18px}.form-section-action{align-items:end;display:flex}.credit-debit-document .summary-box{margin-top:18px}.credit-debit-document .form-actions{border-top:1px solid var(--line);justify-content:flex-end;margin:0;padding:18px 24px}.field-help{color:var(--muted);font-size:var(--text-sm);margin-top:6px;display:block}.identity-proof-input{border:1px dashed var(--line-strong);background:var(--surface-2);border-radius:10px;padding:16px}.master-settings-layout{grid-template-columns:250px minmax(0,1fr);align-items:start;gap:16px;display:grid}.master-group-list{padding:8px}.master-group-option{width:100%;min-height:48px;color:var(--navy-800);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;justify-content:space-between;align-items:center;gap:10px;padding:0 12px;display:flex}.master-group-option:hover,.master-group-option.active{background:var(--gold-50);color:var(--navy-900)}.master-group-option.active{box-shadow:inset 3px 0 0 var(--gold-500);font-weight:700}.master-group-option span{font-size:var(--text-label)}.master-group-option small{color:var(--muted);font-size:var(--text-xs);white-space:nowrap}.master-form{align-items:center;gap:9px;margin:18px 0;display:flex}.master-form input{flex:1;min-width:0}.master-items{gap:8px;display:grid}.master-item{border:1px solid var(--line);background:var(--surface-2);border-radius:9px;justify-content:space-between;align-items:center;gap:12px;min-height:50px;padding:8px 10px 8px 14px;display:flex}.master-item strong{color:var(--navy-900);font-size:var(--text-label)}.role-capability-layout{grid-template-columns:230px minmax(0,1fr);align-items:start;gap:16px;display:grid}.role-list-card{padding:8px;position:sticky;top:16px}.role-option{width:100%;min-height:43px;color:var(--navy-800);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;grid-template-columns:18px minmax(0,1fr) auto;align-items:center;gap:8px;padding:0 10px;display:grid}.role-option:hover{background:var(--gold-50)}.role-option.active{color:var(--navy-900);background:var(--gold-100);box-shadow:inset 3px 0 0 var(--gold-500)}.role-option span{text-overflow:ellipsis;white-space:nowrap;font-size:var(--text-label);font-weight:700;overflow:hidden}.role-option small{color:var(--muted);font-size:var(--text-xs);white-space:nowrap}.permission-groups{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.permission-group{border:1px solid var(--line);border-radius:11px;overflow:hidden}.permission-group h3,.permission-group h4{color:var(--navy-900);background:var(--surface-2);border-bottom:1px solid var(--line);font-size:var(--text-label);text-transform:capitalize;margin:0;padding:10px 12px}.permission-options{padding:6px;display:grid}.permission-option{cursor:pointer;border-radius:7px;align-items:flex-start;gap:9px;padding:9px;display:flex}.permission-option:hover{background:var(--gold-50)}.permission-option input{width:16px;height:16px;accent-color:var(--gold-600);margin:2px 0 0}.permission-option span{line-height:1.2;display:grid}.permission-option strong{font-size:var(--text-label);text-transform:capitalize}.permission-option small{color:var(--muted);font-size:var(--text-xs);margin-top:3px}.permission-option.active{background:#f8fbfa}.report-picker{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px;display:grid}.report-option{text-align:left;min-height:92px;color:var(--ink);border:1px solid var(--line);background:#fff;border-radius:12px;align-items:flex-start;gap:11px;padding:14px;display:flex}.report-option:hover,.report-option.active{background:var(--gold-50);border-color:#d8c477}.report-option.active{box-shadow:inset 0 -2px 0 var(--gold-500)}.report-option>span:last-child{display:grid}.report-option strong{color:var(--navy-900);font-size:var(--text-label)}.report-option small{color:var(--muted);font-size:var(--text-xs);margin-top:3px;line-height:1.35}.report-icon{width:34px;height:34px;color:var(--gold-600);background:var(--gold-100);border-radius:9px;flex:0 0 34px;place-items:center;display:grid}.reports-heading{margin-bottom:18px}.reports-heading h2{color:var(--navy-900);font-size:var(--text-3xl);margin:0}.report-filters{padding:18px 20px}.report-filter-title{color:var(--navy-900);font-size:var(--text-ui);align-items:center;gap:9px;display:flex}.report-filter-icon{width:28px;height:28px;color:var(--gold-600);background:var(--gold-100);font-size:var(--text-xs);border-radius:7px;place-items:center;font-weight:800;display:grid}.report-presets{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.filter-chip{border:1px solid var(--line-strong);min-height:34px;color:var(--navy-800);font-size:var(--text-label);background:#fff;border-radius:8px;padding:0 13px;font-weight:650}.filter-chip:hover,.filter-chip.active{border-color:var(--gold-500);background:var(--gold-50);color:var(--navy-900)}.report-date-fields,.report-advanced-filters{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:14px;display:grid}.report-advanced-filters{border-top:1px solid var(--line);grid-template-columns:repeat(5,minmax(0,1fr));padding-top:14px}.report-date-fields label,.report-advanced-filters label{color:#455267;font-size:var(--text-sm);gap:6px;font-weight:700;display:grid}.report-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:9px;margin-top:16px;display:flex}.report-loading{padding:30px}.report-sheet{border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);background:#fff;overflow:hidden}.report-letterhead{border-bottom:2px solid var(--gold-500);align-items:center;gap:13px;padding:22px;display:flex}.report-brand-mark{width:48px;height:48px;color:var(--gold-400);background:var(--navy-900);font-size:var(--text-base);border-radius:12px;flex:0 0 48px;place-items:center;font-weight:800;display:grid}.report-letterhead strong{color:var(--navy-900);font-size:var(--text-2xl);display:block}.report-letterhead span{color:#7d6011;font-size:var(--text-sm);margin-top:2px;font-weight:700;display:block}.report-letterhead small{color:var(--muted);font-size:var(--text-sm);margin-top:4px;display:block}.report-title-row{justify-content:space-between;align-items:flex-end;gap:15px;padding:20px 22px 16px;display:flex}.report-title-row h2{color:var(--navy-900);font-size:var(--text-2xl);margin:0}.report-title-row>div:first-child>span{color:var(--muted);font-size:var(--text-sm);margin-top:5px;display:block}.report-summary{border:1px solid var(--line);border-radius:10px;margin:0 22px;overflow:hidden}.report-table-wrap{padding:18px 22px 0}.report-table-wrap .tableWrap{border:1px solid var(--line);border-radius:10px}.report-total{color:var(--muted);font-size:var(--text-label);text-align:right;padding:0 0 12px}.report-total strong{color:var(--navy-900);font-size:var(--text-base)}.report-footer{border-top:1px solid var(--line);color:var(--muted);font-size:var(--text-sm);justify-content:space-between;gap:12px;margin-top:20px;padding:14px 22px;display:flex}.report-summary{border-bottom:1px solid var(--line);grid-template-columns:repeat(4,1fr);display:grid}.report-summary>div{border-right:1px solid var(--line);padding:16px 18px}.report-summary>div:last-child{border-right:0}.report-summary span{color:var(--muted);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.5px;display:block}.report-summary strong{color:var(--navy-900);font-size:var(--text-2xl);font-variant-numeric:tabular-nums;margin-top:4px;display:block}.audit-filters{grid-template-columns:1.2fr repeat(3,1fr);gap:10px;display:grid}.audit-action{font-size:var(--text-sm);color:var(--navy-800);font-weight:700}.detail-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.detail-panel{border:1px solid var(--line);background:var(--surface-2);border-radius:10px;padding:14px;overflow:auto}.detail-panel pre{white-space:pre-wrap;word-break:break-word;color:#455267;margin:8px 0 0;font:.8125rem/1.5 ui-monospace,Consolas,monospace}.login-page{background:#fff;grid-template-columns:minmax(420px,1.05fr) minmax(420px,.95fr);min-height:100vh;display:grid}.login-art{color:#fff;background:var(--navy-900);align-items:center;padding:clamp(50px,7vw,100px);display:flex;position:relative;overflow:hidden}.login-art:before,.login-art:after{content:"";border:1px solid #d4af3726;border-radius:50%;position:absolute}.login-art:before{width:520px;height:520px;top:-180px;right:-230px}.login-art:after{width:320px;height:320px;bottom:-170px;left:-150px}.login-art-content{z-index:1;max-width:570px;position:relative}.login-brand{align-items:center;gap:12px;margin-bottom:70px;display:flex}.login-brand .brand-mark{flex-basis:48px;width:48px;height:48px}.login-brand strong{font-size:var(--text-xl);display:block}.login-brand small{color:#9eacbe}.login-art h1{letter-spacing:-1.8px;margin:0;font-size:clamp(38px,4vw,58px);line-height:1.06}.login-art h1 span{color:var(--gold-400)}.login-art p{color:#b9c6d5;max-width:500px;font-size:var(--text-base);margin:22px 0 28px}.trust-row{color:#d6dee7;font-size:var(--text-label);align-items:center;gap:9px;display:flex}.trust-row svg{color:var(--gold-400)}.login-panel{background:#fff;place-items:center;padding:36px;display:grid}.login-card{width:min(420px,100%)}.login-card>.login-icon{width:48px;height:48px;color:var(--gold-500);background:var(--navy-900);border-radius:13px;place-items:center;display:grid}.login-card h2{color:var(--navy-900);font-size:var(--text-4xl);margin:20px 0 5px}.login-card>p{color:var(--muted);margin:0 0 25px}.login-card .field{margin-bottom:14px}.login-help{border-top:1px solid var(--line);color:var(--muted);font-size:var(--text-sm);margin-top:22px;padding-top:18px}.users-management-grid{grid-template-columns:minmax(250px,.75fr) minmax(0,2fr);align-items:start;gap:18px;display:grid}.form-card-title{color:var(--navy-900);font-size:var(--text-xl);margin:0 0 18px}.user-create-form{gap:13px;display:grid}.user-create-form .field{gap:6px;display:grid}.user-create-form .field>span{color:#455267;font-size:var(--text-label);font-weight:700}.searchInput{min-width:min(100%,290px)}.company-settings-grid{grid-template-columns:minmax(0,1.7fr) minmax(280px,.7fr);align-items:start;gap:18px;display:grid}.company-preview-card{background:linear-gradient(#fff,#fffaf0);border:1px solid #eadba6;padding:20px}.report-kicker{color:#7d6011;font-size:var(--text-sm);letter-spacing:.14em;text-transform:uppercase;margin-bottom:14px;font-weight:800;display:inline-block}.company-preview-brand{border-bottom:1px solid #f0e7c9;align-items:center;gap:12px;padding-bottom:14px;display:flex}.company-preview-mark{background:var(--navy-900);width:48px;height:48px;color:var(--gold-400);font-size:var(--text-lg);border-radius:14px;place-items:center;font-weight:800;display:grid}.company-preview-logo{object-fit:contain;border:1px solid var(--line);background:#fff;border-radius:12px;width:52px;height:52px}.company-preview-brand strong{color:var(--navy-900);font-size:var(--text-xl);display:block}.company-preview-brand small{color:var(--muted);font-size:var(--text-sm);margin-top:2px;display:block}.company-preview-details{color:var(--muted);font-size:var(--text-label);margin-top:16px}.company-preview-details p{margin:0 0 8px}.company-preview-meta{color:var(--navy-800);font-size:var(--text-sm);flex-wrap:wrap;gap:8px 12px;margin-top:10px;font-weight:600;display:flex}.company-preview-box{background:#c9a2270f;border:1px solid #eadba6;border-radius:12px;margin-top:18px;padding:14px 15px}.company-preview-box strong{color:var(--navy-900);font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.12em}.company-preview-box p{color:var(--navy-800);font-size:var(--text-label);margin:8px 0 0;line-height:1.55}.company-preview-box.muted{background:#fff}.section-title{margin-bottom:16px}.section-title h3{color:var(--navy-900);font-size:var(--text-xl);margin:0}.form-grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:14px;display:grid}.form-grid .field{gap:6px;display:grid}.form-grid .col-12{grid-column:span 12}.form-grid .col-8{grid-column:span 8}.form-grid .col-6{grid-column:span 6}.form-grid .col-4{grid-column:span 4}.form-grid input,.form-grid textarea{width:100%}.card-pad{padding:20px}.settings-actions{border-top:1px solid var(--line);justify-content:flex-end;margin-top:20px;padding-top:18px;display:flex}@media (max-width:1200px){.stat-grid,.grid4,.grid.cols-4,.report-picker{grid-template-columns:repeat(2,minmax(0,1fr))}.report-advanced-filters{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:920px){.app-layout{display:block}.sidebar{box-shadow:var(--shadow-lg);transition:transform .22s;transform:translate(-100%)}.sidebar.open{transform:translate(0)}.main-wrap{min-height:100vh}.mobile-only{display:grid}.brand .mobile-only{color:#fff;background:#ffffff12;border-color:#ffffff1a;margin-left:auto}.sidebar-overlay{z-index:35;background:#0716297a;border:0;position:fixed;inset:0}.topbar{padding:0 20px}.main-content{padding:25px 20px 40px}.dashboard-main{grid-template-columns:1fr}.topbar-date{display:none}}@media (max-width:700px){.topbar{height:64px;padding:0 13px}.breadcrumb span,.breadcrumb svg,.profile-copy{display:none}.main-content{padding:21px 12px 36px}.page-header{flex-direction:column;min-height:0;margin-bottom:18px}.page-header h1{font-size:var(--text-3xl)}.page-actions,.page-actions .btn{width:100%}.page-actions .btn{flex:1}.stat-grid,.grid4,.grid2,.grid.cols-4,.grid.cols-3,.grid.cols-2,.skeleton-grid{grid-template-columns:1fr}.stat-card{min-height:112px}.customer-profile{flex-direction:column;padding:17px}.customer-identity{flex-direction:column}.filter-bar{align-items:stretch;padding:14px}.filter-field,.filter-field.wide{flex-basis:100%}.filter-bar>.btn{flex:1}.report-picker,.report-summary,.permission-groups,.audit-filters,.detail-grid,.role-capability-layout,.master-settings-layout{grid-template-columns:1fr}.role-list-card{position:static}.master-form{flex-wrap:wrap;align-items:stretch}.master-form input{flex-basis:100%}.report-advanced-filters{grid-template-columns:1fr}.report-summary>div{border-right:0;border-bottom:1px solid var(--line)}.report-summary>div:last-child{border-bottom:0}.report-title-row{flex-direction:column;align-items:flex-start}.report-title-row .report-actions{justify-content:flex-start;margin-top:0}.report-footer{flex-direction:column;align-items:flex-start}.modalBg,.modal-backdrop{align-items:end;padding:8px}.modal{border-radius:15px 15px 0 0;width:100%;max-height:calc(100vh - 16px)}.formGrid>.field,.col-8,.col-6,.col-4,.col-3{grid-column:1/-1}.form-actions{flex-direction:column-reverse}.form-actions .btn{width:100%}table,.table{min-width:760px}.table-toolbar{flex-direction:column;align-items:stretch}.search{width:100%;min-width:0}.table-footer{flex-direction:column;align-items:flex-start;gap:10px}.login-page{background:var(--navy-900);padding:18px;display:block}.login-art{border-radius:18px 18px 0 0;min-height:auto;padding:24px 18px 26px}.login-brand{margin-bottom:30px}.login-art h1{font-size:var(--text-4xl)}.login-art p{margin-bottom:0}.trust-row{display:none}.login-panel{border-radius:0 0 18px 18px;padding:27px 20px 32px}}@media (max-width:920px){.users-management-grid,.company-settings-grid{grid-template-columns:1fr}}@media (max-width:640px){.form-grid .col-8,.form-grid .col-6,.form-grid .col-4,.form-grid .col-12{grid-column:span 12}}@media (max-width:430px){.stat-copy>strong{font-size:var(--text-3xl)}.page-actions{flex-direction:column}.page-actions .btn{width:100%}}label.field,.field>span{color:#455267;font-size:var(--text-label);font-weight:700}.formGrid,.form-grid{gap:16px;min-width:0}.filter-field,.user-create-form .field,.form-grid .field,.report-date-fields label,.report-advanced-filters label{gap:7px}.report-date-fields label,.report-advanced-filters label{font-size:var(--text-label)}input[type=checkbox],input[type=radio]{width:16px;height:16px;accent-color:var(--gold-600);padding:0}input[type=file]{background:var(--surface-2);cursor:pointer;border-style:dashed;border-radius:14px;height:auto;min-height:78px;padding:15px}input[type=file]::file-selector-button{border:1px solid var(--line-strong);background:var(--gold-100);color:var(--navy-900);font:inherit;cursor:pointer;border-radius:8px;margin-right:12px;padding:8px 12px;font-weight:700}@media (max-width:820px){.formGrid,.form-grid{gap:12px}.formGrid>.field,.form-grid>.field{grid-column:1/-1}}@media (max-width:520px){.form-section,.credit-debit-document .form-section{padding:16px}.form-actions{padding:14px 16px}}.transaction-customer-controls{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:16px;display:grid}.btn.customer-add-button{min-height:38px;font-size:var(--text-label);white-space:nowrap;background:var(--navy-700);color:#fff;border-color:var(--navy-700);margin-bottom:3px;padding:0 14px}.btn.customer-add-button:hover{background:var(--navy-800);border-color:var(--navy-800)}.transaction-customer-summary{border:1px solid var(--line);background:var(--surface-2);border-radius:12px;margin-top:20px;overflow:hidden}.transaction-customer-summary-head{background:var(--surface);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;padding:18px 20px;display:flex}.transaction-customer-identity{align-items:center;gap:12px;min-width:0;display:flex}.transaction-customer-identity>div{min-width:0}.transaction-customer-avatar{width:44px;height:44px;color:var(--navy-700);background:var(--info-soft);border-radius:12px;flex:0 0 44px;place-items:center;display:grid}.transaction-customer-caption{color:var(--muted);font-size:var(--text-sm);display:block}.transaction-customer-summary .transaction-customer-identity h3{font-size:var(--text-lg);overflow-wrap:anywhere;margin:3px 0;line-height:1.4}.transaction-customer-code{color:var(--muted);font-size:var(--text-label)}.transaction-customer-view{color:var(--navy-700);font-size:var(--text-label);flex-shrink:0;align-items:center;gap:6px;font-weight:700;display:inline-flex}.transaction-customer-view:hover{text-decoration:underline}.transaction-customer-facts{grid-template-columns:repeat(4,minmax(0,1fr));margin:0;display:grid}.transaction-customer-facts>div{min-width:0;padding:18px 20px}.transaction-customer-facts>div+div{border-left:1px solid var(--line)}.transaction-customer-facts dt{color:var(--muted);font-size:var(--text-sm);align-items:center;gap:7px;font-weight:600;display:flex}.transaction-customer-facts dd{color:var(--navy-900);font-size:var(--text-ui);overflow-wrap:anywhere;margin:8px 0 0;font-weight:700}.transaction-customer-facts .transaction-customer-due{background:var(--gold-50)}.transaction-customer-due dd{font-variant-numeric:tabular-nums}.transaction-customer-due a{align-items:center;gap:4px;display:inline-flex}.credit-debit-document .form-grid>label:not(.field){align-content:start;gap:7px;min-width:0;display:grid}@media (max-width:1000px){.transaction-customer-facts{grid-template-columns:repeat(2,minmax(0,1fr))}.transaction-customer-facts>div:nth-child(3){border-left:0}.transaction-customer-facts>div:nth-child(n+3){border-top:1px solid var(--line)}}@media (max-width:520px){.transaction-customer-controls{grid-template-columns:minmax(0,1fr);gap:10px}.btn.customer-add-button{justify-self:start;margin:0}.transaction-customer-summary-head{flex-direction:column;align-items:flex-start;padding:16px}.transaction-customer-facts{grid-template-columns:minmax(0,1fr)}.transaction-customer-facts>div{padding:14px 16px}.transaction-customer-facts>div+div{border-left:0;border-top:1px solid var(--line)}}.company-logo-upload{border:1px dashed var(--line-strong);background:var(--surface-2);border-radius:12px;align-items:flex-start;gap:18px;padding:18px;display:flex}.company-logo-thumbnail{border:1px solid var(--line);background:var(--surface);border-radius:12px;flex:0 0 84px;place-items:center;width:84px;height:84px;display:grid;overflow:hidden}.company-logo-thumbnail img{object-fit:contain;width:100%;height:100%;padding:8px}.company-logo-thumbnail>span{color:var(--navy-900);font-size:var(--text-2xl);font-weight:800}.company-logo-copy{flex:1;min-width:0}.company-logo-copy strong,.company-logo-copy small{display:block}.company-logo-copy small{color:var(--muted);font-size:var(--text-sm);margin-top:5px}.company-logo-copy input[type=file]{min-height:0;font-size:var(--text-label);background:0 0;border:0;border-radius:0;margin-top:12px;padding:0}.company-logo-copy .btn{margin-top:10px}.company-logo-error{color:var(--danger)}.company-form-actions{justify-content:space-between;align-items:center;gap:16px}.company-form-actions>span{color:var(--muted);font-size:var(--text-sm)}.company-form-actions .btn{flex-shrink:0}@media (max-width:520px){.company-logo-upload{flex-direction:column;padding:14px}.company-logo-copy{width:100%}.company-form-actions{flex-direction:column;align-items:stretch}.company-form-actions .btn{width:100%}}.list-search{width:min(100%,520px);min-width:0}.list-pagination nav{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.list-pagination .btn{min-width:32px}@media (max-width:520px){.list-pagination nav{gap:4px}.list-pagination .btn{padding:0 8px}}.report-company-logo{object-fit:contain;background:#fff;border-radius:10px;width:100%;height:100%}.report-totals-bar{border:1px solid var(--line);background:var(--surface-2);color:var(--navy-900);font-size:var(--text-ui);border-radius:10px;margin:0 22px;padding:14px 16px;font-weight:700;line-height:1.8}.role-list-card .table-toolbar{padding:12px}.role-list-card .list-pagination{flex-direction:column;align-items:flex-start;gap:10px;padding:12px}body{line-height:1.6}small{font-size:var(--text-sm)}label,.filter-field label,.field label,.form-field label,label.field,.field>span,.user-create-form .field>span{font-size:var(--text-label);font-weight:600;line-height:1.5}input,select,textarea,.input,.select,.textarea{line-height:1.5}button,.btn{line-height:1.4}.btn svg{flex-shrink:0}table,.table,.profile-copy,.permission-option span{line-height:1.5}.page-header h2,.panel-header h2{font-size:var(--text-3xl);margin:0;line-height:1.25}.section-header h2,.section-title h2,.section-title h3,.form-section h2,.form-section h3{line-height:1.35}.eyebrow{font-size:var(--text-sm);font-weight:600;line-height:1.5}.btn.customer-add-button{min-height:42px}.transaction-customer-view,.report-option small,.company-logo-copy small,.helper,.field-help{line-height:1.5}@media (max-width:700px){input,select,textarea,.input,.select,.textarea{font-size:var(--text-base)}}.financial-metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;padding:20px 24px;display:grid}.financial-metric{border:1px solid var(--line);background:#f8fafc;border-radius:12px;flex-direction:column;gap:10px;padding:18px;display:flex}.financial-metric span{color:var(--muted);font-size:14px;font-weight:600}.financial-metric strong{color:var(--navy-900);overflow-wrap:anywhere;font-variant-numeric:tabular-nums;font-size:23px;line-height:1.3}.financial-metric.positive{background:#f0f8f4;border-color:#c8e4d4}.financial-metric.positive strong{color:#196444}.financial-metric.negative{background:#fff3f2;border-color:#edceca}.financial-metric.negative strong{color:#a32f27}.financial-basis{background:var(--gold-50);border:1px solid #e7dca9;border-radius:10px;margin:0 24px 20px;padding:16px 20px}.financial-basis strong{font-size:15px}.financial-basis p{color:var(--muted);margin:8px 0 0;font-size:14px;line-height:1.6}@media (max-width:1100px){.financial-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:600px){.financial-metrics{grid-template-columns:1fr;padding:16px}.financial-basis{margin:0 16px 16px}}.staff-editor{scroll-margin-top:100px;overflow:hidden}.staff-table-card{width:100%;min-width:0}.staff-table{min-width:900px}.staff-person{align-items:center;gap:12px;min-width:175px;display:flex}.staff-person strong{font-size:var(--text-body)}.staff-initials{height:38px;color:var(--navy-900);background:#edf2f8;border-radius:10px;flex:0 0 38px;place-items:center;font-size:13px;font-weight:700;display:grid}.staff-email{overflow-wrap:anywhere}.staff-role{border:1px solid var(--line);white-space:nowrap;background:#f1f4f8;border-radius:6px;padding:6px 10px;font-size:14px;font-weight:600;display:inline-flex}.staff-row-actions{flex-wrap:nowrap;align-items:center;gap:8px;display:flex}.staff-row-actions .btn{white-space:nowrap;flex-shrink:0}.staff-table td{padding-top:14px;padding-bottom:14px}.document-preview{overflow-wrap:anywhere;gap:12px;margin:16px 0;display:grid}.document-preview img{object-fit:contain;background:var(--surface-2);border-radius:10px;max-width:100%;max-height:480px;display:block}.document-preview iframe{border:1px solid var(--line-strong);border-radius:10px;width:100%;height:480px}.document-preview .btn{justify-self:start}.upload-field{width:100%;min-width:0}.upload-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.upload-badge{white-space:nowrap;background:var(--gold-100);color:var(--navy-900);border-radius:20px;padding:4px 9px;font-size:11px;font-weight:700}.upload-dropzone{border:1.5px dashed var(--line-strong);background:var(--surface-2);border-radius:16px;flex-wrap:wrap;align-items:center;gap:16px;padding:24px;transition:border-color .2s,background .2s;display:flex;position:relative}.upload-dropzone.is-dragging{background:#fff6df;border-color:#b28a38}.upload-dropzone.is-disabled{opacity:.65}.upload-symbol{color:#9c7428;background:#fff;border-radius:14px;flex-shrink:0;place-items:center;width:48px;height:48px;display:grid;box-shadow:0 2px 8px #13233b0a}.upload-symbol svg{width:25px;height:25px}.upload-copy{flex:1;min-width:160px}.upload-copy p{margin:5px 0;font-size:12px}.upload-copy small{color:#657184;font-size:11px}.upload-buttons{flex-wrap:wrap;gap:8px;display:flex}.upload-input{display:none}.upload-selected{border:1px solid var(--line-strong);border-radius:12px;margin-top:14px;padding:16px}.upload-selected>.btn{margin-top:10px}.upload-logo-preview{object-fit:contain;max-width:100%;max-height:140px;display:block}.upload-error{color:#b42318;margin-top:10px;font-size:12px}.upload-success{color:#147350;margin-top:10px;font-size:12px}.upload-progress{background:var(--gold-100);border-radius:8px;margin-top:10px;padding:12px;font-size:12px}.upload-camera{background:var(--surface-2);border-radius:14px;margin-top:14px;padding:16px}.upload-camera video{object-fit:contain;background:#172338;border-radius:12px;width:100%;max-height:340px;margin-bottom:12px;display:block}.photo-preview{flex-shrink:0;max-width:160px;margin:0}.photo-preview img{object-fit:contain;background:var(--surface-2);border-radius:16px;width:120px;height:120px}.customer-identity .photo-preview img{width:72px;height:72px}@media (max-width:600px){.upload-dropzone{padding:16px}.upload-buttons{width:100%}.upload-buttons .btn{flex:1}}.upload-field.has-file{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:0 16px;display:grid}.upload-field.has-file .upload-heading{grid-column:1/-1}.upload-field.has-file .upload-dropzone{grid-area:2/1}.upload-field.has-file .upload-selected{grid-area:2/2}.upload-field.has-file .upload-camera,.upload-field.has-file .upload-progress,.upload-field.has-file .upload-error,.upload-field.has-file .upload-success{grid-column:1/-1}.upload-dropzone{border-radius:12px;gap:12px;padding:14px 16px}.upload-symbol{border-radius:10px;width:36px;height:36px}.upload-copy small{display:none}.upload-selected{align-items:center;gap:12px;min-width:0;max-width:340px;margin:0;padding:10px 12px;display:flex}.upload-selected>.btn{flex-shrink:0;margin:0}.document-preview{min-width:0;margin:0}.document-thumbnail{align-items:center;gap:12px;display:flex}.document-preview .preview-media{background:var(--surface-2);border-radius:10px;flex:0 0 64px;place-items:center;width:64px;height:64px;display:grid;overflow:hidden}.document-preview img,.photo-preview img,.customer-identity .photo-preview img{object-fit:contain;border-radius:10px;width:64px;height:64px;max-height:64px}.preview-caption{gap:5px;min-width:0;font-size:12px;display:grid}.preview-caption strong{text-overflow:ellipsis;white-space:nowrap;max-width:150px;overflow:hidden}.preview-caption a{color:#8a651e;font-weight:600}.pdf-thumbnail{color:#a43b33;font-size:13px;font-weight:800}.preview-placeholder{background:var(--surface-2);border-radius:10px;place-items:center;width:64px;height:64px;display:grid}.upload-logo-preview{object-fit:contain;width:64px;height:64px;max-height:64px}.staff-person .preview-media,.staff-person .photo-preview img{border-radius:50%;flex-basis:36px;width:36px;height:36px}.staff-form-page{max-width:1000px}@media (max-width:800px){.upload-field.has-file{display:block}.upload-selected{max-width:100%;margin-top:10px}.upload-selected .document-preview{flex:1}.preview-caption strong{max-width:120px}}.attachment-grid{flex-wrap:wrap;gap:10px;margin-top:10px;display:flex}.reference-file{border:1px solid var(--line-strong);border-radius:10px;align-items:center;gap:12px;min-width:0;max-width:100%;padding:10px;display:flex}.attachment-list{margin-top:8px}.transaction-person{align-items:center;gap:10px;display:flex}.transaction-person .preview-media,.transaction-person .photo-preview img{flex-basis:38px;width:38px;height:38px}.receipt-actions{flex-wrap:wrap;gap:6px;display:flex}.btn.table-action:hover:not(:disabled),.btn.table-action:focus-visible{color:#fff;background:var(--navy-800);border-color:var(--navy-800);transform:none}.btn.table-action:focus-visible{outline:2px solid var(--navy-700);outline-offset:3px}.accounting-record{background:var(--surface);border:1px solid var(--line-strong);border-radius:4px;overflow:hidden}.record-fields{grid-template-columns:repeat(2,minmax(0,1fr));margin:0;padding:0 20px;display:grid}.record-fields>div{border-bottom:1px solid var(--line);grid-template-columns:140px minmax(0,1fr);align-items:baseline;gap:12px;padding:13px 16px 13px 0;display:grid}.record-fields dt,.ledger-totals dt,.voucher-caption{color:var(--muted);font-size:var(--text-label)}.record-fields dd{overflow-wrap:anywhere;margin:0}.record-fields a{text-underline-offset:3px;text-decoration:underline}.record-wide{grid-column:1/-1}.record-description{white-space:pre-wrap}.ledger-totals{background:var(--surface-2);flex-wrap:wrap;justify-content:flex-end;gap:24px 40px;margin:0;padding:16px 20px;display:flex}.ledger-totals>div{align-items:baseline;gap:16px;display:flex}.ledger-totals dd{font-variant-numeric:tabular-nums;margin:0;font-weight:700}.voucher-heading{border-bottom:1px solid var(--line-strong);justify-content:space-between;align-items:center;gap:16px;padding:20px;display:flex}.voucher-heading h2{overflow-wrap:anywhere;margin:4px 0 0}.voucher-amount{font-variant-numeric:tabular-nums;font-weight:750}.record-documents,.record-footer,.record-note{padding:16px 20px}.record-documents summary{cursor:pointer;font-weight:600}.record-documents h3,.record-documents p{margin:0 0 8px}.record-documents .document-preview{margin-top:12px}.record-footer{border-top:1px solid var(--line)}.record-note{background:var(--gold-50);border-bottom:1px solid var(--line)}.record-note p{margin:6px 0 0}@media (max-width:760px){.record-fields{grid-template-columns:1fr;padding:0 16px}.record-fields>div{grid-template-columns:120px minmax(0,1fr);padding-right:0}.ledger-totals{justify-content:flex-start;gap:12px 24px}}@media (max-width:400px){.record-fields>div{grid-template-columns:1fr;gap:4px}}.customer-record-header{grid-template-columns:minmax(0,1fr) 112px;align-items:start;gap:24px;padding:20px;display:grid}.customer-record-header .record-fields{min-width:0;padding:0}.customer-record-header .record-fields>div{grid-template-columns:112px minmax(0,1fr)}.customer-portrait{justify-self:end;width:112px;margin:0}.customer-portrait-frame{border:1px solid var(--line-strong);background:var(--surface-2);border-radius:6px;justify-content:center;align-items:center;width:112px;height:128px;display:flex;overflow:hidden}.customer-portrait-frame img{object-fit:cover;object-position:center top;width:100%;height:100%;display:block}.customer-portrait-frame:focus-visible{outline:2px solid var(--navy-700);outline-offset:3px}.customer-portrait-placeholder{color:#94a3b8;background:#f1f5f9}.customer-portrait figcaption{text-align:center;color:var(--muted);font-size:var(--text-xs);margin-top:8px}@media (max-width:1100px){.customer-record-header .record-fields{grid-template-columns:1fr}}@media (max-width:600px){.customer-record-header{grid-template-columns:minmax(0,1fr) 80px;gap:16px;padding:16px}.customer-record-header .record-fields>div{grid-template-columns:1fr;gap:4px;padding-right:0}.customer-portrait{width:80px}.customer-portrait-frame{width:80px;height:96px}.customer-portrait-placeholder svg{width:48px;height:48px}}.customer-list-person{align-items:center;gap:12px;min-width:190px;display:flex}.customer-list-person>div{min-width:0}.customer-portrait-compact{flex:0 0 40px;width:40px}.customer-portrait-compact .customer-portrait-frame{border-radius:5px;width:40px;height:44px}.customer-portrait-placeholder img{object-fit:cover}th.photo-column,td.photo-column{text-align:center;width:72px;min-width:72px}.photo-column .customer-portrait{margin:0 auto}