*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--blue:#3b82f6;--blue-dark:#2563eb;--blue-light:#eff6ff;--green:#10b981;--green-dark:#059669;--green-light:#ecfdf5;--purple:#8b5cf6;--purple-dark:#7c3aed;--purple-light:#f5f3ff;--orange:#f97316;--orange-light:#fff7ed;--yellow:#f59e0b;--yellow-light:#fffbeb;--red:#ef4444;--red-dark:#dc2626;--red-light:#fef2f2;--teal:#14b8a6;--teal-light:#f0fdfa;--gray-50:#f9fafb;--gray-100:#f3f4f6;--gray-200:#e5e7eb;--gray-300:#d1d5db;--gray-400:#9ca3af;--gray-500:#6b7280;--gray-600:#4b5563;--gray-700:#374151;--gray-800:#1f2937;--gray-900:#111827;--sidebar-w:230px;--sidebar-collapsed:64px;--header-h:60px;--radius:10px;--radius-sm:6px;--shadow:0 1px 3px #00000014, 0 1px 2px #0000000f;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -2px #0000000d}html,body,#root{height:100%;color:var(--gray-800);background:var(--gray-50);-webkit-font-smoothing:antialiased;font-family:Inter,Segoe UI,system-ui,sans-serif;font-size:14px}a{color:var(--blue);text-decoration:none}a:hover{text-decoration:underline}button{cursor:pointer;font-family:inherit;font-size:inherit;background:0 0;border:none}input,select,textarea{outline:none;font-family:inherit;font-size:14px}textarea{resize:vertical}.loading-screen{background:var(--gray-50);justify-content:center;align-items:center;height:100vh;display:flex}.spinner{border:3px solid var(--gray-200);border-top-color:var(--blue);border-radius:50%;width:36px;height:36px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.auth-page{background:linear-gradient(135deg,#1e3a5f 0%,#2563eb 50%,#3b82f6 100%);justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.auth-card{width:100%;max-width:420px;box-shadow:var(--shadow-lg);background:#fff;border-radius:16px;overflow:hidden}.auth-header{text-align:center;color:#fff;background:linear-gradient(135deg,#1e3a5f,#2563eb);padding:32px 24px}.auth-logo{background:#fff3;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 12px;display:flex}.auth-header h1{margin-bottom:4px;font-size:22px;font-weight:700}.auth-header p{opacity:.8;font-size:13px}.auth-form{padding:28px 24px}.error-banner{background:var(--red-light);color:var(--red-dark);border-radius:var(--radius-sm);border:1px solid #fca5a5;margin-bottom:16px;padding:10px 14px;font-size:13px}.auth-hint{background:var(--blue-light);border-radius:var(--radius-sm);color:var(--gray-600);text-align:center;margin:12px 0;padding:10px 14px;font-size:12px}.auth-switch{text-align:center;color:var(--gray-500);margin-top:16px;font-size:13px}.auth-switch a{color:var(--blue);font-weight:500}.layout{height:100vh;display:flex;overflow:hidden}.sidebar{width:var(--sidebar-w);border-right:1px solid var(--gray-200);background:#fff;flex-direction:column;flex-shrink:0;transition:width .25s;display:flex;overflow:hidden;box-shadow:2px 0 8px #0000000a}.layout.sidebar-closed .sidebar{width:var(--sidebar-collapsed)}.sidebar-header{border-bottom:1px solid var(--gray-100);min-height:var(--header-h);align-items:center;padding:16px;display:flex}.sidebar-logo{color:var(--blue);white-space:nowrap;align-items:center;gap:10px;font-size:16px;font-weight:700;display:flex;overflow:hidden}.sidebar-nav{flex:1;padding:12px 8px;overflow:hidden auto}.sidebar-footer{border-top:1px solid var(--gray-100);padding:8px}.nav-item{border-radius:var(--radius-sm);color:var(--gray-600);white-space:nowrap;align-items:center;gap:10px;width:100%;margin-bottom:2px;padding:10px 12px;font-weight:500;transition:background .15s,color .15s;display:flex;overflow:hidden;text-decoration:none!important}.nav-item:hover,.nav-item.active{background:var(--blue-light);color:var(--blue)}.nav-item svg{flex-shrink:0}.logout-btn{color:var(--gray-500)}.logout-btn:hover{background:var(--red-light);color:var(--red)}.main-area{flex-direction:column;flex:1;display:flex;overflow:hidden}.topbar{height:var(--header-h);border-bottom:1px solid var(--gray-200);background:#fff;flex-shrink:0;align-items:center;gap:12px;padding:0 20px;display:flex;box-shadow:0 1px 4px #0000000d}.menu-toggle{border-radius:var(--radius-sm);color:var(--gray-500);padding:6px;transition:background .15s}.menu-toggle:hover{background:var(--gray-100)}.topbar-title{color:var(--gray-500);flex:1;font-size:15px;font-weight:500}.topbar-right{align-items:center;gap:8px;display:flex}.icon-round{background:var(--gray-100);width:36px;height:36px;color:var(--gray-500);border-radius:50%;justify-content:center;align-items:center;transition:background .15s;display:flex}.icon-round:hover{background:var(--gray-200)}.profile-menu{position:relative}.profile-btn{border-radius:var(--radius);background:var(--gray-100);color:var(--gray-700);align-items:center;gap:8px;padding:6px 10px;font-weight:500;transition:background .15s;display:flex}.profile-btn:hover{background:var(--gray-200)}.avatar{background:var(--blue);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.profile-dropdown{border:1px solid var(--gray-200);border-radius:var(--radius);min-width:180px;box-shadow:var(--shadow-md);z-index:100;background:#fff;padding:8px;position:absolute;top:calc(100% + 8px);right:0}.profile-info{padding:6px 8px 8px}.profile-info strong{font-size:14px;display:block}.profile-info small{color:var(--gray-400);font-size:12px}.profile-dropdown hr{border:none;border-top:1px solid var(--gray-100);margin:4px 0}.profile-dropdown button{border-radius:var(--radius-sm);width:100%;color:var(--gray-600);align-items:center;gap:8px;padding:8px;font-size:13px;display:flex}.profile-dropdown button:hover{background:var(--red-light);color:var(--red)}.page-content{flex:1;padding:24px;overflow-y:auto}.form-group{flex-direction:column;gap:6px;display:flex}.form-group label{color:var(--gray-700);font-size:13px;font-weight:500}.form-group input,.form-group select,.form-group textarea{border:1.5px solid var(--gray-200);border-radius:var(--radius-sm);color:var(--gray-800);background:#fff;width:100%;padding:9px 12px;transition:border-color .15s,box-shadow .15s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px #3b82f61f}.form-row{grid-template-columns:1fr 1fr;gap:14px;display:grid}.input-with-icon{position:relative}.input-with-icon input{padding-right:40px}.icon-btn{color:var(--gray-400);border-radius:4px;padding:2px;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.icon-btn:hover{color:var(--gray-600)}.btn-primary{background:var(--blue);color:#fff;border-radius:var(--radius-sm);cursor:pointer;border:none;justify-content:center;align-items:center;gap:7px;width:100%;padding:10px 18px;font-size:14px;font-weight:600;transition:background .15s,transform .1s;display:inline-flex}.btn-primary:hover:not(:disabled){background:var(--blue-dark)}.btn-primary:active{transform:scale(.98)}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-primary.purple{background:var(--purple)}.btn-primary.purple:hover:not(:disabled){background:var(--purple-dark)}.btn-primary.green{background:var(--green)}.btn-primary.green:hover:not(:disabled){background:var(--green-dark)}.btn-primary.yellow{background:var(--yellow)}.btn-primary.yellow:hover:not(:disabled){background:#d97706}.btn-primary.red{background:var(--red)}.btn-primary.red:hover:not(:disabled){background:var(--red-dark)}.btn-secondary{background:var(--gray-100);color:var(--gray-700);border-radius:var(--radius-sm);cursor:pointer;border:1.5px solid var(--gray-200);align-items:center;gap:7px;padding:10px 18px;font-size:14px;font-weight:500;transition:background .15s;display:inline-flex}.btn-secondary:hover{background:var(--gray-200)}.btn-danger{background:var(--red);color:#fff;border-radius:var(--radius-sm);cursor:pointer;border:none;align-items:center;gap:7px;padding:10px 18px;font-size:14px;font-weight:600;transition:background .15s;display:inline-flex}.btn-danger:hover{background:var(--red-dark)}.modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000073;justify-content:center;align-items:center;padding:16px;animation:.15s fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-box{box-shadow:var(--shadow-lg);background:#fff;border-radius:14px;width:100%;max-height:90vh;animation:.2s slideUp;overflow-y:auto}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}.modal-sm{max-width:380px}.modal-md{max-width:560px}.modal-lg{max-width:720px}.modal-header{border-bottom:1px solid var(--gray-100);justify-content:space-between;align-items:center;padding:18px 20px;display:flex}.modal-header h2{color:var(--gray-800);font-size:16px;font-weight:700}.modal-header .icon-btn{color:var(--gray-400);border-radius:var(--radius-sm);padding:4px;position:static;transform:none}.modal-header .icon-btn:hover{background:var(--gray-100);color:var(--gray-600)}.modal-body{padding:20px}.modal-form{flex-direction:column;gap:14px;display:flex}.modal-actions{justify-content:flex-end;gap:10px;margin-top:6px;display:flex}.modal-actions .btn-primary,.modal-actions .btn-secondary,.modal-actions .btn-danger{width:auto}.dashboard-page{flex-direction:column;gap:24px;display:flex}.page-title-row{align-items:baseline;gap:12px;display:flex}.page-title-row h2{color:var(--gray-900);font-size:20px;font-weight:700}.page-subtitle{color:var(--gray-400);font-size:13px}.main-cards-row{grid-template-columns:1fr 1fr;gap:16px;display:grid}.main-card{border-radius:var(--radius);cursor:pointer;text-align:left;color:#fff;box-shadow:var(--shadow-md);border:none;align-items:center;gap:16px;padding:20px 22px;transition:transform .15s,box-shadow .15s;display:flex}.main-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.company-card{background:linear-gradient(135deg,#1e40af,#3b82f6)}.cash-card{background:linear-gradient(135deg,#065f46,#10b981)}.main-card-icon{background:#fff3;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;display:flex}.main-card-text h3{margin-bottom:3px;font-size:16px;font-weight:700}.main-card-text p{opacity:.8;font-size:12px}.main-card>svg:last-child{opacity:.7;margin-left:auto}.stats-section{flex-direction:column;gap:12px;display:flex}.section-heading{color:var(--gray-700);font-size:15px;font-weight:600}.stats-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px;display:grid}.stat-card{border-radius:var(--radius);box-shadow:var(--shadow);background:#fff;border-left:4px solid #0000;align-items:center;gap:14px;padding:16px 18px;display:flex}.stat-card.blue{border-left-color:var(--blue)}.stat-card.blue .stat-icon{background:var(--blue-light);color:var(--blue)}.stat-card.purple{border-left-color:var(--purple)}.stat-card.purple .stat-icon{background:var(--purple-light);color:var(--purple)}.stat-card.teal{border-left-color:var(--teal)}.stat-card.teal .stat-icon{background:var(--teal-light);color:var(--teal)}.stat-card.orange{border-left-color:var(--orange)}.stat-card.orange .stat-icon{background:var(--orange-light);color:var(--orange)}.stat-card.green{border-left-color:var(--green)}.stat-card.green .stat-icon{background:var(--green-light);color:var(--green)}.stat-card.yellow{border-left-color:var(--yellow)}.stat-card.yellow .stat-icon{background:var(--yellow-light);color:var(--yellow)}.stat-card.red{border-left-color:var(--red)}.stat-card.red .stat-icon{background:var(--red-light);color:var(--red)}.stat-card.red2{border-left-color:#f43f5e}.stat-card.red2 .stat-icon{color:#f43f5e;background:#fff1f2}.stat-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.stat-info{flex-direction:column;gap:2px;display:flex}.stat-label{color:var(--gray-500);font-size:12px}.stat-value{color:var(--gray-800);font-size:17px;font-weight:700}.chart-section{border-radius:var(--radius);box-shadow:var(--shadow);background:#fff;padding:20px}.section-header-row{color:var(--gray-700);align-items:center;gap:8px;margin-bottom:16px;display:flex}.section-header-row h3{font-size:15px;font-weight:600}.chart-wrapper{width:100%}.accounting-page{flex-direction:column;gap:20px;display:flex}.title-with-icon{align-items:center;gap:10px;display:flex}.title-icon{flex-shrink:0}.title-icon.blue{color:var(--blue)}.title-icon.green{color:var(--green)}.tab-bar{background:var(--gray-100);border-radius:var(--radius);gap:4px;padding:4px;display:flex;overflow-x:auto}.tab-btn{border-radius:var(--radius-sm);color:var(--gray-500);white-space:nowrap;flex-shrink:0;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:500;transition:background .15s,color .15s;display:flex}.tab-btn:hover{color:var(--gray-700);background:var(--gray-200)}.tab-btn.active{color:var(--blue);box-shadow:var(--shadow);background:#fff}.overview-tab{flex-direction:column;gap:20px;display:flex}.date-row{border-radius:var(--radius);box-shadow:var(--shadow);color:var(--gray-600);background:#fff;align-items:center;gap:10px;padding:12px 16px;display:flex}.date-input{border:1.5px solid var(--gray-200);border-radius:var(--radius-sm);color:var(--gray-800);padding:6px 10px;font-size:14px}.overview-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;display:grid}.ov-card{border-radius:var(--radius);color:#fff;cursor:pointer;box-shadow:var(--shadow);border:none;align-items:center;gap:10px;padding:14px 16px;font-size:14px;font-weight:600;transition:transform .15s,box-shadow .15s;display:flex}.ov-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.ov-card>svg:last-child{opacity:.7;margin-left:auto}.blue-card{background:linear-gradient(135deg,#1d4ed8,#3b82f6)}.purple-card{background:linear-gradient(135deg,#6d28d9,#8b5cf6)}.yellow-card{background:linear-gradient(135deg,#b45309,#f59e0b)}.teal-card{background:linear-gradient(135deg,#0f766e,#14b8a6)}.balance-cards{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;display:grid}.balance-card{border-radius:var(--radius);box-shadow:var(--shadow);background:#fff;align-items:center;gap:14px;padding:16px 18px;display:flex}.balance-card.clickable{cursor:pointer;transition:box-shadow .15s}.balance-card.clickable:hover{box-shadow:var(--shadow-md)}.bal-icon{flex-shrink:0}.bal-icon.teal{color:var(--teal)}.bal-icon.orange{color:var(--orange)}.bal-icon.blue{color:var(--blue)}.bal-icon.green{color:var(--green)}.bal-icon.yellow{color:var(--yellow)}.bal-icon.red{color:var(--red)}.balance-card>div{flex-direction:column;gap:2px;display:flex}.bal-label{color:var(--gray-400);font-size:12px}.bal-value{color:var(--gray-800);font-size:18px;font-weight:700}.date-transactions{border-radius:var(--radius);box-shadow:var(--shadow);background:#fff;padding:16px 18px}.date-transactions h4{color:var(--gray-700);margin-bottom:12px;font-size:14px;font-weight:600}.txn-list{flex-direction:column;gap:8px;display:flex}.txn-item{border-radius:var(--radius-sm);background:var(--gray-50);border-left:3px solid #0000;align-items:center;gap:10px;padding:10px 12px;display:flex}.txn-item.credit{border-left-color:var(--green)}.txn-item.debit{border-left-color:var(--red)}.txn-item svg{color:var(--gray-400);flex-shrink:0}.txn-desc{color:var(--gray-700);flex:1;font-size:13px}.txn-date{color:var(--gray-400);font-size:12px}.txn-amount{margin-left:auto;font-size:14px;font-weight:600}.txn-amount.credit{color:var(--green)}.txn-amount.debit{color:var(--red)}.empty-text{color:var(--gray-400);text-align:center;padding:16px 0;font-size:13px}.list-tab{flex-direction:column;gap:16px;display:flex}.list-toolbar{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.search-box{border:1.5px solid var(--gray-200);border-radius:var(--radius-sm);background:#fff;flex:1;align-items:center;gap:8px;min-width:200px;max-width:320px;padding:8px 12px;display:flex}.search-box svg{color:var(--gray-400);flex-shrink:0}.search-box input{color:var(--gray-800);background:0 0;border:none;flex:1}.search-box input::placeholder{color:var(--gray-400)}.search-box button{color:var(--gray-400);padding:0}.search-box button:hover{color:var(--gray-600)}.list-toolbar .btn-primary,.list-toolbar .btn-secondary{width:auto;margin-left:auto}.balance-badge{border-radius:var(--radius-sm);padding:6px 12px;font-size:13px;font-weight:600}.balance-badge.teal{background:var(--teal-light);color:var(--teal)}.balance-badge.blue{background:var(--blue-light);color:var(--blue)}.balance-badge.green{background:var(--green-light);color:var(--green)}.balance-badge.yellow{background:var(--yellow-light);color:var(--yellow)}.balance-badge.red{background:var(--red-light);color:var(--red-dark)}.table-wrapper{border-radius:var(--radius);box-shadow:var(--shadow);background:#fff;overflow:hidden}.data-table{border-collapse:collapse;width:100%}.data-table th{background:var(--gray-50);text-align:left;color:var(--gray-500);text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid var(--gray-200);padding:11px 14px;font-size:12px;font-weight:600}.data-table td{border-bottom:1px solid var(--gray-100);color:var(--gray-700);padding:11px 14px;font-size:13px}.data-table tr:last-child td{border-bottom:none}.data-table tbody tr:hover{background:var(--gray-50)}.action-btns{gap:6px;display:flex}.act-btn{border-radius:var(--radius-sm);justify-content:center;align-items:center;width:30px;height:30px;transition:background .15s,color .15s;display:flex}.act-btn.view{color:var(--blue)}.act-btn.view:hover{background:var(--blue-light)}.act-btn.edit{color:var(--teal)}.act-btn.edit:hover{background:var(--teal-light)}.act-btn.delete{color:var(--red)}.act-btn.delete:hover{background:var(--red-light)}.empty-state{color:var(--gray-300);border-radius:var(--radius);box-shadow:var(--shadow);background:#fff;flex-direction:column;align-items:center;gap:12px;padding:60px 20px;display:flex}.empty-state p{color:var(--gray-400);font-size:14px}.badge{text-transform:capitalize;border-radius:20px;padding:3px 8px;font-size:11px;font-weight:600;display:inline-block}.badge.credit{background:var(--green-light);color:var(--green-dark)}.badge.debit{background:var(--red-light);color:var(--red-dark)}.badge.in{background:var(--green-light);color:var(--green-dark)}.badge.out{background:var(--red-light);color:var(--red-dark)}.badge.success{background:var(--green-light);color:var(--green-dark)}.badge.pending{background:var(--yellow-light);color:#92400e}.badge.failed{background:var(--red-light);color:var(--red-dark)}.badge.paid{background:var(--green-light);color:var(--green-dark)}.badge.partial{background:var(--yellow-light);color:#92400e}.text-green{font-weight:600;color:var(--green-dark)!important}.text-red{font-weight:600;color:var(--red-dark)!important}.text-yellow{font-weight:600;color:#92400e!important}.view-details{flex-direction:column;gap:12px;display:flex}.detail-row{border-bottom:1px solid var(--gray-100);justify-content:space-between;align-items:center;padding:8px 0;display:flex}.detail-row:last-child{border-bottom:none}.detail-key{color:var(--gray-500);font-size:13px;font-weight:500}.detail-val{color:var(--gray-800);text-align:right;word-break:break-word;max-width:60%;font-size:13px;font-weight:600}@media (width<=768px){.page-content{padding:16px}.main-cards-row{grid-template-columns:1fr}.stats-grid,.balance-cards{grid-template-columns:1fr 1fr}.form-row{grid-template-columns:1fr}.tab-bar{gap:2px}.tab-btn{padding:8px 10px;font-size:12px}.layout.sidebar-open .sidebar{z-index:200;height:100vh;position:fixed}.data-table th,.data-table td{padding:8px 10px}}@media (width<=480px){.stats-grid,.balance-cards{grid-template-columns:1fr}.overview-grid{grid-template-columns:1fr 1fr}}