*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f5f7fa;color:#2c3e50;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}button,input,select,textarea{cursor:pointer;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}.app-layout{display:flex;min-height:100vh}.sidebar{background:linear-gradient(180deg,#1e3a5f,#2c5282);box-shadow:2px 0 10px #0000001a;color:#fff;height:100vh;overflow-y:auto;padding:20px 0;position:fixed;width:260px}.sidebar-header{border-bottom:1px solid #ffffff1a;margin-bottom:20px;padding:0 20px 20px}.sidebar-header h2{font-size:18px;font-weight:700}.sidebar-header p{font-size:12px;margin-top:4px;opacity:.7}.sidebar-menu{list-style:none}.sidebar-menu li a{border-left:3px solid #0000;color:#ffffffd9;display:block;padding:12px 20px;transition:all .2s}.sidebar-menu li a:hover{background:#ffffff0d;border-left-color:#4299e1;color:#fff}.sidebar-menu li a.active{background:#4299e126;border-left-color:#4299e1;color:#fff;font-weight:600}.main-content{flex:1 1;margin-left:260px;padding:20px 30px}.topbar{align-items:center;background:#fff;border-radius:10px;box-shadow:0 1px 3px #0000000d;display:flex;justify-content:space-between;margin-bottom:20px;padding:15px 25px}.topbar h1{color:#1a365d;font-size:22px}.user-info{gap:12px}.user-avatar,.user-info{align-items:center;display:flex}.user-avatar{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;font-weight:600;height:38px;justify-content:center;width:38px}.card{background:#fff;border-radius:10px;box-shadow:0 1px 3px #0000000d;margin-bottom:20px;padding:20px}.card-header{align-items:center;border-bottom:1px solid #eaeaea;display:flex;justify-content:space-between;margin-bottom:15px;padding-bottom:12px}.card-header h2{color:#1a365d;font-size:18px}.kpi-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-bottom:20px}.kpi-card{background:#fff;border-left:4px solid #4299e1;border-radius:10px;box-shadow:0 1px 3px #0000000d;padding:20px}.kpi-card.revenue{border-left-color:#48bb78}.kpi-card.receivable{border-left-color:#ed8936}.kpi-card.payable{border-left-color:#e53e3e}.kpi-card.cash{border-left-color:#38b2ac}.kpi-card.warning{border-left-color:#f6ad55}.kpi-card .label{color:#718096;font-size:13px;margin-bottom:8px}.kpi-card .value{color:#1a365d;font-size:22px;font-weight:700}.kpi-card .sub{color:#a0aec0;font-size:12px;margin-top:4px}.kpi-clickable{cursor:pointer;transition:transform .15s,box-shadow .15s}.kpi-clickable:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.btn{align-items:center;border:none;border-radius:6px;display:inline-flex;font-size:14px;font-weight:500;gap:6px;padding:8px 16px;transition:all .2s}.btn-primary{background:#4299e1;color:#fff}.btn-primary:hover{background:#3182ce}.btn-success{background:#48bb78;color:#fff}.btn-success:hover{background:#38a169}.btn-danger{background:#f56565;color:#fff}.btn-danger:hover{background:#e53e3e}.btn-secondary{background:#edf2f7;color:#2d3748}.btn-secondary:hover{background:#e2e8f0}.btn-sm{font-size:12px;padding:4px 10px}.table-wrapper{overflow-x:auto}table{border-collapse:collapse;font-size:14px;width:100%}table th{background:#f7fafc;border-bottom:2px solid #e2e8f0;color:#4a5568;font-weight:600;padding:10px 12px;text-align:left}table td{border-bottom:1px solid #edf2f7;padding:10px 12px}table tbody tr:hover{background:#f7fafc}table tbody tr.clickable-row{cursor:pointer}table tbody tr.clickable-row:hover{background:#ebf8ff}.total-row:hover{background:#f7fafc!important}.grand-total-row:hover{background:#2c5282!important}.text-right{text-align:right}.text-center{text-align:center}.text-success{color:#48bb78;font-weight:600}.text-danger{color:#e53e3e;font-weight:600}.text-warning{color:#ed8936;font-weight:600}.badge{border-radius:12px;font-size:11px;font-weight:600;padding:3px 10px;text-transform:uppercase}.badge-success{background:#c6f6d5;color:#22543d}.badge-warning{background:#feebc8;color:#7c2d12}.badge-danger{background:#fed7d7;color:#742a2a}.badge-info{background:#bee3f8;color:#2c5282}.badge-secondary{background:#e2e8f0;color:#4a5568}.form-group{margin-bottom:15px}.form-group label{color:#4a5568;display:block;font-size:14px;font-weight:500;margin-bottom:6px}.form-control{border:1px solid #e2e8f0;border-radius:6px;font-family:inherit;font-size:14px;padding:8px 12px;width:100%}.form-control:focus{border-color:#4299e1;box-shadow:0 0 0 3px #4299e126;outline:none}.form-row{grid-gap:15px;display:grid;gap:15px;grid-template-columns:1fr 1fr}.login-split{display:flex;min-height:100vh}.login-brand{background:linear-gradient(160deg,#1e3a5f,#2c5282 60%,#2b6cb0);display:flex;flex:1 1;flex-direction:column;justify-content:center;min-width:0;overflow:hidden;padding:64px 72px;position:relative}.login-brand-grid{background-image:radial-gradient(circle,hsla(0,0%,100%,.055) 1px,#0000 0);background-size:30px 30px;inset:0;position:absolute}.login-brand-orb{animation:floatOrb 14s ease-in-out infinite alternate;border-radius:50%;filter:blur(80px);position:absolute}.login-brand-orb-1{background:radial-gradient(circle,#4299e1,#2c5282);height:520px;left:-140px;opacity:.28;top:-180px;width:520px}.login-brand-orb-2{animation-delay:-7s;background:radial-gradient(circle,#63b3ed,#48bb78);bottom:-130px;height:420px;opacity:.16;right:-80px;width:420px}@keyframes floatOrb{0%{transform:translate(0) scale(1)}50%{transform:translate(22px,-16px) scale(1.06)}to{transform:translate(-16px,22px) scale(.95)}}.login-brand-content{position:relative;z-index:1}.login-brand-logo{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff1f;border:1px solid #fff3;border-radius:20px;display:flex;font-size:34px;height:76px;justify-content:center;margin-bottom:32px;width:76px}.login-brand-title{color:#fff;font-size:46px;font-weight:800;letter-spacing:-1px;line-height:1.1;margin-bottom:12px}.login-brand-sub{color:#ffffffd9;font-size:20px;font-weight:500;margin-bottom:8px}.login-brand-standard{background:#ffffff1a;border:1px solid #ffffff26;border-radius:20px;color:#ffffff8c;display:inline-block;font-size:13px;letter-spacing:.3px;margin-bottom:32px;padding:5px 14px}.login-brand-stats{align-items:center;background:#ffffff12;border:1px solid #ffffff1f;border-radius:14px;display:flex;gap:0;margin-bottom:32px;padding:20px 0}.login-stat{flex:1 1;text-align:center}.login-stat-num{color:#fff;font-size:32px;font-weight:800;line-height:1;margin-bottom:6px}.login-stat-label{color:#ffffff80;font-size:12px;letter-spacing:.5px;text-transform:uppercase}.login-stat-sep{background:#ffffff26;flex-shrink:0;height:40px;width:1px}.login-brand-divider{background:#fff3;border-radius:2px;height:3px;margin-bottom:28px;width:48px}.login-brand-features{display:flex;flex-direction:column;gap:24px}.login-feature{align-items:flex-start;display:flex;gap:16px}.login-feature-icon{align-items:center;background:#ffffff1a;border-radius:12px;display:flex;flex-shrink:0;font-size:24px;height:50px;justify-content:center;width:50px}.login-feature-label{color:#fff;font-size:15px;font-weight:600;margin-bottom:3px}.login-feature-desc{color:#ffffff8c;font-size:13px}.login-brand-footer{bottom:36px;color:#ffffff59;font-size:12px;left:72px;position:absolute;z-index:1}.login-form-panel{align-items:center;background:#f5f7fa;display:flex;flex-shrink:0;justify-content:center;padding:40px 32px;width:420px}.login-box{background:#fff;border-radius:14px;border-top:4px solid #4299e1;box-shadow:0 4px 24px #00000014;padding:40px 36px;width:100%}.login-header{margin-bottom:28px}.login-header h2{color:#1a365d;font-size:22px;font-weight:700}.login-header p{color:#718096;font-size:13px;margin-top:5px}.login-box .btn-primary{background:#4299e1;transition:all .2s}.login-box .btn-primary:hover{background:#2b6cb0;box-shadow:0 4px 14px #4299e159;transform:translateY(-1px)}.demo-accounts{background:#ebf8ff;border:1px solid #bee3f8;border-radius:8px;color:#2c5282;font-size:12px;line-height:1.85;margin-top:20px;padding:13px 15px}.demo-accounts strong{color:#1a365d;display:block;margin-bottom:4px}.demo-accounts b{color:#2b6cb0}.alert{border-radius:6px;font-size:14px;margin-bottom:15px;padding:10px 15px}.alert-error{background:#fed7d7;color:#742a2a}.alert-success{background:#c6f6d5;color:#22543d}.loading{color:#718096;padding:40px;text-align:center}.je-lines-table input{border:1px solid #e2e8f0;border-radius:4px;font-size:13px;padding:6px 8px;width:100%}.je-totals{background:#f7fafc;border-radius:6px;display:flex;font-weight:600;gap:30px;justify-content:flex-end;margin-top:15px;padding:15px}.je-totals .balanced{color:#48bb78}.je-totals .unbalanced{color:#e53e3e}.report-section{margin-bottom:25px}.report-section h3{background:#edf2f7;border-radius:4px;color:#1a365d;font-size:15px;margin-bottom:12px;padding:8px 12px}.total-row{background:#f7fafc;border-top:2px solid #cbd5e0;font-weight:700}.grand-total-row{background:#2c5282;color:#fff;font-weight:700}.grand-total-row td{color:#fff}