.login-outer{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#232526,#414345)}.login-container{max-width:370px;width:95vw;min-height:420px;display:flex;flex-direction:column;justify-content:center;align-items:center;background:linear-gradient(135deg,#232526,#414345);border-radius:22px;box-shadow:0 8px 32px #1f26875e;color:#fff;padding:2.5rem 2rem}.login-container h2{margin-bottom:2rem;font-size:2.2rem;font-weight:700;letter-spacing:1px}.login-container form{width:100%;display:flex;flex-direction:column;gap:1.2rem}.login-container input{padding:.9em 1.1em;border-radius:8px;border:none;background:#2c2f36;color:#fff;font-size:1.1em;transition:background .2s;outline:none;box-shadow:0 2px 8px #00000014}.login-container input:focus{background:#353942}.login-container button{padding:.9em 1.1em;border-radius:8px;border:none;background:linear-gradient(90deg,#646cff,#3a3fcb);color:#fff;font-size:1.1em;font-weight:600;cursor:pointer;box-shadow:0 2px 8px #646cff26;transition:background .2s,box-shadow .2s}.login-container button:hover{background:linear-gradient(90deg,#3a3fcb,#646cff);box-shadow:0 4px 16px #646cff40}.login-error{color:#ff6b6b;margin-top:1rem;text-align:center;font-size:1rem}.login-toggle{margin-top:1.5rem;text-align:center;font-size:1rem}.login-toggle button{background:none;border:none;color:#646cff;font-weight:600;cursor:pointer;padding:0;margin-left:.3em;font-size:1em;transition:color .2s}.login-toggle button:hover{color:#3a3fcb}@media (max-width: 600px){.login-container{min-height:340px;padding:1.5rem .7rem;border-radius:14px}.login-container h2{font-size:1.5rem}}.transaction-list-card{background:#fff;border-radius:0;box-shadow:0 4px 24px #2c3e501a;padding:0;min-width:50vw;max-width:600px;width:100%;display:flex;flex-direction:column}.transaction-list-titlebar{display:flex;align-items:center;background:#219150;border-radius:0;padding:1rem 1.5rem;color:#fff;font-weight:700;font-size:1.2rem;gap:.7rem}.icon-briefcase{display:flex;align-items:center;margin-right:.5rem}.transaction-list-title{font-size:1.1rem;font-weight:600;letter-spacing:.5px}.transaction-list-controls{display:flex;gap:1rem;align-items:center;padding:1rem 1.5rem .5rem;background:#fff;border-radius:0}.transaction-search{flex:1;padding:.6em 1em;border-radius:0;border:1px solid #e1e1e1;background:#f8f8f8;color:#222;font-size:1em;outline:none;transition:border .2s}.transaction-search:focus{border:1.5px solid #27ae60}.transaction-sort{padding:.6em 1em;border-radius:0;border:1px solid #e1e1e1;background:#f8f8f8;color:#222;font-size:1em;outline:none}.transactions-list{list-style:none;padding:0;margin:0;background:#fff;border-radius:0}.transaction-item{display:flex;align-items:center;gap:1rem;padding:1rem 1.5rem;border-bottom:1px solid #f0f0f0;cursor:pointer;transition:background .15s;font-size:1.05rem;position:relative}.transaction-item:last-child{border-bottom:none}.transaction-item:hover{background:#f4fef7}.transaction-status-bar{display:inline-block;width:8px;height:2.2rem;min-height:32px;border-radius:2px;margin-right:1rem;flex-shrink:0}.status-dot{display:none}.transaction-date{min-width:90px;color:#888;font-size:.97em}.transaction-contractor{flex:1;font-weight:500;color:#222}.transaction-amount{font-weight:600;color:#27ae60}.transaction-empty{padding:1.5rem;text-align:center;color:#aaa;font-style:italic;background:#fff;border-radius:0}@media (max-width: 900px){.transaction-list-card{margin:2rem auto 0;min-width:0;max-width:100vw}}@media (max-width: 600px){.transaction-list-card{margin:1rem 0 0}.transaction-list-titlebar{padding:.8rem 1rem;font-size:1rem}.transactions-list{border-radius:0}}.transaction-detail-card{background:#fff;border-radius:0;box-shadow:0 4px 24px #2c3e501a;min-width:50vw;max-width:400px;width:100%;margin-left:2rem;display:flex;flex-direction:column;padding:0 0 2rem}.transaction-detail-titlebar{background:#219150;color:#fff;font-weight:700;font-size:1.2rem;padding:1rem 1.5rem;border-radius:0}.transaction-detail-fields{display:flex;flex-direction:column;gap:1.2rem;padding:2rem 1.5rem 1rem}.transaction-detail-box{background:#f8f8f8;border-radius:0;padding:1rem;display:flex;flex-direction:column;gap:.3rem;box-shadow:0 1px 4px #2c3e500a}.transaction-detail-label{font-size:.95em;color:#27ae60;font-weight:600}.transaction-detail-value{font-size:1.1em;color:#222;font-weight:500}.transaction-detail-actions{padding:0 1.5rem;margin-top:1.5rem}.transaction-detail-status-select{width:100%;padding:.8em 1em;border-radius:0;border:1px solid #e1e1e1;background:#f8f8f8;color:#222;font-size:1em;outline:none;transition:border .2s}.transaction-detail-status-select:focus{border:1.5px solid #27ae60;background:#f4fef7}.app-layout{display:flex;flex-direction:row;min-height:100vh;min-width:100vw;max-width:100vw;max-height:100vh;background:linear-gradient(135deg,#232526,#414345),url(/image.png) center center/cover no-repeat;background-blend-mode:overlay;align-items:flex-start;justify-content:center;gap:2rem;padding:5rem;margin:0;width:100vw;height:100vh;overflow:hidden;box-sizing:border-box}.app-sidebar{align-items:flex-start;background:#f8f8f8;padding:0;margin-left:2rem;margin-top:1rem;background:none;position:absolute}.home-btn{display:flex;align-items:center;justify-content:center;margin-bottom:2rem;background:none;border:none;cursor:pointer;padding:.5rem;border-radius:6px;transition:background .15s}.home-btn:hover{background:#eafaf1}@media (max-width: 900px){.app-layout{flex-direction:column;align-items:stretch;gap:1.5rem;padding:2rem .5rem;height:100vh;min-height:100vh;max-height:100vh}}.transaction-form-card{background:#fff;border-radius:0;box-shadow:0 4px 24px #2c3e501a;padding:0;min-width:320px;max-width:400px;width:100%;display:flex;flex-direction:column}.transaction-form-titlebar{display:flex;align-items:center;background:#219150;border-radius:0;padding:1rem 1.5rem;color:#fff;font-weight:700;font-size:1.2rem;gap:.7rem}.icon-transfer{display:flex;align-items:center;margin-right:.5rem}.transaction-form-title{font-size:1.1rem;font-weight:600;letter-spacing:.5px}.transaction-form{display:flex;flex-direction:column;gap:1.2rem;padding:1.5rem}.transaction-label{display:block;font-size:.92em;font-weight:600;color:#219150;margin-bottom:.4em;letter-spacing:.5px}.transaction-form input,.transaction-form button,.transaction-form select{display:block;width:100%;margin-bottom:1rem;border-radius:0}.transaction-form input{padding:.8em 1em;border-radius:0;border:1px solid #e1e1e1;background:#f8f8f8;color:#222;font-size:1em;margin-bottom:.2rem;transition:border .2s;outline:none;box-shadow:0 2px 8px #00000008}.transaction-form input:focus{border:1.5px solid #219150;background:#f4fef7}.transaction-form select{display:block;width:100%;margin-bottom:1rem;border-radius:0;padding:.8em 1em;border:1px solid #e1e1e1;background:#f8f8f8;color:#222;font-size:1em;transition:border .2s;outline:none;box-shadow:0 2px 8px #00000008}.transaction-form select:focus{border:1.5px solid #219150;background:#f4fef7}.transaction-form button{margin-top:.5rem;padding:.9em 1.1em;border-radius:0;border:none;background:linear-gradient(90deg,#27ae60,#219150);color:#fff;font-size:1.1em;font-weight:600;cursor:pointer;box-shadow:0 2px 8px #27ae601f;transition:background .2s,box-shadow .2s}.transaction-form button:hover{background:linear-gradient(90deg,#219150,#27ae60);box-shadow:0 4px 16px #27ae602e}@media (max-width: 900px){.transaction-form-card{margin:2rem auto 0;min-width:0;max-width:100vw}}@media (max-width: 600px){.transaction-form-card{margin:1rem 0 0}.transaction-form-titlebar{padding:.8rem 1rem;font-size:1rem}.transaction-label{font-size:.85em}.transaction-form input,.transaction-form select,.transaction-form button{padding:.7em .8em;font-size:.9em}}body,html,#root{margin:0;padding:0;width:100vw;height:100vh;min-width:100vw;min-height:100vh;max-width:100vw;max-height:100vh;overflow:hidden;background:none;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;color:inherit;box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}a{color:inherit;text-decoration:none}
