body{margin:0}#root{min-height:100vh}:root{--bg:#edf1fb;--surface:#fff;--surface-2:#f5f8ff;--border:#6378c021;--blue-600:#2563eb;--blue-700:#1d4ed8;--text:#0f172a;--text-2:#475569;--text-3:#94a3b8;--green:#10b981;--green-bg:#ecfdf5;--green-text:#065f46;--red:#ef4444;--red-bg:#fef2f2;--red-text:#991b1b;--amber-bg:#fffbeb;--amber-text:#92400e;--shadow:0 2px 8px #0f172a0f, 0 1px 2px #0f172a0a;--shadow-md:0 4px 16px #0f172a14;--shadow-lg:0 8px 32px #2563eb2e;--r:16px;--r-sm:10px;--r-xs:6px;--font:"Bricolage Grotesque", sans-serif;--mono:"DM Mono", monospace;--sidebar-w:240px;--topbar-h:60px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}body{font-family:var(--font);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}body:before{content:"";pointer-events:none;z-index:0;background-image:radial-gradient(circle,#6378c012 1px,#0000 1px);background-size:28px 28px;position:fixed;inset:0}.app-shell{min-height:100vh;display:flex;position:relative}.sidebar{width:var(--sidebar-w);z-index:200;background:#0f172a;flex-direction:column;height:100vh;transition:transform .25s;display:flex;position:fixed;top:0;left:0}.sidebar-overlay{z-index:199;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000073;display:none;position:fixed;inset:0}.main-area{margin-left:var(--sidebar-w);flex-direction:column;flex:1;min-width:0;display:flex}.topbar{background:var(--surface);border-bottom:1px solid var(--border);height:var(--topbar-h);z-index:100;box-shadow:0 1px 0 var(--border);align-items:center;gap:12px;padding:0 28px;display:flex;position:sticky;top:0}.page-content{flex:1;min-width:0;padding:28px}.sidebar-logo{border-bottom:1px solid #ffffff0f;flex-shrink:0;align-items:center;gap:10px;padding:18px 16px 14px;display:flex}.sidebar-logo-icon{background:linear-gradient(135deg, var(--blue-700), #3b82f6);border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;display:flex;box-shadow:0 4px 12px #2563eb66}.sidebar-logo-text{color:#fff;letter-spacing:-.3px;white-space:nowrap;font-size:15.5px;font-weight:700}.sidebar-logo-text em{color:#ffffff61;font-style:normal}.sidebar-nav{scrollbar-width:none;flex-direction:column;flex:1;gap:1px;padding:10px 8px;display:flex;overflow:hidden auto}.sidebar-nav::-webkit-scrollbar{display:none}.sidebar-section{letter-spacing:.8px;text-transform:uppercase;color:#fff3;padding:12px 10px 5px;font-size:10px;font-weight:600}.nav-item{color:#ffffff7a;cursor:pointer;font-size:13.5px;font-weight:500;font-family:var(--font);white-space:nowrap;border-radius:9px;align-items:center;gap:10px;padding:9px 12px;text-decoration:none;transition:all .15s;display:flex}.nav-item:hover{color:#ffffffd9;background:#ffffff12}.nav-item.active{color:#93c5fd;background:#2563eb38}.nav-item svg{flex-shrink:0}.sidebar-footer{border-top:1px solid #ffffff0f;flex-shrink:0;padding:10px 8px 14px}.user-card{border-radius:9px;align-items:center;gap:10px;margin-bottom:2px;padding:8px 10px;display:flex}.user-avatar{color:#fff;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:11.5px;font-weight:700;display:flex}.user-name{color:#ffffffbf;font-size:13px;font-weight:600}.user-role{color:#ffffff4d;font-size:11px}.logout-btn{color:#ffffff59;cursor:pointer;font-size:13px;font-weight:500;font-family:var(--font);background:0 0;border:none;border-radius:9px;align-items:center;gap:9px;width:100%;padding:8px 12px;transition:all .15s;display:flex}.logout-btn:hover{color:#fca5a5;background:#ef444426}.topbar-hamburger{border:1.5px solid var(--border);border-radius:var(--r-sm);cursor:pointer;width:36px;height:36px;color:var(--text-2);background:0 0;flex-shrink:0;justify-content:center;align-items:center;display:none}.topbar-right{align-items:center;gap:10px;margin-left:auto;display:flex}.topbar-date{color:var(--text-2);background:var(--surface-2);border:1px solid var(--border);border-radius:9px;padding:7px 13px;font-size:12.5px;font-weight:500}.icon-btn{background:var(--surface);border:1px solid var(--border);cursor:pointer;width:36px;height:36px;color:var(--text-2);box-shadow:var(--shadow);border-radius:9px;justify-content:center;align-items:center;transition:all .15s;display:flex}.icon-btn:hover{border-color:var(--blue-600);color:var(--blue-600)}.topbar-avatar{color:#fff;cursor:pointer;width:36px;height:36px;box-shadow:var(--shadow);background:linear-gradient(135deg,#667eea,#764ba2);border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;font-size:13px;font-weight:700;display:flex}.page-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:24px;display:flex}.page-title{letter-spacing:-.5px;font-size:22px;font-weight:700}.page-subtitle{color:var(--text-2);margin-top:3px;font-size:13px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r);box-shadow:var(--shadow)}.card-pad{padding:20px 22px}.card-pad-sm{padding:14px 16px}.stats-grid{grid-template-columns:repeat(5,1fr);gap:14px;margin-bottom:26px;display:grid}.stat-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r);box-shadow:var(--shadow);padding:18px 20px;transition:transform .2s,box-shadow .2s}.stat-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.stat-card.primary{background:linear-gradient(135deg,#1d4ed8 0%,#2563eb 50%,#3b82f6 100%);border-color:#0000;box-shadow:0 8px 28px #2563eb61}.stat-label{letter-spacing:.5px;text-transform:uppercase;color:var(--text-3);margin-bottom:8px;font-size:11px;font-weight:600}.stat-card.primary .stat-label{color:#fff9}.stat-value{font-family:var(--mono);color:var(--text);letter-spacing:-.5px;margin-bottom:5px;font-size:20px;font-weight:500}.stat-card.primary .stat-value{color:#fff;font-size:22px}.stat-change{font-size:11.5px;font-weight:600}.stat-change.up{color:var(--green)}.stat-change.down{color:var(--red)}.stat-card.primary .stat-change.up{color:#86efac}.dash-grid{grid-template-columns:1fr 318px;align-items:start;gap:20px;display:grid}.dash-left{flex-direction:column;gap:18px;min-width:0;display:flex}.dash-right{flex-direction:column;gap:16px;min-width:0;display:flex}.cards-scroll{scrollbar-width:none;gap:14px;padding-bottom:6px;display:flex;overflow-x:auto}.cards-scroll::-webkit-scrollbar{display:none}.bank-card{color:#fff;cursor:pointer;border-radius:18px;flex:0 0 234px;height:142px;padding:18px 20px;transition:transform .2s;position:relative;overflow:hidden;box-shadow:0 8px 28px #2563eb2e}.bank-card:hover{transform:translateY(-3px)}.bank-card:before{content:"";border:1px solid #ffffff1a;border-radius:50%;width:160px;height:160px;position:absolute;top:-40px;right:-40px}.bank-card:after{content:"";border:1px solid #ffffff12;border-radius:50%;width:100px;height:100px;position:absolute;bottom:-26px;right:18px}.bc-bank{letter-spacing:.8px;text-transform:uppercase;opacity:.65;margin-bottom:4px;font-size:10px;font-weight:600}.bc-balance{font-family:var(--mono);letter-spacing:-.5px;margin-bottom:2px;font-size:22px;font-weight:500}.bc-change{opacity:.6;font-size:10.5px}.bc-bottom{justify-content:space-between;align-items:center;display:flex;position:absolute;bottom:16px;left:20px;right:20px}.bc-number{font-family:var(--mono);opacity:.55;letter-spacing:.8px;font-size:10.5px}.bc-abbr{letter-spacing:1.5px;opacity:.7;font-size:10.5px;font-weight:700}.bc-add{border:2px dashed var(--border);cursor:pointer;height:142px;color:var(--text-3);border-radius:18px;flex-direction:column;flex:0 0 234px;justify-content:center;align-items:center;gap:8px;transition:all .15s;display:flex}.bc-add:hover{border-color:var(--blue-600);color:var(--blue-600)}.bc-add-icon{border:2px dashed;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:20px;display:flex}.bc-add-text{font-size:12px;font-weight:500}.chart-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;display:flex}.chart-legend{align-items:center;gap:14px;display:flex}.legend-item{color:var(--text-2);align-items:center;gap:6px;font-size:12px;font-weight:500;display:flex}.legend-dot{border-radius:50%;width:8px;height:8px}.period-tabs{background:var(--surface-2);border:1px solid var(--border);border-radius:8px;gap:2px;padding:3px;display:flex}.period-tab{color:var(--text-3);cursor:pointer;font-size:12px;font-weight:500;font-family:var(--font);background:0 0;border:none;border-radius:6px;padding:5px 12px}.period-tab.active{background:var(--surface);color:var(--text);box-shadow:var(--shadow);font-weight:600}.chart-svg{width:100%;height:160px;margin-top:14px;display:block}.chart-x{justify-content:space-between;padding-top:6px;display:flex}.chart-x span{font-family:var(--mono);color:var(--text-3);font-size:11px}.table-card{overflow:hidden}.table-card-head{padding:16px 20px 12px}.data-table-wrap{min-width:0;overflow-x:auto}.data-table{border-collapse:collapse;width:100%}.data-table thead th{letter-spacing:.4px;text-transform:uppercase;color:var(--text-3);text-align:left;background:var(--surface-2);border-top:1px solid var(--border);border-bottom:1px solid var(--border);white-space:nowrap;padding:8px 16px;font-size:11px;font-weight:600}.data-table tbody tr{border-bottom:1px solid var(--border);transition:background .1s}.data-table tbody tr:last-child{border-bottom:none}.data-table tbody tr:hover{background:var(--surface-2)}.data-table tbody td{color:var(--text);padding:11px 16px;font-size:13.5px}.td-mono{font-family:var(--mono);font-size:12.5px;font-weight:500}.td-blue{color:var(--blue-600)}.td-muted{color:var(--text-2);font-size:13px}.td-right,.data-table thead th.td-right{text-align:right}.inv-link{cursor:pointer;font-family:var(--mono);color:var(--blue-600);text-underline-offset:2px;background:0 0;border:none;padding:0;font-size:12.5px;font-weight:700;text-decoration:underline}.inv-link:hover{color:var(--blue-700,#1d4ed8)}.td-small{color:var(--text-3);font-size:12px}.badge{border-radius:20px;align-items:center;padding:3px 10px;font-size:11.5px;font-weight:600;display:inline-flex}.badge-paid{background:var(--green-bg);color:var(--green-text)}.badge-pending{background:var(--amber-bg);color:var(--amber-text)}.badge-overdue{background:var(--red-bg);color:var(--red-text)}.badge-blue,.badge-local{color:var(--blue-600);background:#eff6ff}.badge-foreign{color:#166534;background:#f0fdf4}.badge-active{background:var(--green-bg);color:var(--green-text)}.badge-blocked{background:var(--red-bg);color:var(--red-text)}.badge-admin{color:#7e22ce;background:#fdf4ff}.btn{border-radius:var(--r-sm);font-family:var(--font);cursor:pointer;white-space:nowrap;border:none;align-items:center;gap:7px;padding:9px 18px;font-size:13.5px;font-weight:600;text-decoration:none;transition:all .15s;display:inline-flex}.btn-primary{background:linear-gradient(135deg, var(--blue-700), var(--blue-600));color:#fff;box-shadow:0 2px 8px #2563eb52}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 14px #2563eb6b}.btn-ghost{background:var(--surface);color:var(--text-2);border:1.5px solid var(--border)}.btn-ghost:hover{border-color:var(--blue-600);color:var(--blue-600);background:#eff6ff}.btn-danger{background:var(--red-bg);color:var(--red-text);border:1.5px solid #ef444433}.btn-danger:hover{background:var(--red);color:#fff;border-color:var(--red)}.btn-sm{padding:6px 14px;font-size:12.5px}.btn-xs{border-radius:var(--r-xs);padding:4px 10px;font-size:12px}.btn-icon{padding:8px}.tabs{background:var(--surface-2);border:1px solid var(--border);border-radius:12px;gap:2px;width:fit-content;padding:4px;display:flex}.tab-btn{color:var(--text-2);cursor:pointer;font-size:13.5px;font-weight:500;font-family:var(--font);background:0 0;border:none;border-radius:9px;padding:8px 18px;transition:all .15s}.tab-btn:hover{color:var(--text);background:#ffffff80}.tab-btn.active{background:var(--surface);color:var(--text);box-shadow:var(--shadow);font-weight:600}.field{margin-bottom:16px}.field label{letter-spacing:.4px;text-transform:uppercase;color:var(--text-2);margin-bottom:7px;font-size:11.5px;font-weight:600;display:block}.input{border:1.5px solid var(--border);border-radius:var(--r-sm);width:100%;font-family:var(--font);color:var(--text);background:var(--surface);outline:none;padding:10px 14px;font-size:14px;transition:border-color .15s,box-shadow .15s}.input:focus{border-color:var(--blue-600);box-shadow:0 0 0 3px #2563eb1a}.input::placeholder{color:var(--text-3)}.input-icon-left{padding-left:40px}.input-wrap{position:relative}.input-wrap .iicon{color:var(--text-3);pointer-events:none;position:absolute;top:50%;left:13px;transform:translateY(-50%)}.input-wrap:focus-within .iicon{color:var(--blue-600)}.search-box{background:var(--surface);border:1.5px solid var(--border);border-radius:var(--r-sm);align-items:center;gap:8px;padding:8px 14px;transition:border-color .15s;display:flex}.search-box:focus-within{border-color:var(--blue-600)}.search-box input{font-family:var(--font);color:var(--text);background:0 0;border:none;outline:none;width:180px;font-size:13.5px}.search-box input::placeholder{color:var(--text-3)}.search-box svg{color:var(--text-3);flex-shrink:0}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:500;background:#0f172a80;justify-content:center;align-items:center;padding:16px;animation:.15s fadeIn;display:flex;position:fixed;inset:0}.modal{background:var(--surface);border-radius:var(--r);width:100%;max-width:520px;max-height:90vh;animation:.2s slideUp;overflow-y:auto;box-shadow:0 24px 64px #0000002e}.modal-header{justify-content:space-between;align-items:center;padding:20px 24px 0;display:flex}.modal-title{letter-spacing:-.3px;font-size:17px;font-weight:700}.modal-body{padding:20px 24px}.modal-footer{justify-content:flex-end;gap:10px;padding:0 24px 20px;display:flex}.modal-close{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-xs);cursor:pointer;width:32px;height:32px;color:var(--text-2);justify-content:center;align-items:center;transition:all .15s;display:flex}.modal-close:hover{background:var(--red-bg);color:var(--red-text)}.section-header{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.section-title{letter-spacing:-.3px;font-size:15px;font-weight:700}.section-link{color:var(--blue-600);cursor:pointer;font-size:13px;font-weight:500;text-decoration:none}.filter-pills{flex-wrap:wrap;gap:6px;display:flex}.pill{border:1.5px solid var(--border);color:var(--text-2);cursor:pointer;background:var(--surface);font-size:12.5px;font-weight:600;font-family:var(--font);border-radius:20px;padding:6px 14px;transition:all .15s}.pill:hover{border-color:var(--blue-600);color:var(--blue-600)}.pill.active{background:var(--blue-600);color:#fff;border-color:var(--blue-600);box-shadow:0 2px 8px #2563eb4d}.rate-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:11px 0;display:flex}.rate-row:last-child{border-bottom:none;padding-bottom:0}.rate-left{align-items:center;gap:10px;display:flex}.curr-flag{border:1px solid var(--border);border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:16px;display:flex}.curr-name{font-size:13.5px;font-weight:600}.curr-sub{color:var(--text-3);font-size:11px}.rate-vals{text-align:right}.rate-buy{font-family:var(--mono);font-size:14px;font-weight:500}.rate-sell{font-family:var(--mono);color:var(--text-3);margin-top:1px;font-size:11px}.qs-grid{grid-template-columns:1fr 1fr;gap:10px;margin-top:4px;display:grid}.qs-item{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-sm);padding:13px}.qs-val{font-family:var(--mono);font-size:20px;font-weight:500}.qs-label{color:var(--text-3);margin-top:2px;font-size:11px;font-weight:500}.op-row{border-bottom:1px solid var(--border);align-items:center;gap:10px;padding:9px 0;display:flex}.op-row:last-child{border-bottom:none;padding-bottom:0}.op-av{color:#fff;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:11px;font-weight:700;display:flex}.op-name{font-size:13px;font-weight:600}.op-count{color:var(--text-3);font-size:11.5px}.op-amt{font-family:var(--mono);margin-left:auto;font-size:12.5px;font-weight:500}.empty-state{color:var(--text-3);flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:48px 20px;display:flex}.empty-state p{font-size:14px;font-weight:500}.login-page{min-height:100vh;display:flex}.login-left{background:linear-gradient(155deg,#0d1f5c 0%,#1a3fa5 35%,#1d4ed8 62%,#2b68f5 100%);flex-direction:column;flex:0 0 44%;padding:44px 48px;animation:.5s both panelIn;display:flex;position:relative;overflow:hidden}.login-left:before{content:"";border:1px solid #ffffff12;border-radius:50%;width:480px;height:480px;position:absolute;top:-140px;right:-140px}.login-left:after{content:"";border:1px solid #ffffff0d;border-radius:50%;width:300px;height:300px;position:absolute;bottom:-80px;left:-80px}.login-left-circle{border:1px solid #ffffff0f;border-radius:50%;width:180px;height:180px;position:absolute;bottom:180px;right:60px}.login-logo{z-index:1;align-items:center;gap:11px;display:flex;position:relative}.login-logo-icon{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff26;border:1px solid #ffffff40;border-radius:11px;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.login-logo-text{color:#fff;letter-spacing:-.4px;font-size:18px;font-weight:700}.login-logo-text em{color:#ffffff6b;font-style:normal}.glass-cards{z-index:2;pointer-events:none;position:absolute;inset:0}.gc{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#fff;background:#ffffff17;border:1px solid #ffffff29;border-radius:16px;min-width:148px;padding:14px 18px;position:absolute}.gc-1{animation:4.5s ease-in-out infinite float;top:130px;right:28px}.gc-2{animation:4.5s ease-in-out 1.8s infinite float;top:260px;left:24px}.gc-3{animation:4.5s ease-in-out 3.2s infinite float;bottom:140px;right:40px}.gc-label{letter-spacing:.7px;text-transform:uppercase;color:#ffffff80;margin-bottom:5px;font-size:10px;font-weight:600}.gc-value{font-family:var(--mono);letter-spacing:-.3px;font-size:19px;font-weight:500}.gc-change{color:#86efac;margin-top:3px;font-size:11px}.gc-row{gap:18px;display:flex}.gc-sub{color:#fff6;margin-top:1px;font-size:10px}.login-headline{z-index:1;margin-top:auto;position:relative}.login-headline h1{color:#fff;letter-spacing:-.7px;margin-bottom:12px;font-size:32px;font-weight:700;line-height:1.2}.login-headline p{color:#ffffff80;max-width:280px;font-size:14px;line-height:1.6}.login-right{background:var(--surface);flex:1;justify-content:center;align-items:center;padding:48px;animation:.45s .1s both slideUp;display:flex;position:relative}.login-right:before{content:"";background-image:radial-gradient(circle,#6378c012 1px,#0000 1px);background-size:26px 26px;position:absolute;inset:0}.login-form{width:100%;max-width:380px;position:relative}.login-form-logo{align-items:center;gap:9px;margin-bottom:36px;display:flex}.login-form-logo-icon{background:linear-gradient(135deg, var(--blue-700), #3b82f6);border-radius:9px;justify-content:center;align-items:center;width:32px;height:32px;display:flex;box-shadow:0 4px 10px #2563eb4d}.login-form-logo-text{color:var(--text);letter-spacing:-.3px;font-size:15px;font-weight:700}.login-form-logo-text em{color:var(--blue-600);font-style:normal}.login-title{color:var(--text);letter-spacing:-.6px;margin-bottom:6px;font-size:27px;font-weight:700}.login-sub{color:var(--text-2);margin-bottom:32px;font-size:14px;line-height:1.5}.pw-field{position:relative}.pw-field .input{padding-right:44px}.pw-toggle{color:var(--text-3);cursor:pointer;z-index:2;background:0 0;border:none;align-items:center;padding:4px;transition:color .15s;display:flex;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.pw-toggle:hover{color:var(--text-2)}.form-meta{justify-content:flex-end;margin-top:-8px;margin-bottom:24px;display:flex}.forgot{color:var(--blue-600);cursor:pointer;font-size:13px;font-weight:500;font-family:var(--font);background:0 0;border:none}.btn-login{background:linear-gradient(135deg, var(--blue-700) 0%, var(--blue-600) 60%, #4f7ff5 100%);color:#fff;width:100%;font-family:var(--font);cursor:pointer;border:none;border-radius:12px;padding:13px;font-size:15px;font-weight:600;transition:transform .15s,box-shadow .15s;box-shadow:0 4px 18px #2563eb6b}.btn-login:hover{transform:translateY(-1px);box-shadow:0 6px 24px #2563eb80}.btn-login:disabled{opacity:.6;cursor:not-allowed;transform:none}.divider{align-items:center;gap:14px;margin:24px 0 18px;display:flex}.divider-line{background:var(--border);flex:1;height:1px}.divider-text{color:var(--text-3);font-size:11px;font-weight:500}.form-footer{border-top:1px solid var(--border);justify-content:space-between;align-items:center;padding-top:18px;display:flex}.form-footer span{color:var(--text-3);font-size:12px}.footer-ver{font-family:var(--mono);color:var(--text-3);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-xs);padding:3px 9px;font-size:11px}.error-msg{background:var(--red-bg);color:var(--red-text);border-radius:var(--r-sm);border:1px solid #ef444433;margin-bottom:16px;padding:10px 14px;font-size:13.5px;font-weight:500;animation:.2s fadeIn}.offcanvas-overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:400;background:#0f172a6b;animation:.2s fadeIn;position:fixed;inset:0}.offcanvas{width:440px;max-width:100%;position:fixed;top:0;bottom:0;right:0}.offcanvas-wide{width:min(960px,96vw)}.offcanvas-medium{width:min(680px,96vw)}.offcanvas-shifted{transition:right .25s cubic-bezier(.32,.72,0,1);right:700px}.offcanvas-wide.offcanvas-shifted{width:min(900px,96vw - 720px)}@media (width<=1200px){.offcanvas-shifted{right:0}}.offcanvas,.offcanvas-wide{background:var(--surface);z-index:401;flex-direction:column;animation:.25s cubic-bezier(.32,.72,0,1) slideInRight;display:flex;overflow:hidden;box-shadow:-8px 0 40px #0000001f}.offcanvas-header{border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;padding:20px 22px 16px;display:flex}.offcanvas-title{letter-spacing:-.3px;font-size:16px;font-weight:700}.offcanvas-stickytop{border-bottom:1px solid var(--border);flex-shrink:0;padding:16px 22px 0}.offcanvas-stickytop>:last-child{margin-bottom:16px}.offcanvas-body{scrollbar-width:thin;scrollbar-color:var(--border) transparent;flex:1;padding:22px;overflow-y:auto}.offcanvas-footer{border-top:1px solid var(--border);flex-shrink:0;justify-content:flex-end;gap:10px;padding:14px 22px 18px;display:flex}@keyframes slideInRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.detail-row{border-bottom:1px solid var(--border);align-items:flex-start;gap:12px;padding:11px 0;display:flex}.detail-row:last-child{border-bottom:none}.detail-icon{color:var(--text-3);flex-shrink:0;margin-top:1px}.detail-label{letter-spacing:.4px;text-transform:uppercase;color:var(--text-3);margin-bottom:2px;font-size:11px;font-weight:600}.detail-value{color:var(--text);font-size:14px;font-weight:500}@media (width<=640px){.offcanvas{border-radius:20px 20px 0 0;width:100%;height:auto;max-height:88vh;animation:.28s cubic-bezier(.32,.72,0,1) slideInBottom;inset:auto 0 0}.offcanvas:before{content:"";background:var(--border);border-radius:2px;flex-shrink:0;width:36px;height:4px;margin:10px auto -4px;display:block}}@keyframes slideInBottom{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.pagination{border-top:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:12px 16px;display:flex}.pagination-info{color:var(--text-2);font-size:13px;font-weight:500}.pagination-btns{align-items:center;gap:4px;display:flex}.page-btn{border-radius:var(--r-xs);border:1.5px solid var(--border);background:var(--surface);min-width:32px;height:32px;color:var(--text-2);font-family:var(--font);cursor:pointer;justify-content:center;align-items:center;padding:0 8px;font-size:13px;font-weight:500;transition:all .15s;display:flex}.page-btn:hover:not(:disabled){border-color:var(--blue-600);color:var(--blue-600)}.page-btn.active{background:var(--blue-600);color:#fff;border-color:var(--blue-600)}.page-btn:disabled{opacity:.4;cursor:not-allowed}.desktop-only{display:block}.mobile-only{display:none}.op-card{border-bottom:1px solid var(--border);padding:14px 16px;transition:background .1s}.op-card:last-child{border-bottom:none}.op-card:hover{background:var(--surface-2)}.op-card-top{justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:8px;display:flex}.op-card-name{letter-spacing:-.2px;font-size:14.5px;font-weight:700}.op-card-meta{color:var(--text-2);flex-direction:column;gap:4px;font-size:13px;display:flex}.op-card-row{align-items:center;gap:6px;display:flex}.op-card-actions{gap:6px;margin-top:10px;display:flex}@media (width<=640px){.desktop-only{display:none!important}.mobile-only{display:block!important}}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes panelIn{0%{opacity:0;transform:translate(-14px)}to{opacity:1;transform:translate(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.anim-1{animation:.35s both fadeUp}.anim-2{animation:.35s 70ms both fadeUp}.anim-3{animation:.35s .14s both fadeUp}@media (width<=1200px){.stats-grid{grid-template-columns:repeat(3,1fr)}.stats-grid>:first-child{grid-column:1/-1}.dash-grid{grid-template-columns:1fr}.dash-right{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}}@media (width<=900px){.login-left{display:none}.login-right{padding:40px 28px}.topbar-hamburger{display:flex}.sidebar{transform:translate(-100%)}.sidebar.open{transform:translate(0)}.sidebar-overlay{display:block}.main-area{margin-left:0}}@media (width<=700px){.page-content{padding:16px}.stats-grid{grid-template-columns:1fr 1fr;gap:10px}.stats-grid>:first-child{grid-column:1/-1}.dash-right{grid-template-columns:1fr}.topbar{padding:0 16px}.topbar-date{display:none}.data-table thead th,.data-table tbody td{padding:9px 12px}}@media print{body:before{content:none!important;display:none!important}.sidebar,.topbar,.sidebar-overlay,.no-print{display:none!important}.main-area,.page-content{margin:0!important;padding:0!important}.card{break-inside:avoid;box-shadow:none!important;border:1px solid #ddd!important}.data-table{font-size:11px}.print-period{color:#000!important}}.print-page{color:#111;background:#f0f2f5;min-height:100vh;padding:32px 16px 64px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Arial,sans-serif}.a4-sheet{background:#fff;border-radius:4px;max-width:800px;margin:0 auto;padding:48px 52px 52px;box-shadow:0 2px 20px #0000001f}.print-toolbar{justify-content:flex-end;gap:10px;max-width:800px;margin:0 auto 16px;display:flex}.inv-header{border-bottom:2px solid #111;justify-content:space-between;align-items:flex-start;margin-bottom:22px;padding-bottom:18px;display:flex}.inv-logo{object-fit:contain;width:auto;max-width:300px;height:72px}.inv-company-name{letter-spacing:-.5px;color:#111;font-size:22px;font-weight:800;line-height:1.2}.inv-company-sub{color:#555;margin-top:3px;font-size:12px}.inv-title-block{text-align:right}.inv-title{color:#111;letter-spacing:.5px;font-size:20px;font-weight:700;line-height:1.2}.inv-date{color:#555;margin-top:4px;font-size:12px}.inv-info-grid{border-bottom:1px solid #ddd;grid-template-columns:1fr 1fr;gap:6px 32px;margin-bottom:24px;padding-bottom:18px;display:grid}.inv-info-row{gap:6px;font-size:13px;line-height:1.5;display:flex}.inv-info-label{color:#666;text-transform:uppercase;letter-spacing:.3px;flex-shrink:0;min-width:90px;padding-top:1px;font-size:11.5px}.inv-info-value{color:#111;font-weight:600}.inv-section-title{letter-spacing:1px;text-transform:uppercase;color:#555;border-bottom:1px solid #e5e5e5;margin:22px 0 8px;padding-bottom:4px;font-size:11px;font-weight:700}.inv-table{border-collapse:collapse;width:100%;margin-bottom:4px;font-size:12.5px}.inv-table th{color:#444;text-transform:uppercase;letter-spacing:.4px;text-align:left;white-space:nowrap;background:#f5f5f5;border:1px solid #ddd;padding:7px 10px;font-size:11px;font-weight:600}.inv-table td{color:#222;vertical-align:top;border:1px solid #e0e0e0;padding:7px 10px;line-height:1.4}.inv-table tbody tr:nth-child(2n) td{background:#fafafa}.inv-table .td-num{text-align:right;white-space:nowrap;font-family:Courier New,monospace;font-weight:600}.inv-table .td-center{text-align:center}.inv-totals{justify-content:flex-end;margin-top:20px;display:flex}.inv-totals-table{border-collapse:collapse;width:280px;font-size:13px}.inv-totals-table td{border:1px solid #e0e0e0;padding:6px 10px}.inv-totals-table tr:last-child td{background:#f5f5f5;border-top:2px solid #111;font-size:14px;font-weight:700}.inv-totals-label{color:#555;font-weight:500}.inv-totals-value{text-align:right;color:#111;white-space:nowrap;font-family:Courier New,monospace;font-weight:600}.inv-totals-value.balance-due{color:#c0392b}.inv-totals-value.paid{color:#27ae60}.inv-bank{color:#222;background:#fafafa;border:1px solid #ddd;border-radius:4px;padding:10px 14px;font-size:12.5px;line-height:1.7}.inv-bank span{color:#666;min-width:130px;display:inline-block}.inv-bank .mono{font-family:Courier New,monospace}.inv-note{color:#555;background:#fafafa;border-left:3px solid #bbb;margin-top:18px;padding:10px 14px;font-size:12px;line-height:1.6}.inv-footer{color:#555;border-top:1px solid #ddd;justify-content:space-between;align-items:flex-end;margin-top:40px;padding-top:18px;font-size:12px;display:flex}.inv-footer-manager{line-height:1.6}.inv-footer-sig{text-align:right;line-height:1.6}.inv-sig-line{border-bottom:1px solid #999;width:180px;height:28px;margin-bottom:4px}.print-state{text-align:center;color:#666;max-width:800px;margin:80px auto;font-size:15px}.btn{cursor:pointer;border:none;border-radius:6px;align-items:center;gap:6px;padding:8px 18px;font-size:13px;font-weight:600;text-decoration:none;transition:opacity .15s;display:inline-flex}.btn:hover{opacity:.85}.btn-primary{color:#fff;background:#2563eb}.btn-ghost{color:#333;background:#f1f1f1;border:1px solid #ddd}@media print{.no-print{display:none!important}body:before{content:none!important;display:none!important}html,body{background:#fff!important;height:auto!important}.a4-sheet,.inv-logo,.inv-table th,.inv-totals-table tr:last-child td{-webkit-print-color-adjust:exact;print-color-adjust:exact}.print-page{min-height:unset;background:#fff!important;padding:0!important}.a4-sheet{box-shadow:none!important;border-radius:0!important;max-width:none!important;margin:0!important;padding:0!important}@page{margin:12mm;size:A4 portrait}.a4-sheet{width:100%;max-width:100%;font-size:12px;padding:0!important}.inv-table{table-layout:fixed;width:100%}.inv-table th,.inv-table td{word-break:break-word;overflow-wrap:anywhere;white-space:normal!important}.inv-logo{height:44px}.inv-table tr,.inv-totals,.inv-footer{page-break-inside:avoid}}