@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=JetBrains+Mono:wght@500;600;700&display=swap";:root{--color-navy-dark:#0b131f;--color-navy:#111c2d;--color-navy-light:#1e2d45;--color-navy-hover:#263854;--color-gold:#d97706;--color-gold-hover:#b45309;--color-gold-light:#fef3c7;--color-gold-text:#92400e;--color-surface:#f8fafc;--color-card:#fff;--color-border:#e2e8f0;--color-border-dark:#cbd5e1;--color-text-main:#0f172a;--color-text-muted:#64748b;--color-text-light:#94a3b8;--color-success:#059669;--color-success-bg:#ecfdf5;--color-danger:#dc2626;--color-danger-bg:#fef2f2;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono:"JetBrains Mono", monospace;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--shadow-sm:0 1px 3px #0f172a0d;--shadow-md:0 4px 12px #0f172a14;--shadow-lg:0 10px 30px #0f172a1f}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--color-surface);color:var(--color-text-main);-webkit-font-smoothing:antialiased;line-height:1.5}.app-header{z-index:100;margin-bottom:1rem;padding:0 .75rem;position:sticky;top:.5rem}.header-notched-container{background-color:var(--color-navy);color:#fff;border:1px solid #d9770659;border-radius:14px;justify-content:space-between;align-items:center;gap:.75rem;max-width:1300px;margin:0 auto;padding:.45rem 1rem;display:flex;box-shadow:0 8px 20px #0b131f33}.brand-section{flex-shrink:0;align-items:center;gap:.75rem;display:flex}.brand-logo{letter-spacing:-.02em;color:#fff;align-items:center;gap:.65rem;font-size:1.1rem;font-weight:800;text-decoration:none;display:flex}.brand-logo-img{object-fit:contain;border-radius:6px;width:auto;height:34px}.location-badge{background-color:var(--color-navy-light);color:#fcd34d;border:1px solid #d977064d;border-radius:9999px;align-items:center;gap:.35rem;padding:.25rem .65rem;font-size:.75rem;font-weight:600;display:flex}.location-dot{background-color:#10b981;border-radius:50%;width:6px;height:6px}.nav-links-notched{scrollbar-width:none;-ms-overflow-style:none;align-items:center;gap:.35rem;padding:.15rem 0;display:flex;overflow-x:auto}.nav-links-notched::-webkit-scrollbar{display:none}.nav-item-notched{color:#94a3b8;white-space:nowrap;border-radius:8px;align-items:center;gap:.35rem;padding:.45rem .8rem;font-size:.825rem;font-weight:600;text-decoration:none;transition:all .2s;display:flex}.nav-item-notched:hover{color:#fff;background-color:var(--color-navy-light)}.nav-item-notched.active{color:#fff;background-color:var(--color-gold);font-weight:700;box-shadow:0 2px 6px #d977064d}.header-actions{flex-shrink:0;align-items:center;gap:.65rem;display:flex}.user-info{color:#94a3b8;align-items:center;gap:.5rem;font-size:.825rem;display:flex}.btn-logout{color:#fff;border-radius:var(--radius-sm);cursor:pointer;background-color:#0000;border:1px solid #fff3;padding:.3rem .65rem;font-size:.75rem;font-weight:600;transition:all .2s}.btn-logout:hover{background-color:var(--color-danger);border-color:var(--color-danger)}.password-field-wrapper{align-items:center;display:flex;position:relative}.password-field-wrapper .form-control{padding-right:2.75rem}.password-toggle-btn{cursor:pointer;color:var(--color-text-muted);background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:.25rem;font-size:1.1rem;display:flex;position:absolute;right:.75rem}.password-toggle-btn:hover{color:var(--color-navy)}.main-wrapper{max-width:1300px;margin:0 auto;padding:.5rem 1rem 3rem}.page-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:1.25rem;display:flex}.page-title{color:var(--color-navy);letter-spacing:-.02em;font-size:1.4rem;font-weight:800}.page-subtitle{color:var(--color-text-muted);margin-top:.1rem;font-size:.8rem}.card{background-color:var(--color-card);border-radius:var(--radius-md);border:1px solid var(--color-border);box-shadow:var(--shadow-sm);margin-bottom:1.25rem;padding:1.25rem}.card-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.card-title{color:var(--color-navy);font-size:1.05rem;font-weight:700}.btn{border-radius:var(--radius-sm);cursor:pointer;border:1px solid #0000;align-items:center;gap:.4rem;padding:.55rem 1.1rem;font-size:.85rem;font-weight:600;line-height:1.2;text-decoration:none;transition:all .2s;display:inline-flex}.btn-primary{background-color:var(--color-gold);color:#fff;box-shadow:0 2px 4px #d9770633}.btn-primary:hover{background-color:var(--color-gold-hover)}.btn-navy{background-color:var(--color-navy);color:#fff}.btn-navy:hover{background-color:var(--color-navy-hover)}.btn-outline{border-color:var(--color-border-dark);color:var(--color-navy);background-color:#0000}.btn-outline:hover{background-color:#f1f5f9}.filter-preset{cursor:pointer;border:1px solid var(--color-border-dark);color:var(--color-navy);background-color:#fff;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1)}.filter-preset:hover{transform:translateY(-1px);background-color:var(--color-gold-light)!important;border-color:var(--color-gold)!important;color:var(--color-gold-text)!important}.filter-preset.active{box-shadow:0 2px 6px #d977064d;background-color:var(--color-gold)!important;border-color:var(--color-gold)!important;color:#fff!important;font-weight:800!important}.filter-preset.active:hover{background-color:var(--color-gold-hover)!important;border-color:var(--color-gold-hover)!important;color:#fff!important}.btn-danger{background-color:var(--color-danger);color:#fff}.btn-danger:hover{background-color:#b91c1c}.btn-sm{padding:.35rem .75rem;font-size:.775rem}.btn-lg{padding:.75rem 1.5rem;font-size:.95rem;font-weight:700}.form-group{margin-bottom:1rem}.form-label{color:var(--color-text-main);margin-bottom:.35rem;font-size:.8rem;font-weight:600;display:block}.form-control,select.form-control{box-sizing:border-box;text-overflow:ellipsis;white-space:nowrap;width:100%;max-width:100%;font-size:.875rem;font-family:var(--font-sans);color:var(--color-text-main);border:1px solid var(--color-border-dark);border-radius:var(--radius-sm);background-color:#fff;padding:.6rem .85rem;transition:border-color .2s,box-shadow .2s;overflow:hidden}.form-control:focus,select.form-control:focus{border-color:var(--color-gold);outline:none;box-shadow:0 0 0 3px #d9770626}.form-control-mono{font-family:var(--font-mono)}.table-container{border:1px solid var(--color-border);border-radius:var(--radius-md);scrollbar-width:thin;background-color:#fff;overflow-x:auto}.accounting-table{border-collapse:collapse;text-align:left;width:100%;font-size:.85rem}.accounting-table th{background-color:var(--color-navy);color:#fff;border-bottom:2px solid var(--color-gold);white-space:nowrap;text-transform:uppercase;letter-spacing:.03em;padding:.75rem .85rem;font-size:.8rem;font-weight:700}.accounting-table td{border-bottom:1px solid var(--color-border);color:var(--color-text-main);vertical-align:middle;padding:.65rem .85rem}.accounting-table tr:last-child td{border-bottom:none}.accounting-table tr:hover td{background-color:#f8fafc}.amount-cell{font-family:var(--font-mono);text-align:right;font-weight:700}.sticky-totals-bar{background-color:var(--color-navy-dark);color:#fff;border-radius:var(--radius-md);border:2px solid var(--color-gold);box-shadow:var(--shadow-lg);z-index:90;justify-content:space-between;align-items:center;margin-top:1rem;padding:.85rem 1.25rem;display:flex;position:sticky;bottom:1rem}.totals-group{align-items:center;gap:1.5rem;display:flex}.total-item{flex-direction:column;display:flex}.total-label{color:#94a3b8;text-transform:uppercase;letter-spacing:.05em;font-size:.675rem;font-weight:700}.total-amount{font-family:var(--font-mono);color:#fff;font-size:1.15rem;font-weight:800}.total-amount-grand{color:var(--color-gold);font-size:1.35rem}.badge{border-radius:4px;align-items:center;padding:.2rem .5rem;font-size:.725rem;font-weight:700;line-height:1;display:inline-flex}.badge-active{background-color:var(--color-success-bg);color:var(--color-success)}.badge-inactive{background-color:var(--color-danger-bg);color:var(--color-danger)}.badge-warning{background-color:var(--color-gold-light);color:var(--color-gold-text)}.modal-overlay{backdrop-filter:blur(4px);z-index:200;background-color:#0b131fbf;justify-content:center;align-items:center;width:100vw;height:100vh;padding:1rem;display:flex;position:fixed;top:0;left:0}.modal-card{border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);border:1px solid var(--color-border);background-color:#fff;flex-direction:column;width:100%;max-width:600px;max-height:90vh;display:flex;overflow:hidden}.modal-header{background-color:var(--color-navy);color:#fff;justify-content:space-between;align-items:center;padding:1rem 1.25rem;display:flex}.modal-body{padding:1.25rem;overflow-y:auto}.modal-footer{border-top:1px solid var(--color-border);background-color:#f8fafc;justify-content:flex-end;align-items:center;gap:.75rem;padding:1rem 1.25rem;display:flex}.mobile-nav-toggle{color:#fff;cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;padding:.25rem .5rem;font-size:1.5rem;line-height:1;display:none}.mobile-nav-toggle:hover{background-color:var(--color-navy-light)}.mobile-drawer-overlay{backdrop-filter:blur(8px);z-index:300;opacity:0;pointer-events:none;background:#0b131ff2;width:100vw;height:100vh;transition:opacity .25s;display:flex;position:fixed;top:0;left:0}.mobile-drawer-overlay.open{opacity:1;pointer-events:auto}.mobile-drawer-card{background-color:var(--color-navy-dark);color:#fff;width:100vw;max-width:100%;height:100%;box-shadow:none;border-left:2px solid var(--color-gold);flex-direction:column;transition:transform .25s cubic-bezier(.16,1,.3,1);display:flex;transform:translate(100%)}.mobile-drawer-overlay.open .mobile-drawer-card{transform:translate(0)}.mobile-drawer-header{background-color:var(--color-navy);border-bottom:2px solid var(--color-gold);justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex}.mobile-drawer-close{color:#fff;cursor:pointer;background:0 0;border:none;font-size:1.4rem}.mobile-drawer-body{flex:1;padding:1.5rem;overflow-y:auto}.mobile-menu-section-title{letter-spacing:.08em;color:var(--color-gold);margin-bottom:.75rem;font-size:.7rem;font-weight:800}.mobile-nav-link{color:#e2e8f0;border-radius:var(--radius-sm);align-items:center;gap:.75rem;margin-bottom:.35rem;padding:.85rem 1rem;font-size:.95rem;font-weight:600;text-decoration:none;transition:background .2s;display:flex}.mobile-nav-link:hover,.mobile-nav-link.active{background-color:var(--color-navy-light);color:#fff}.mobile-nav-link.active{border-left:4px solid var(--color-gold);background-color:var(--color-navy-hover)}.mobile-nav-link.disabled-link{opacity:.5;cursor:not-allowed}.badge-preview{background:var(--color-gold);color:#fff;border-radius:4px;margin-left:auto;padding:.15rem .4rem;font-size:.65rem;font-weight:700}.stepper-bar{border-radius:var(--radius-md);border:1px solid var(--color-border);box-shadow:var(--shadow-sm);box-sizing:border-box;background:#fff;align-items:center;gap:.5rem;width:100%;margin-bottom:1.25rem;padding:.65rem .85rem;display:flex}.step-card{border:1px solid var(--color-border);background:#f8fafc;border-radius:8px;flex:1;align-items:center;gap:.5rem;min-width:0;padding:.45rem .65rem;transition:all .2s;display:flex}.step-card.active{background:#ecfdf5;border-color:#059669}.step-card.stage2-active{background:#eff6ff;border-color:#2563eb}.step-card.completed{background:#f0fdf4;border-color:#10b981}.step-badge{background:var(--color-border-dark);width:24px;height:24px;color:var(--color-text-main);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.775rem;font-weight:800;display:flex}.step-card.active .step-badge{color:#fff;background:#059669}.step-card.stage2-active .step-badge{background:var(--color-navy);color:#fff}.step-card.completed .step-badge{background:var(--color-success);color:#fff}.step-details{flex-direction:column;min-width:0;line-height:1.15;display:flex}.step-title{color:var(--color-navy);white-space:nowrap;text-overflow:ellipsis;font-size:.775rem;font-weight:700;overflow:hidden}.step-sub{color:var(--color-text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:.65rem;overflow:hidden}.step-arrow{color:var(--color-text-light);flex-shrink:0;font-size:.75rem}@media (width<=768px){.mobile-nav-toggle{justify-content:center;align-items:center;display:flex}.desktop-only-nav,.desktop-only-user{display:none}.header-actions{align-items:center;gap:.4rem;display:flex}.header-notched-container{padding:.4rem .6rem}.sticky-totals-bar{flex-direction:column;align-items:stretch;gap:1rem}.totals-group{flex-wrap:wrap;gap:1rem}}@media (width<=600px){.brand-logo-sub{display:none!important}.brand-logo-img{height:28px}.brand-logo-title{font-size:.95rem}.lang-selector-container{padding:.1rem}.btn-lang{padding:.15rem .35rem!important;font-size:.675rem!important}.stepper-bar{gap:.25rem;padding:.4rem .5rem}.step-card{gap:.3rem;padding:.35rem .4rem}.step-badge{width:20px;height:20px;font-size:.7rem}.step-title{font-size:.7rem}.step-sub{font-size:.6rem}.step-arrow{font-size:.65rem}}@media (width<=420px){.header-notched-container{padding:.35rem .5rem}.brand-logo-img{height:26px}.brand-logo-title{font-size:.875rem}.step-sub,.step-arrow{display:none}}