*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--blue:#1e596d;--blue-dk:#154758;--green:#107c10;--red:#d13438;--orange:#ca5010;--gray-1:#f3f2f1;--gray-2:#edebe9;--gray-3:#c8c6c4;--gray-4:#605e5c;--gray-5:#323130;--white:#fff;--shadow:0 2px 8px #0000001f;--radius:10px;--font:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif}body,html{height:100%}body{-webkit-font-smoothing:antialiased;background:#f3f2f1;background:var(--gray-1);color:#323130;color:var(--gray-5);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font)}#root,.app{display:flex;flex-direction:column;height:100%}.app{margin:0 auto;max-width:600px;width:100%}.main-content{flex:1 1;overflow-y:auto;padding:16px 16px 90px}.header{align-items:center;background:#1e596d;background:var(--blue);box-shadow:0 2px 8px #0000001f;box-shadow:var(--shadow);color:#fff;color:var(--white);display:flex;justify-content:space-between;padding:12px 16px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.header-title{font-size:15px;font-weight:600}.header-sub{font-size:12px;margin-top:1px;opacity:.8}.btn-icon{background:none;border:none;border-radius:50%;color:#fff;color:var(--white);cursor:pointer;font-size:20px;line-height:1;padding:6px;transition:background .15s}.btn-icon:hover{background:#ffffff26}.tab-nav{background:#fff;background:var(--white);border-top:1px solid #c8c6c4;border-top:1px solid var(--gray-3);bottom:0;display:flex;left:50%;max-width:600px;position:fixed;transform:translateX(-50%);width:100%;z-index:10}.tab-btn{align-items:center;background:none;border:none;color:#605e5c;color:var(--gray-4);cursor:pointer;display:flex;flex:1 1;flex-direction:column;font-size:11px;gap:3px;padding:10px 4px 12px;transition:color .15s}.tab-btn .tab-icon{font-size:22px;line-height:1}.tab-btn.active{color:#1e596d;color:var(--blue)}.tab-btn.active .tab-icon{transform:scale(1.1)}.card{background:#fff;background:var(--white);border-radius:10px;border-radius:var(--radius);box-shadow:0 2px 8px #0000001f;box-shadow:var(--shadow);margin-bottom:12px;padding:16px}.card-title{font-size:15px;font-weight:600;margin-bottom:4px}.card-sub{color:#605e5c;color:var(--gray-4);font-size:13px}.expense-card{background:#fff;background:var(--white);border-radius:10px;border-radius:var(--radius);box-shadow:0 2px 8px #0000001f;box-shadow:var(--shadow);gap:14px;margin-bottom:10px;padding:14px 16px}.expense-card,.expense-icon{align-items:center;display:flex}.expense-icon{background:#f3f2f1;background:var(--gray-1);border-radius:50%;flex-shrink:0;font-size:20px;height:40px;justify-content:center;width:40px}.expense-info{flex:1 1;min-width:0}.expense-category{font-size:14px;font-weight:600}.expense-desc{color:#605e5c;color:var(--gray-4);font-size:12px;margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.expense-date{color:#c8c6c4;color:var(--gray-3);font-size:11px;margin-top:2px}.expense-right{flex-shrink:0;text-align:right}.expense-amount{color:#323130;color:var(--gray-5);font-size:16px;font-weight:700}.expense-receipt{color:#1e596d;color:var(--blue);font-size:11px;margin-top:4px}.btn-delete{background:none;border:none;border-radius:4px;color:#c8c6c4;color:var(--gray-3);cursor:pointer;flex-shrink:0;font-size:20px;padding:4px;transition:color .15s}.btn-delete:hover{color:#d13438;color:var(--red)}.summary-bar{align-items:center;background:#fff;background:var(--white);border-radius:10px;border-radius:var(--radius);box-shadow:0 2px 8px #0000001f;box-shadow:var(--shadow);display:flex;justify-content:space-between;margin-bottom:16px;padding:14px 16px}.summary-label{color:#605e5c;color:var(--gray-4);font-size:13px}.summary-total{color:#1e596d;color:var(--blue);font-size:22px;font-weight:700}.btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:15px;font-weight:600;gap:8px;justify-content:center;padding:12px 20px;transition:all .15s;width:100%}.btn:disabled{cursor:not-allowed;opacity:.5}.btn-primary{background:#1e596d;background:var(--blue);color:#fff;color:var(--white)}.btn-primary:hover:not(:disabled){background:#154758;background:var(--blue-dk)}.btn-success{background:#107c10;background:var(--green);color:#fff;color:var(--white)}.btn-success:hover:not(:disabled){background:#0b5e0b}.btn-danger{background:#d13438;background:var(--red);color:#fff;color:var(--white)}.btn-danger:hover:not(:disabled){background:#a12023}.btn-outline{background:#fff;background:var(--white);border:2px solid #1e596d;border:2px solid var(--blue);color:#1e596d;color:var(--blue)}.btn-outline:hover:not(:disabled){background:#f3f2f1;background:var(--gray-1)}.btn-ghost{background:none;border:1px solid #c8c6c4;border:1px solid var(--gray-3);color:#605e5c;color:var(--gray-4)}.fab{align-items:center;background:#1e596d;background:var(--blue);border:none;border-radius:50%;bottom:76px;box-shadow:0 4px 16px #1e596d66;color:#fff;color:var(--white);cursor:pointer;display:flex;font-size:28px;height:56px;justify-content:center;position:fixed;right:20px;transition:transform .15s,box-shadow .15s;width:56px;z-index:9}.fab:hover{box-shadow:0 6px 20px #1e596d80;transform:scale(1.05)}.modal-overlay{align-items:flex-end;background:#00000080;display:flex;inset:0;justify-content:center;padding:0;position:fixed;z-index:100}.modal{animation:slideUp .2s ease;background:#fff;background:var(--white);border-radius:20px 20px 0 0;max-height:90vh;max-width:600px;overflow-y:auto;padding:20px 20px 32px;width:100%}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.modal-handle{background:#c8c6c4;background:var(--gray-3);border-radius:2px;height:4px;margin:0 auto 20px;width:40px}.modal-title{font-size:18px;font-weight:700;margin-bottom:20px}.form-group{margin-bottom:16px}.form-label{color:#605e5c;color:var(--gray-4);display:block;font-size:13px;font-weight:600;letter-spacing:.4px;margin-bottom:6px;text-transform:uppercase}.form-control{-webkit-appearance:none;background:#fff;background:var(--white);border:1.5px solid #c8c6c4;border:1.5px solid var(--gray-3);border-radius:8px;color:#323130;color:var(--gray-5);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font);font-size:16px;padding:12px 14px;transition:border-color .15s;width:100%}.form-control:focus{border-color:#1e596d;border-color:var(--blue);outline:none}select.form-control{cursor:pointer}.form-row{display:flex;gap:12px}.form-row .form-group{flex:1 1}.receipt-btn{align-items:center;background:#f3f2f1;background:var(--gray-1);border:2px dashed #c8c6c4;border:2px dashed var(--gray-3);border-radius:8px;color:#605e5c;color:var(--gray-4);cursor:pointer;display:flex;font-size:14px;gap:8px;justify-content:center;padding:14px;transition:border-color .15s,background .15s;width:100%}.receipt-btn:hover{background:#e6f0f3;border-color:#1e596d;border-color:var(--blue)}.receipt-btn.has-receipt{background:#e8f5e8;border-color:#107c10;border-color:var(--green);color:#107c10;color:var(--green)}.receipt-preview{height:160px;object-fit:cover;width:100%}.mileage-calc,.receipt-preview{border-radius:8px;margin-top:8px}.mileage-calc{background:#e6f0f3;color:#1e596d;color:var(--blue);font-size:14px;font-weight:600;padding:10px 14px}.badge{border-radius:20px;display:inline-block;font-size:12px;font-weight:600;letter-spacing:.4px;padding:3px 10px;text-transform:uppercase}.badge-draft{background:#edebe9;background:var(--gray-2);color:#605e5c;color:var(--gray-4)}.badge-submitted{background:#fef0cd;color:#8a6300}.badge-approved{background:#dff6dd;color:#107c10;color:var(--green)}.badge-rejected{background:#fde7e9;color:#d13438;color:var(--red)}.report-card{background:#fff;background:var(--white);border-radius:10px;border-radius:var(--radius);box-shadow:0 2px 8px #0000001f;box-shadow:var(--shadow);cursor:pointer;margin-bottom:12px;padding:16px;transition:box-shadow .15s}.report-card:hover{box-shadow:0 4px 16px #00000029}.report-card-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:8px}.report-card-date{color:#605e5c;color:var(--gray-4);font-size:12px;margin-top:4px}.report-card-total{color:#1e596d;color:var(--blue);font-size:18px;font-weight:700;text-align:right}.report-card-lines{color:#605e5c;color:var(--gray-4);font-size:12px;margin-top:2px;text-align:right}.approval-card{background:#fff;background:var(--white);border-radius:10px;border-radius:var(--radius);box-shadow:0 2px 8px #0000001f;box-shadow:var(--shadow);margin-bottom:12px;overflow:hidden}.approval-card-header{border-bottom:1px solid #edebe9;border-bottom:1px solid var(--gray-2);padding:14px 16px}.approval-card-name{font-size:16px;font-weight:700}.approval-card-meta{color:#605e5c;color:var(--gray-4);font-size:12px;margin-top:2px}.approval-line{align-items:center;border-bottom:1px solid #edebe9;border-bottom:1px solid var(--gray-2);display:flex;justify-content:space-between;padding:10px 16px}.approval-line:last-child{border-bottom:none}.approval-line-left{flex:1 1}.approval-line-cat{font-size:13px;font-weight:600}.approval-line-desc{color:#605e5c;color:var(--gray-4);font-size:12px;margin-top:1px}.approval-line-right{text-align:right}.approval-line-amt{font-size:14px;font-weight:700}.approval-actions{background:#f3f2f1;background:var(--gray-1);display:flex;gap:10px;padding:12px 16px}.approval-actions .btn{font-size:14px;padding:10px}.submit-confirm-bar{background:#f3f2f1;background:var(--gray-1);border:1px solid #edebe9;border:1px solid var(--gray-2);border-radius:10px;border-radius:var(--radius);margin-top:4px;padding:14px}.empty-state{color:#605e5c;color:var(--gray-4);padding:60px 20px;text-align:center}.empty-state-icon{font-size:56px;margin-bottom:16px}.empty-state-title{color:#323130;color:var(--gray-5);font-size:17px;font-weight:600;margin-bottom:8px}.empty-state-sub{font-size:14px}.login-screen{align-items:center;background:linear-gradient(160deg,#1e596d,#154758);color:#fff;color:var(--white);display:flex;flex-direction:column;height:100%;justify-content:center;padding:40px 24px;text-align:center}.login-logo{margin-bottom:16px}.login-brand{font-size:12px;letter-spacing:2px;opacity:.7;text-transform:uppercase}.login-brand,.login-title{font-weight:700;margin-bottom:8px}.login-title{font-size:28px}.login-sub{font-size:15px;margin-bottom:40px;opacity:.85}.login-btn{align-items:center;background:#fff;background:var(--white);border:none;border-radius:50px;box-shadow:0 4px 16px #0003;color:#1e596d;color:var(--blue);cursor:pointer;display:flex;font-size:16px;font-weight:700;gap:10px;padding:15px 32px;transition:transform .15s}.login-btn:hover{transform:translateY(-2px)}.loader{align-items:center;display:flex;justify-content:center;padding:40px}.spinner{animation:spin .7s linear infinite;border:3px solid #edebe9;border-top-color:#1e596d;border:3px solid var(--gray-2);border-radius:50%;border-top-color:var(--blue);height:36px;width:36px}@keyframes spin{to{transform:rotate(1turn)}}.toast{animation:fadeInUp .2s ease;background:#323130;background:var(--gray-5);border-radius:8px;bottom:80px;box-shadow:0 2px 8px #0000001f;box-shadow:var(--shadow);color:#fff;color:var(--white);font-size:14px;font-weight:500;left:50%;padding:12px 20px;position:fixed;transform:translateX(-50%);white-space:nowrap;z-index:200}.toast.success{background:#107c10;background:var(--green)}.toast.error{background:#d13438;background:var(--red)}@keyframes fadeInUp{0%{opacity:0;transform:translate(-50%,10px)}to{opacity:1;transform:translate(-50%)}}.divider{color:#c8c6c4;color:var(--gray-3);font-size:12px;font-weight:600;letter-spacing:.5px;margin:8px 0 16px;text-align:center;text-transform:uppercase}.rejection-input{display:flex;gap:8px;margin-top:8px}.rejection-input input{border:1.5px solid #c8c6c4;border:1.5px solid var(--gray-3);border-radius:8px;flex:1 1;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font);font-size:14px;padding:10px 12px}.rejection-input input:focus{border-color:#d13438;border-color:var(--red);outline:none}
/*# sourceMappingURL=main.bace662e.css.map*/