body.auth-page{background:#f8fafc;min-height:100vh;font-family:Inter,sans-serif;overflow:hidden}.login-wrapper{justify-content:center;align-items:center;height:100vh;padding:20px;display:flex;overflow:visible}.auth-container{background:#fff;border-radius:24px;width:1200px;max-width:100%;height:min(760px,100vh - 48px);min-height:0;position:relative;overflow:hidden;box-shadow:0 20px 60px #0f8a7a26}.auth-page{background:#f8fafc;min-height:100vh}.auth-page .login-wrapper{min-height:100vh}.form-panel{box-sizing:border-box;background:#fff;width:50%;height:100%;padding:50px 60px;position:absolute;top:0;overflow:hidden auto}.login-panel{z-index:2;opacity:1;left:0}.signup-panel{z-index:1;opacity:1;left:50%}.brand{align-items:center;gap:16px;margin-bottom:70px;display:flex}.brand img{width:60px}.brand h2{margin:0;font-size:28px;font-weight:800}.brand span{color:#0f8a7a}.brand small{letter-spacing:2px;color:#64748b}.login-form{width:100%;max-width:480px}.login-form h1{color:#0f172a;margin-bottom:12px;font-size:42px;font-weight:800}.login-form p{color:#64748b;margin-bottom:40px;line-height:1.7}.form-group{margin-bottom:22px}.form-group label{color:#334155;margin-bottom:8px;font-weight:600;display:block}.form-group input{border:1px solid #e2e8f0;border-radius:12px;width:100%;height:56px;padding:0 18px;transition:all .2s}.form-group input:focus{border-color:#0f8a7a;outline:none;box-shadow:0 0 0 4px #0f8a7a1f}.forgot-link{color:#0f8a7a;margin-bottom:24px;text-decoration:none;display:inline-block}.btn-login{color:#fff;cursor:pointer;background:#0f8a7a;border:none;border-radius:12px;width:100%;height:56px;font-size:16px;font-weight:700;transition:all .25s}.btn-login:hover{background:#0c7568}.overlay-container{z-index:100;width:50%;height:100%;transition:transform .6s ease-in-out;position:absolute;top:0;left:50%;overflow:hidden}.overlay{background:linear-gradient(135deg,#0f8a7a,#38c6b8);width:200%;height:100%;transition:transform .6s ease-in-out;position:relative;left:-100%}.overlay-panel{text-align:center;box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center;width:50%;height:100%;padding:80px;display:flex;position:absolute}.overlay-left{left:0}.overlay-right{right:0}.overlay-panel h2{margin-bottom:20px;font-size:48px;font-weight:800}.overlay-panel p{max-width:500px;margin-bottom:30px;font-size:18px;line-height:1.8}.feature-grid{grid-template-columns:repeat(2,1fr);gap:16px;width:100%;max-width:420px;display:grid}.feature-item{text-align:center;background:#ffffff26;border-radius:12px;padding:18px;overflow:hidden}.ghost-btn{color:#fff;cursor:pointer;background:0 0;border:2px solid #fff;border-radius:12px;margin-top:32px;padding:14px 36px;font-weight:700;transition:all .25s}.ghost-btn:hover{background:#ffffff1f}.auth-container.show-signup .overlay-container{transform:translate(-100%)}.auth-container.show-signup .overlay{transform:translate(50%)}.auth-container.show-signup .login-panel{opacity:0;visibility:hidden;z-index:5;transform:translate(-100%)}.auth-container.show-signup .signup-panel{opacity:1;visibility:visible;z-index:20;transform:translate(0)}.alert-danger{color:#b91c1c;background:#fef2f2;border:none;border-radius:12px;margin-bottom:20px;padding:14px 16px}.mobile-signup,.mobile-back-login{display:none}@media (width<=992px){.auth-container{background:#fff;border-radius:20px;width:100%;max-width:500px;height:auto;min-height:0;margin:20px auto;position:relative;overflow:hidden}.overlay-container{display:none!important}.form-panel{box-sizing:border-box;padding:40px 32px;overflow:visible;opacity:1!important;visibility:visible!important;width:100%!important;max-width:none!important;height:auto!important;min-height:0!important;position:relative!important;top:auto!important;left:auto!important;transform:none!important}.login-panel{z-index:10;opacity:1!important;visibility:visible!important;width:100%!important;display:block!important;position:relative!important;left:auto!important;transform:none!important}.signup-panel{z-index:10;opacity:1!important;visibility:visible!important;width:100%!important;display:none!important;position:relative!important;left:auto!important;transform:none!important}.login-panel{display:block!important}.auth-container.mobile-show-signup .login-panel{display:none!important}.auth-container.mobile-show-signup .signup-panel{display:block!important}.login-form{width:100%;max-width:none}.login-form h1{font-size:32px;line-height:1.2}.login-form p{font-size:14px;line-height:1.5}.form-group{width:100%;margin-bottom:16px}.form-group input{box-sizing:border-box;width:100%;height:50px}.btn-login{width:100%;height:50px}.mobile-signup{flex-direction:column;align-items:center;gap:6px;margin-top:20px;display:flex}.mobile-back-login{color:#0f8a7a;cursor:pointer;background:0 0;border:none;width:100%;margin-top:18px;font-weight:700;display:block}}.app-sidebar .nav-link.active{border-radius:8px;color:#006b4f!important;background-color:#e6f0ec!important}.app-sidebar .nav-link.active i{color:#006b4f!important}.modal-backdrop,.modal-backdrop.show,body .modal-backdrop,body .modal-backdrop.show{--bs-backdrop-opacity:.09!important;opacity:.09!important;background-color:#000!important}body.sidebar-collapsed .app-sidebar{margin-left:-250px}body.sidebar-collapsed .app-main,body.sidebar-collapsed .app-header{margin-left:0!important}.sidebar-mobile-backdrop{display:none}@media (width<=991.98px){.app-sidebar{z-index:1050;width:250px;height:100vh;transition:left .25s;top:0;left:-250px;position:fixed!important}body.sidebar-mobile-open .app-sidebar{left:0}body.sidebar-mobile-open .sidebar-mobile-backdrop{z-index:1040;background:#00000040;display:block;position:fixed;inset:0}.app-main,.app-header{margin-left:0!important}}@media (width>=992px){.app-sidebar{transition:margin-left .25s}}@media (width<=991.98px){body.sidebar-mobile-open .app-sidebar{visibility:visible!important;z-index:1060!important;opacity:1!important;width:250px!important;min-width:250px!important;max-width:250px!important;margin-left:0!important;display:block!important;left:0!important;transform:none!important}.app-sidebar{background:#fff!important;height:100vh!important;position:fixed!important;top:0!important;bottom:0!important;left:-250px!important;overflow-y:auto!important}body.sidebar-mobile-open .sidebar-mobile-backdrop{z-index:1050!important;background:#00000040!important;display:block!important;position:fixed!important;inset:0!important}}.spinner-grow{vertical-align:-.125em!important;opacity:1!important;background-color:currentColor!important;border-radius:50%!important;width:2rem!important;height:2rem!important;animation:.75s linear infinite spinner-grow!important;display:inline-block!important}@keyframes spinner-grow{0%{transform:scale(0)}50%{opacity:1;transform:none}}.ts-wrapper .ts-control{min-height:48px;box-shadow:none;border-color:#ced4da;border-radius:.375rem;align-items:center;padding:.375rem .75rem;display:flex}.ts-wrapper.single .ts-control{height:48px}.ts-wrapper .ts-control input{font-size:14px}.ts-dropdown{z-index:9999;border-color:#ced4da;border-radius:.375rem}.ts-dropdown .option{padding:10px 12px;font-size:14px}.ts-wrapper.focus .ts-control{border-color:#86b7fe;box-shadow:0 0 0 .2rem #0d6efd40}.transaction-back-btn{color:#2f3747;cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;padding:0;font-size:18px;font-weight:500;transition:all .2s;display:flex}.transaction-back-btn i{font-size:16px}.transaction-back-btn:hover{color:#0d6efd}.transaction-back-btn:focus{box-shadow:none;outline:none}.receipt-icon{background:#eaf7f4;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;margin:auto;display:flex}.receipt-icon i{color:#0b8b75;font-size:26px}.receipt-share-btn{color:#0b8b75;background:#eef9f7;border-radius:8px;padding:10px 18px;font-weight:600}.receipt-share-btn:hover{background:#dff5f1}.receipt-generate-btn{background:#0b8b75;border:none;border-radius:8px;padding:10px 18px;font-weight:600}.receipt-generate-btn:hover{background:#087462}.permission-toggle{cursor:pointer;border:none;border-radius:999px;align-items:center;width:46px;height:23px;padding:2px;transition:all .2s;display:inline-flex}.permission-toggle.active{background-color:#0ca6a6;justify-content:flex-end}.permission-toggle.inactive{background-color:#d1d1d1;justify-content:flex-start}.permission-toggle-icon{background:#fff;border-radius:50%;justify-content:center;align-items:center;width:19px;height:19px;font-size:10px;display:flex}.permission-toggle.active .permission-toggle-icon{color:#0ca6a6}.permission-toggle.inactive .permission-toggle-icon{color:#b5b5b5}