body{display:flex;justify-content:center;align-items:center;min-height:100vh;background-color:var(--light-gray);background-image:linear-gradient(45deg,#4caf501a,#673ab70d)}.container{background-color:var(--white);padding:2.5rem;border-radius:var(--border-radius);box-shadow:var(--box-shadow);width:100%;max-width:450px;border-top:4px solid var(--maroon)}.header{text-align:center;margin-bottom:2rem;position:relative}.logo{display:flex;align-items:center;justify-content:center;margin-bottom:1rem}.logo-icon{width:40px;height:40px;background-color:var(--maroon);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--white);font-weight:700;font-size:18px;margin-right:10px}.logo-text{font-size:28px;font-weight:700;color:var(--dark-gray)}.company{font-size:14px;color:var(--maroon);font-weight:500;letter-spacing:1px;text-transform:uppercase}.recording-indicator{font-size:.8rem;color:var(--red);margin-top:.5rem;font-weight:500}.tabs{display:flex;margin-bottom:2rem;border-radius:var(--border-radius);overflow:hidden;border:1px solid var(--light-green)}.tab{flex:1;text-align:center;padding:1rem;cursor:pointer;background-color:var(--white);color:var(--dark-gray);font-weight:500;transition:var(--transition);border-bottom:2px solid transparent}.tab.active{background-color:var(--light-green);color:var(--white);font-weight:600}.tab:hover:not(.active){background-color:#4caf501a}.input-group{margin-bottom:1.5rem}label{display:block;margin-bottom:.5rem;font-weight:500;color:var(--dark-gray)}input,select{width:100%;padding:.75rem 1rem;border:2px solid #e0e0e0;border-radius:var(--border-radius);font-size:1rem;font-family:Poppins,sans-serif;transition:var(--transition)}input:focus,select:focus{outline:none;border-color:var(--light-green);box-shadow:0 0 0 3px #4caf5033}button{width:100%;padding:1rem;background-color:var(--maroon);color:var(--white);border:none;border-radius:var(--border-radius);font-size:1rem;font-weight:600;cursor:pointer;transition:var(--transition);margin-top:1rem;text-transform:uppercase;letter-spacing:1px}button:hover{background-color:#38106c;transform:translateY(-2px);box-shadow:0 4px 8px #4a148c4d}button:active{transform:translateY(0)}button:disabled{background-color:#ccc;cursor:not-allowed}.error{color:var(--red);font-size:.875rem;margin-top:.5rem;display:none;background-color:var(--light-red);padding:.5rem;border-radius:4px;border-left:3px solid var(--red)}.tab-content{display:none}.tab-content.active{display:block}.loading{display:none;text-align:center;margin-top:1.5rem;color:var(--maroon);font-weight:500}.loading:after{content:"";display:block;width:60%;height:4px;background-color:var(--light-green);margin:10px auto 0;border-radius:2px;background-image:linear-gradient(to right,var(--light-green) 30%,var(--maroon) 70%);background-size:200% 100%;animation:loading 1.5s infinite}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}.footer{text-align:center;margin-top:2rem;font-size:.75rem;color:var(--dark-gray);opacity:.7}